Apply prettier formatting

This commit is contained in:
Michael Weimann 2022-12-12 12:24:14 +01:00
parent 1cac306093
commit 526645c791
No known key found for this signature in database
GPG key ID: 53F535A266BB9584
1576 changed files with 65385 additions and 62478 deletions

View file

@ -47,31 +47,35 @@ function StyledRadioGroup<T extends string>({
disabled,
onChange,
}: IProps<T>) {
const _onChange = e => {
const _onChange = (e) => {
onChange(e.target.value);
};
return <React.Fragment>
{ definitions.map(d => {
const id = `${name}-${d.value}`;
return (<React.Fragment key={d.value}>
<StyledRadioButton
id={id}
className={classNames(className, d.className)}
onChange={_onChange}
checked={d.checked !== undefined ? d.checked : d.value === value}
name={name}
value={d.value}
disabled={d.disabled ?? disabled}
outlined={outlined}
aria-describedby={d.description ? `${id}-description` : undefined}
>
{ d.label }
</StyledRadioButton>
{ d.description ? <span id={`${id}-description`}>{ d.description }</span> : null }
</React.Fragment>);
}) }
</React.Fragment>;
return (
<React.Fragment>
{definitions.map((d) => {
const id = `${name}-${d.value}`;
return (
<React.Fragment key={d.value}>
<StyledRadioButton
id={id}
className={classNames(className, d.className)}
onChange={_onChange}
checked={d.checked !== undefined ? d.checked : d.value === value}
name={name}
value={d.value}
disabled={d.disabled ?? disabled}
outlined={outlined}
aria-describedby={d.description ? `${id}-description` : undefined}
>
{d.label}
</StyledRadioButton>
{d.description ? <span id={`${id}-description`}>{d.description}</span> : null}
</React.Fragment>
);
})}
</React.Fragment>
);
}
export default StyledRadioGroup;