42 lines
1.2 KiB
TypeScript
42 lines
1.2 KiB
TypeScript
|
import React from "react";
|
||
|
|
import { ComponentProps } from "../appsmith/BaseComponent";
|
||
|
|
import { Container } from "../appsmith/ContainerComponent";
|
||
|
|
import { RadioOption } from "../../../widgets/RadioGroupWidget";
|
||
|
|
import { RadioGroup, Radio } from "@blueprintjs/core";
|
||
|
|
class RadioGroupComponent extends React.Component<RadioGroupComponentProps> {
|
||
|
|
render() {
|
||
|
|
return (
|
||
|
|
<Container {...this.props}>
|
||
|
|
<RadioGroup
|
||
|
|
label={this.props.label}
|
||
|
|
selectedValue={this.props.selectedOptionValue}
|
||
|
|
onChange={this.onRadioSelectionChange}
|
||
|
|
>
|
||
|
|
{this.props.options.map(option => {
|
||
|
|
return (
|
||
|
|
<Radio
|
||
|
|
label={option.label}
|
||
|
|
value={option.value}
|
||
|
|
key={option.value}
|
||
|
|
/>
|
||
|
|
);
|
||
|
|
})}
|
||
|
|
</RadioGroup>
|
||
|
|
</Container>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
onRadioSelectionChange = (event: React.FormEvent<HTMLInputElement>) => {
|
||
|
|
this.props.onRadioSelectionChange(event.currentTarget.value);
|
||
|
|
};
|
||
|
|
}
|
||
|
|
|
||
|
|
export interface RadioGroupComponentProps extends ComponentProps {
|
||
|
|
label: string;
|
||
|
|
options: RadioOption[];
|
||
|
|
onRadioSelectionChange: (updatedOptionValue: string) => void;
|
||
|
|
selectedOptionValue: string;
|
||
|
|
}
|
||
|
|
|
||
|
|
export default RadioGroupComponent;
|