feat: include source group at radio-group return

projects/ion/src/lib/core/types/radio-group.ts

@@ -5,3 +5,9 @@ export interface RadioOptions {
   value: SafeAny;
   disabled?: boolean;
 }
+
+export interface RadioSelectedOption {
+  label: string;
+  value: SafeAny;
+  groupName: string;
+}

projects/ion/src/lib/radio-group/radio-group.component.html

@@ -10,7 +10,7 @@
       [value]="option.value"
       [checked]="value === option.value"
       [disabled]="option.disabled"
-      (click)="setValue(option.value)"
+      (click)="setValue(option)"
     />
     <label
       [class.labelDisabled]="!option.disabled"

projects/ion/src/lib/radio-group/radio-group.component.spec.ts

@@ -1,11 +1,11 @@
-import { render, screen, fireEvent } from '@testing-library/angular';
-import { IonRadioGroupComponent } from './radio-group.component';
 import { CommonModule } from '@angular/common';
+import { Component, NgModule } from '@angular/core';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { FormsModule } from '@angular/forms';
+import { fireEvent, render, screen } from '@testing-library/angular';
 import userEvent from '@testing-library/user-event';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { RadioOptions } from '../core/types/radio-group';
-import { NgModule, Component } from '@angular/core';
+import { IonRadioGroupComponent } from './radio-group.component';
 import { IonRadioGroupModule } from './radio-group.module';
 
 const radioGroupName = 'group';
@@ -97,7 +97,11 @@ describe('IonRadioGroup', () => {
 
     userEvent.click(firstOption);
     expect(spyEmit).toHaveBeenCalled();
-    expect(spyEmit).toHaveBeenCalledWith(options[0].value);
+    expect(spyEmit).toHaveBeenCalledWith({
+      label: options[0].label,
+      value: options[0].value,
+      groupName: radioGroupName,
+    });
   });
   it('should render option disabled', () => {
     rerender({ options: [{ ...options[0], disabled: true }] });

projects/ion/src/lib/radio-group/radio-group.component.ts

@@ -1,6 +1,6 @@
-import { Component, Input, Output, EventEmitter } from '@angular/core';
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { RadioOptions, RadioSelectedOption } from '../core/types/radio-group';
 import { SafeAny } from '../utils/safe-any';
-import { RadioOptions } from '../core/types/radio-group';
 
 @Component({
   selector: 'ion-radio-group',
@@ -11,10 +11,14 @@ export class IonRadioGroupComponent {
   @Input() name = 'radio-group';
   @Input() options!: RadioOptions[];
   @Input() value!: SafeAny;
-  @Output() valueChange = new EventEmitter<SafeAny>();
+  @Output() valueChange = new EventEmitter<RadioSelectedOption>();
 
-  setValue(optionValue: SafeAny): void {
-    this.value = optionValue;
-    this.valueChange.emit(this.value);
+  setValue(option: RadioOptions): void {
+    this.value = option.value;
+    this.valueChange.emit({
+      label: option.label,
+      value: option.value,
+      groupName: this.name,
+    });
   }
 }