@payfit/unity-components
Version:
34 lines (33 loc) • 1.17 kB
JavaScript
import { RadioButtonGroup as e } from "./RadioButtonGroup.js";
import { useFieldContext as t } from "../../hooks/tanstack-form-context.js";
import { useFieldA11yContext as n } from "../form-field/TanstackFormField.context.js";
import { forwardRef as r } from "react";
import { jsx as i } from "react/jsx-runtime";
//#region src/components/radio-button-group/TanstackRadioButtonGroup.tsx
function a({ onChange: r, onBlur: a, isDisabled: o, isReadOnly: s, children: c, ...l }, u) {
let d = t(), f = n(), p = d.state.meta.isTouched && !d.state.meta.isValid, m = [f.helperTextId, f.feedbackTextId].filter(Boolean).join(" ");
return /* @__PURE__ */ i(e, {
...l,
ref: u,
id: f.inputId,
value: d.state.value,
onChange: (e) => {
d.handleChange(e), r?.(e);
},
onBlur: (e) => {
d.handleBlur(), a?.(e);
},
isDisabled: o,
isReadOnly: s,
"aria-labelledby": f.labelId,
"aria-describedby": m.length > 0 ? m : void 0,
"aria-details": f.contextualLinkId,
"aria-invalid": p || void 0,
"data-invalid": p || void 0,
children: c
});
}
var o = r(a);
o.displayName = "TanstackRadioButtonGroup";
//#endregion
export { o as TanstackRadioButtonGroup };