Update Radio components to use controlled value prop instead of defaultValue in RadioGroup (#112)

Author: AlejoYarce

src/components/Forms/Controls/Radio/README.md

@@ -32,7 +32,7 @@ type RadioGroupProps = Omit<
   | 'defaultValue'
 > & {
   name: string
-  value: ChakraRadioGroup.ItemProps['value']
+  value?: ChakraRadioGroup.ItemProps['value']
   horizontal?: boolean
   onChange?: (name: string, selectedValue: string) => void
   customGap?: string

src/components/Forms/Controls/Radio/types.ts

@@ -19,7 +19,7 @@ export type RadioGroupProps = Omit<
   | 'defaultValue'
 > & {
   name: string
-  value: ChakraRadioGroup.ItemProps['value']
+  value?: ChakraRadioGroup.ItemProps['value']
   horizontal?: boolean
   onChange?: (name: string, selectedValue: string) => void
   customGap?: string

src/components/Forms/Inputs/RadioList/index.tsx

@@ -55,7 +55,7 @@ const RadioList = ({
         <div css={radioListContentListStyles}>
           <RadioGroup
             name={name}
-            defaultValue={defaultValue}
+            value={defaultValue}
             onChange={onCheckedChange}
             horizontal={horizontal && variant !== 'card'}
           >

src/components/Geospatial/Layers/LayerGroup/index.tsx

@@ -111,7 +111,7 @@ const LayerGroup = ({
       <Accordion.ItemContent paddingLeft='16px' paddingRight='16px'>
         <RadioGroup
           name={label}
-          defaultValue={defaultValue}
+          value={defaultValue}
           customGap='0px'
           onChange={(name: string, selectedValue: string) =>
             handleOnChange(

src/components/Geospatial/Layers/LayerItem/LayerItemDemo.tsx

@@ -3,7 +3,7 @@ import { LayerItem, RadioGroup } from '../../..'
 const LayerItemDemo = () => (
   <div>
     <LayerItem label='Layer name 1' caption='caption' name='name' />
-    <RadioGroup name='radio-group-2' defaultValue='5'>
+    <RadioGroup name='radio-group-2' value='5'>
       <LayerItem
         label='Layer name 2'
         caption='caption'