@primer/react
Version:
An implementation of GitHub's Primer Design System using React
103 lines (102 loc) • 2.78 kB
JavaScript
import { useRenderForcingRef } from "../hooks/useRenderForcingRef.js";
import { RadioGroupContext } from "./RadioGroupContext.js";
import CheckboxOrRadioGroupCaption from "../internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupCaption.js";
import CheckboxOrRadioGroupLabel from "../internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupLabel.js";
import CheckboxOrRadioGroupValidation from "../internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupValidation.js";
import CheckboxOrRadioGroup_default from "../internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroup.js";
import { c } from "react-compiler-runtime";
import { jsx } from "react/jsx-runtime";
//#region src/RadioGroup/RadioGroup.tsx
const RadioGroup = (t0) => {
const $ = c(23);
let children;
let disabled;
let name;
let onChange;
let rest;
if ($[0] !== t0) {
({children, disabled, onChange, name, ...rest} = t0);
$[0] = t0;
$[1] = children;
$[2] = disabled;
$[3] = name;
$[4] = onChange;
$[5] = rest;
} else {
children = $[1];
disabled = $[2];
name = $[3];
onChange = $[4];
rest = $[5];
}
const [selectedRadioValue, setSelectedRadioValue] = useRenderForcingRef(null);
let t1;
if ($[6] !== setSelectedRadioValue) {
t1 = (e) => {
const { value, checked } = e.currentTarget;
if (checked) {
setSelectedRadioValue(value);
return;
}
};
$[6] = setSelectedRadioValue;
$[7] = t1;
} else t1 = $[7];
const updateSelectedCheckboxes = t1;
let t2;
if ($[8] !== onChange || $[9] !== selectedRadioValue || $[10] !== updateSelectedCheckboxes) {
t2 = (e_0) => {
if (onChange) {
updateSelectedCheckboxes(e_0);
onChange(selectedRadioValue.current, e_0);
}
};
$[8] = onChange;
$[9] = selectedRadioValue;
$[10] = updateSelectedCheckboxes;
$[11] = t2;
} else t2 = $[11];
let t3;
if ($[12] !== disabled || $[13] !== name || $[14] !== t2) {
t3 = {
disabled,
name,
onChange: t2
};
$[12] = disabled;
$[13] = name;
$[14] = t2;
$[15] = t3;
} else t3 = $[15];
let t4;
if ($[16] !== children || $[17] !== disabled || $[18] !== rest) {
t4 = /*#__PURE__*/ jsx(CheckboxOrRadioGroup_default, {
disabled,
"data-component": "RadioGroup",
...rest,
children
});
$[16] = children;
$[17] = disabled;
$[18] = rest;
$[19] = t4;
} else t4 = $[19];
let t5;
if ($[20] !== t3 || $[21] !== t4) {
t5 = /*#__PURE__*/ jsx(RadioGroupContext.Provider, {
value: t3,
children: t4
});
$[20] = t3;
$[21] = t4;
$[22] = t5;
} else t5 = $[22];
return t5;
};
var RadioGroup_default = Object.assign(RadioGroup, {
Caption: CheckboxOrRadioGroupCaption,
Label: CheckboxOrRadioGroupLabel,
Validation: CheckboxOrRadioGroupValidation
});
//#endregion
export { RadioGroup_default as default };