@primer/react
Version:
An implementation of GitHub's Primer Design System using React
127 lines (122 loc) • 3.21 kB
JavaScript
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
var reactCompilerRuntime = require('react-compiler-runtime');
var React = require('react');
var CheckboxOrRadioGroupCaption = require('../internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupCaption.js');
var CheckboxOrRadioGroupLabel = require('../internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupLabel.js');
var CheckboxOrRadioGroupValidation = require('../internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupValidation.js');
var jsxRuntime = require('react/jsx-runtime');
var useRenderForcingRef = require('../hooks/useRenderForcingRef.js');
var CheckboxOrRadioGroup = require('../internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroup.js');
const RadioGroupContext = /*#__PURE__*/React.createContext(null);
const RadioGroup = t0 => {
const $ = reactCompilerRuntime.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.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__*/jsxRuntime.jsx(CheckboxOrRadioGroup, {
disabled: disabled,
...rest,
children: children
});
$[16] = children;
$[17] = disabled;
$[18] = rest;
$[19] = t4;
} else {
t4 = $[19];
}
let t5;
if ($[20] !== t3 || $[21] !== t4) {
t5 = /*#__PURE__*/jsxRuntime.jsx(RadioGroupContext.Provider, {
value: t3,
children: t4
});
$[20] = t3;
$[21] = t4;
$[22] = t5;
} else {
t5 = $[22];
}
return t5;
};
var RadioGroup$1 = Object.assign(RadioGroup, {
Caption: CheckboxOrRadioGroupCaption,
Label: CheckboxOrRadioGroupLabel,
Validation: CheckboxOrRadioGroupValidation
});
exports.RadioGroupContext = RadioGroupContext;
exports.default = RadioGroup$1;