Add mapper generator

Author: rvsia

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

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

yarn.lock

@@ -6049,6 +6049,14 @@ chalk@^1.1.1, chalk@^1.1.3:
     strip-ansi "^3.0.0"
     supports-color "^2.0.0"
 
+chalk@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/chalk/-/chalk-3.0.0.tgz#3f73c2bf526591f574cc492c51e2456349f844e4"
+  integrity sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==
+  dependencies:
+    ansi-styles "^4.1.0"
+    supports-color "^7.1.0"
+
 chalk@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.0.0.tgz#6e98081ed2d17faab615eb52ac66ec1fe6209e72"
@@ -21465,7 +21473,7 @@ yargs@^14.0.0, yargs@^14.2.0:
     y18n "^4.0.0"
     yargs-parser "^15.0.0"
 
-yargs@^15.0.1:
+yargs@^15.0.1, yargs@^15.3.1:
   version "15.3.1"
   resolved "https://registry.yarnpkg.com/yargs/-/yargs-15.3.1.tgz#9505b472763963e54afe60148ad27a330818e98b"
   integrity sha512-92O1HWEjw27sBfgmXiixJWT5hRBp2eobqXicLtPBIDBhYB+1HpwZlXmbW2luivBJHBzki+7VyCLRtAkScbTBQA==