From 002ca48988208a06fe68e6f17f68801dd06fcd09 Mon Sep 17 00:00:00 2001
From: Naeem Baghi <naeembaghi1992@gmail.com>
Date: Wed, 30 Jan 2019 14:43:23 +0330
Subject: [PATCH] add otherProps to elements to make them more customizable

---
 src/Checkbox.js        | 1 +
 src/FieldSet.js        | 1 +
 src/Help.js            | 3 ++-
 src/MultiSelect.js     | 2 +-
 src/NativeDateField.js | 1 +
 src/Radios.js          | 6 +++++-
 src/Select.js          | 2 +-
 src/Text.js            | 1 +
 8 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/Checkbox.js b/src/Checkbox.js
index 655e4158..fa7d9a28 100644
--- a/src/Checkbox.js
+++ b/src/Checkbox.js
@@ -35,6 +35,7 @@ const FormCheckbox = ({
                     onChange={onChangeValidate}
                 />
             }
+            {...form.otherProps}
         />
     </FormGroup>
 );
diff --git a/src/FieldSet.js b/src/FieldSet.js
index aa6fc013..e4cac3d8 100644
--- a/src/FieldSet.js
+++ b/src/FieldSet.js
@@ -45,6 +45,7 @@ const FieldSet = ({
             component="fieldset"
             className={classes.root}
             style={form.style}
+            {...form.otherProps}
         >
             <FormLabel component="legend" required={form.required}>
                 {form.title && getLocalizedString(form.title)}
diff --git a/src/Help.js b/src/Help.js
index e14ef392..8cc91872 100644
--- a/src/Help.js
+++ b/src/Help.js
@@ -10,7 +10,7 @@ type Props = {
 };
 
 const Help = ({
-    form: { description, variant, align, color, noWrap, paragraph }
+    form: { description, variant, align, color, noWrap, paragraph, otherProps }
 }: Props) => (
     <Typography
         variant={variant}
@@ -18,6 +18,7 @@ const Help = ({
         color={color}
         noWrap={noWrap}
         paragraph={paragraph}
+        {...otherProps}
     >
         {description}
     </Typography>
diff --git a/src/MultiSelect.js b/src/MultiSelect.js
index a3b037dd..48981483 100644
--- a/src/MultiSelect.js
+++ b/src/MultiSelect.js
@@ -101,7 +101,7 @@ class MultiSelect extends Component<Props, State> {
             </MenuItem>
         ));
         return (
-            <FormControl fullWidth>
+            <FormControl fullWidth {...form.otherProps}>
                 <InputLabel required={form.required}>
                     {form.title && getLocalizedString(form.title)}
                 </InputLabel>
diff --git a/src/NativeDateField.js b/src/NativeDateField.js
index aa090a8e..6a831d02 100644
--- a/src/NativeDateField.js
+++ b/src/NativeDateField.js
@@ -28,6 +28,7 @@ const NativeDateField = (props: Props) => {
             form={Object.assign({}, form, { type })}
             value={getLocalizedDate(value)}
             otherProps={{ InputLabelProps: { shrink: true } }}
+            {...form.otherProps}
         />
     );
 };
diff --git a/src/Radios.js b/src/Radios.js
index d27f164e..6b4cff64 100644
--- a/src/Radios.js
+++ b/src/Radios.js
@@ -52,7 +52,11 @@ class Radios extends Component<Props> {
             localization: { getLocalizedString }
         } = this.props;
         return (
-            <FormControl component="fieldset" className={classes.formControl}>
+            <FormControl
+                component="fieldset"
+                className={classes.formControl}
+                {...form.otherProps}
+            >
                 <FormLabel component="legend" required={form.required}>
                     {form.title && getLocalizedString(form.title)}
                 </FormLabel>
diff --git a/src/Select.js b/src/Select.js
index 58443925..8312e4af 100644
--- a/src/Select.js
+++ b/src/Select.js
@@ -101,7 +101,7 @@ class Select extends Component<Props, State> {
         }
 
         return (
-            <FormControl fullWidth error={!!error}>
+            <FormControl fullWidth error={!!error} {...form.otherProps}>
                 <InputLabel required={form.required}>
                     {form.title && getLocalizedString(form.title)}
                 </InputLabel>
diff --git a/src/Text.js b/src/Text.js
index 77eecd59..ad6a3111 100755
--- a/src/Text.js
+++ b/src/Text.js
@@ -58,6 +58,7 @@ class Text extends React.Component<Props> {
                 required={form.required}
                 style={form.style}
                 {...otherProps}
+                {...form.otherProps}
             />
         );
     }