UNPKG

@primer/react

Version:

An implementation of GitHub's Primer Design System using React

51 lines (48 loc) 1.95 kB
import React__default, { createContext } from 'react'; import CheckboxOrRadioGroupCaption from '../_CheckboxOrRadioGroup/_CheckboxOrRadioGroupCaption.js'; import CheckboxOrRadioGroupLabel from '../_CheckboxOrRadioGroup/_CheckboxOrRadioGroupLabel.js'; import CheckboxOrRadioGroupValidation from '../_CheckboxOrRadioGroup/_CheckboxOrRadioGroupValidation.js'; import { useRenderForcingRef } from '../hooks/useRenderForcingRef.js'; import CheckboxOrRadioGroup from '../_CheckboxOrRadioGroup/CheckboxOrRadioGroup.js'; function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } const RadioGroupContext = /*#__PURE__*/createContext(null); const RadioGroup = ({ children, disabled, onChange, name, ...rest }) => { const [selectedRadioValue, setSelectedRadioValue] = useRenderForcingRef(null); const updateSelectedCheckboxes = e => { const { value, checked } = e.currentTarget; if (checked) { setSelectedRadioValue(value); return; } }; return /*#__PURE__*/React__default.createElement(RadioGroupContext.Provider, { value: { disabled, name, onChange: e => { if (onChange) { updateSelectedCheckboxes(e); onChange(selectedRadioValue.current, e); } } } }, /*#__PURE__*/React__default.createElement(CheckboxOrRadioGroup, _extends({ disabled: disabled }, rest), children)); }; RadioGroup.displayName = "RadioGroup"; var RadioGroup$1 = Object.assign(RadioGroup, { Caption: CheckboxOrRadioGroupCaption, Label: CheckboxOrRadioGroupLabel, Validation: CheckboxOrRadioGroupValidation }); export { RadioGroupContext, RadioGroup$1 as default };