Files F99717351

RadioGroup.js
No OneTemporary
Actions

Subscribers

None

File Metadata

Created: Sun, Jan 26, 07:32

RadioGroup.js
View Options

	import _extends from "@babel/runtime/helpers/esm/extends";
	import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
	const _excluded = ["actions", "children", "defaultValue", "name", "onChange", "value"];
	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";
	const RadioGroup = /#__PURE__/React.forwardRef(function RadioGroup(props, ref) {
	const {
	// private
	// eslint-disable-next-line react/prop-types
	actions,
	children,
	defaultValue,
	name: nameProp,
	onChange,
	value: valueProp
	} = props,
	other = _objectWithoutPropertiesLoose(props, _excluded);
	const rootRef = React.useRef(null);
	const [value, setValueState] = useControlled({
	controlled: valueProp,
	default: defaultValue,
	name: 'RadioGroup'
	});
	React.useImperativeHandle(actions, () => ({
	focus: () => {
	let input = rootRef.current.querySelector('input:not(:disabled):checked');
	if (!input) {
	input = rootRef.current.querySelector('input:not(:disabled)');
	}
	if (input) {
	input.focus();
	}
	}
	}), []);
	const handleRef = useForkRef(ref, rootRef);
	const name = useId(nameProp);
	const contextValue = React.useMemo(() => ({
	name,
	onChange(event) {
	setValueState(event.target.value);
	if (onChange) {
	onChange(event, event.target.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