Generator: add id to checkbox

Author: rvsia

templates/component-mapper/src/files/checkbox.js

@@ -21,23 +21,24 @@ const SingleCheckbox = (props) => {
   return (
     <React.Fragment>
       <label htmlFor={name}>{label}</label>
-      <input {...input} type="checkbox" disabled={isDisabled}/>
+      <input {...input} id={name} type="checkbox" disabled={isDisabled}/>
     </React.Fragment>
   );
 };
 
-const SingleCheckboxInCommon = ({ label, isDisabled, ...props }) => (
+const SingleCheckboxInCommon = ({ label, isDisabled, id, ...props }) => (
   <React.Fragment>
-    <label htmlFor={props.name}>{label}</label>
-    <input {...props} type="checkbox" disabled={isDisabled} />
+    <label htmlFor={id}>{label}</label>
+    <input {...props} id={id} type="checkbox" disabled={isDisabled} />
   </React.Fragment>
 );
 
 SingleCheckboxInCommon.propTypes = {
   label: PropTypes.node,
   input: PropTypes.object,
   isDisabled: PropTypes.bool,
-  name: PropTypes.string
+  name: PropTypes.string,
+  id: PropTypes.string
 };
 
 const Checkbox = ({ options, ...props }) =>