mui-custom-form/dist/components/fields/RadioGroupField.js

A versatile React form component utilizing MUI components and react-hook-form.

import { FormControl, FormControlLabel, FormHelperText, FormLabel, Radio, RadioGroup, } from "@mui/material";
import React from "react";
import { Controller } from "react-hook-form";
export const RadioGroupField = ({ field, formControl, }) => {
    const { control } = formControl;
    return (React.createElement(Controller, { name: field.name, control: control, rules: { required: field.required }, render: ({ field: controlField, fieldState: { error } }) => (React.createElement(FormControl, { component: "fieldset", error: !!error },
            React.createElement(FormLabel, { component: "legend", required: field.required }, field.label),
            React.createElement(RadioGroup, { ...controlField, value: controlField.value || "", onChange: (e) => controlField.onChange(e.target.value), row: field.otherProps?.row || false }, field.list?.map((option) => (React.createElement(FormControlLabel, { key: option.value, value: option.value, control: React.createElement(Radio, { ...field.otherProps }), label: option.label })))),
            error && React.createElement(FormHelperText, null, error.message))) }));
};
//# sourceMappingURL=RadioGroupField.js.map