agroptima-design-system 0.33.0 → 0.33.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agroptima-design-system",
-  "version": "0.33.0",
+  "version": "0.33.1",
   "scripts": {
     "dev": "npm run storybook",
     "storybook": "storybook dev -p 6006 --ci",

package/src/atoms/RadioGroup/RadioGroup.tsx

@@ -22,6 +22,7 @@ export interface RadioGroupProps {
   disabled?: boolean
   variant?: Variant
   helpText?: string
+  onChange?: (value: string) => void
 }
 
 export function RadioGroup({
@@ -35,7 +36,14 @@ export function RadioGroup({
   required = false,
   disabled = false,
   variant = 'primary',
+  onChange = () => {},
 }: RadioGroupProps) {
+  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
+    const value = event.target.value
+    if (onChange) {
+      onChange(value)
+    }
+  }
   return (
     <div className={classNames('radio-group', variant, className)}>
       <Label required={required}>{label}</Label>
@@ -50,6 +58,7 @@ export function RadioGroup({
             defaultChecked={defaultValue === option.value}
             variant={variant}
             disabled={disabled}
+            onChange={handleChange}
           />
         ))}
       </fieldset>

package/src/stories/Changelog.mdx

@@ -4,6 +4,10 @@ import { Meta } from "@storybook/blocks";
 
 # Changelog
 
+## 0.33.1
+
+* Add onChange prop to RadioGroup component
+
 ## 0.33.0
 
 * Add TabMenu component
@@ -14,7 +18,7 @@ import { Meta } from "@storybook/blocks";
 
 ## 0.32.2
 
-* Fix disabled color input 
+* Fix disabled color input
 
 ## 0.32.1
 
@@ -54,7 +58,6 @@ import { Meta } from "@storybook/blocks";
 * Review responsive mobile style
 * Return date on DatePicker in ISO format
 
-
 ## 0.31.12
 
 * Fix background color in date picker calendar with input
@@ -211,13 +214,11 @@ import { Meta } from "@storybook/blocks";
 
 * Fix icon size for Button component
 
-
 ## 0.27.21
 
 * No required accessibility label for Badge component.
 * No pass props to div in QuantitySelector component.
 
-
 ## 0.27.20
 
 * Fix state for select and multiselect search
@@ -464,9 +465,11 @@ BREAKING CHANGES
 * Change the way to put the classname on Input component.
 
 ## 0.21.5
+
 * Update open state in Collapsible component.
 
 ## 0.21.5
+
 * Update the way in which we import the source.
 * Alignment correction in Cards and CardsTable components.
 * Add css class helpers and common styles.

package/src/stories/RadioGroup.stories.ts

@@ -22,6 +22,9 @@ const meta = {
   },
   tags: ['autodocs'],
   argTypes: {
+    onChange: {
+      description: 'Function onChange',
+    },
     variant: {
       description: 'Variant used from a list of values',
     },
@@ -47,6 +50,9 @@ export const Default: Story = {
     label: 'Select your videogame preference',
     name: 'videogames-preference',
     helpText: 'This is a help text',
+    onChange: (itemId) => {
+      console.log('onChange itemId', itemId)
+    },
     options: [
       { label: 'Action games', value: 'action' },
       { label: 'Party games', value: 'party' },