Files F101998743

RadioGroup.js
No OneTemporary
Actions

Subscribers

None

File Metadata

Created: Sun, Feb 16, 00:46

RadioGroup.js
View Options

	import _extends from "@babel/runtime/helpers/esm/extends";
	import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
	import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
	import * as React from 'react';
	import PropTypes from 'prop-types';
	import FormGroup from '../FormGroup';
	import useForkRef from '../utils/useForkRef';
	import useControlled from '../utils/useControlled';
	import RadioGroupContext from './RadioGroupContext';
	import useId from '../utils/useId';
	import { jsx as _jsx } from "react/jsx-runtime";
	var RadioGroup = /#__PURE__/React.forwardRef(function RadioGroup(props, ref) {
	var actions = props.actions,
	children = props.children,
	defaultValue = props.defaultValue,
	nameProp = props.name,
	_onChange = props.onChange,
	valueProp = props.value,
	other = _objectWithoutProperties(props, ["actions", "children", "defaultValue", "name", "onChange", "value"]);
	var rootRef = React.useRef(null);
	var _useControlled = useControlled({
	controlled: valueProp,
	default: defaultValue,
	name: 'RadioGroup'
	}),
	_useControlled2 = _slicedToArray(_useControlled, 2),
	value = _useControlled2[0],
	setValueState = _useControlled2[1];
	React.useImperativeHandle(actions, function () {
	return {
	focus: function focus() {
	var input = rootRef.current.querySelector('input:not(:disabled):checked');
	if (!input) {
	input = rootRef.current.querySelector('input:not(:disabled)');
	}
	if (input) {
	input.focus();
	}
	}
	};
	}, []);
	var handleRef = useForkRef(ref, rootRef);
	var name = useId(nameProp);
	var contextValue = React.useMemo(function () {
	return {
	name: name,
	onChange: function onChange(event) {
	setValueState(event.target.value);
	if (_onChange) {
	_onChange(event, event.target.value);
	}
	},
	value: value
	};
	}, [name, _onChange, setValueState, value]);
	return /#__PURE__/_jsx(RadioGroupContext.Provider, {
	value: contextValue,
	children: /#__PURE__/_jsx(FormGroup, _extends({
	role: "radiogroup",
	ref: handleRef
	}, other, {
	children: children
	}))
	});
	});
	process.env.NODE_ENV !== "production" ? RadioGroup.propTypes /* remove-proptypes */ = {
	// ----------------------------- Warning --------------------------------
	// \| These PropTypes are generated from the TypeScript type definitions \|
	// \| To update them edit the d.ts file and run "yarn proptypes" \|
	// ----------------------------------------------------------------------
	/**
	* The content of the component.
	*/
	children: PropTypes.node,
	/**
	* The default value. Use when the component is not controlled.
	*/
	defaultValue: PropTypes.any,
	/**
	* The name used to reference the value of the control.
	* If you don't provide this prop, it falls back to a randomly generated name.
	*/
	name: PropTypes.string,
	/**
	* Callback fired when a radio button is selected.
	*
	* @param {React.ChangeEvent<HTMLInputElement>} event The event source of the callback.
	* @param {string} value The value of the selected radio button.
	* You can pull out the new value by accessing `event.target.value` (string).
	*/
	onChange: PropTypes.func,
	/**
	* Value of the selected radio button. The DOM API casts this to a string.
	*/
	value: PropTypes.any
	} : void 0;
	export default RadioGroup;

Event Timeline