blob: 59eaca707f2aa6493e474c56ddd1dad3f4aef98b (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
|
import React from 'react';
import Radio from './Radio.js';
class RadioGroup extends React.Component {
constructor(props) {
super(props);
this.radios = {};
}
render() {
let {name, disabled, title, options, value, className} = this.props;
let dataTestId = this.props['data-test-id'];
return (<div data-test-id={dataTestId} className={`sdc-radio-group ${className || ''}`}>
{ title && <label className='sdc-radio-group__legend'>{title}</label> }
<div className='sdc-radio-group__radios'>
{options.map(option => {
let rName = name + '_' + option.value;
return (<Radio ref={(radio) => {this.radios[rName] = radio;}} data-test-id={dataTestId + '_' + option.value}
key={rName} value={option.value}
label={option.label} checked={value === option.value} disabled={disabled}
name={name} onChange={() => this.onChange(rName)} />
);})}
</div>
</div>);
}
onChange(rName) {
let {onChange} = this.props;
let val = this.radios[rName].getValue();
if (onChange) {
onChange(val);
}
}
getValue() {
return this.props.value;
}
}
export default RadioGroup;
|