fix(forms): fix FormCheckbox and FormSwitch value initialization

Author: assisrafael

demo/FormExamples.jsx

@@ -14,7 +14,14 @@ import {
 export function FormExamples() {
   return (
     <Form
-      initialValues={{ textField: 'abc', selectField4: { e: 2, c: 'b' } }}
+      initialValues={{
+        textField: 'abc',
+        autocompleteField1: '2345',
+        selectField4: { e: 2, c: 'b' },
+        switchField2: true,
+        checkboxField2: true,
+        radioField2: 'b',
+      }}
       onChange={console.info}
       onSubmit={(formData, reset) => {
         console.log('onSubmit', formData);
@@ -183,6 +190,9 @@ export function FormExamples() {
         <div className="col">
           <FormGroupSwitch id="switchFieldId" name="switchField" label="Switch field" trueLabel="ON" falseLabel="OFF" />
         </div>
+        <div className="col">
+          <FormGroupSwitch id="switchFieldId2" name="switchField2" label="Switch field 2" />
+        </div>
         <div className="col">
           <FormGroupCheckbox
             id="checkboxFieldId"
@@ -191,6 +201,9 @@ export function FormExamples() {
             valueLabel="Checkbox description"
           />
         </div>
+        <div className="col">
+          <FormGroupCheckbox id="checkboxFieldId2" name="checkboxField2" label="Checkbox field 2" />
+        </div>
         <div className="col">
           <FormGroupRadio
             id="radioFieldId"
@@ -212,6 +225,23 @@ export function FormExamples() {
             ]}
           />
         </div>
+        <div className="col">
+          <FormGroupRadio
+            id="radioFieldId2"
+            name="radioField2"
+            label="Radio field 2"
+            options={[
+              {
+                value: 'a',
+                label: 'A',
+              },
+              {
+                value: 'b',
+                label: 'B',
+              },
+            ]}
+          />
+        </div>
       </div>
 
       <FormGroupTextarea name="textareaField" label="Textarea field" />

src/forms/FormCheckbox.jsx

@@ -13,7 +13,7 @@ export function FormCheckbox({ id, name, required, valueLabel }) {
         type="checkbox"
         className="custom-control-input"
         onChange={handleOnChange}
-        value={getValue()}
+        checked={getValue()}
         ref={registerRef}
       />
       <label className="custom-control-label" htmlFor={id}>

src/forms/FormSwitch.jsx

@@ -14,7 +14,7 @@ export function FormSwitch({ id, name, required, trueLabel, falseLabel }) {
         type="checkbox"
         className="custom-control-input"
         onChange={handleOnChange}
-        value={value}
+        checked={value}
         ref={registerRef}
       />
       <label className="custom-control-label" htmlFor={id}>