UNPKG

react-aria

Version:
119 lines (107 loc) 5.91 kB
import {filterDOMProps as $6a28a4717b9a4e1c$export$457c3d6518dd4c6f} from "../utils/filterDOMProps.js"; import {mergeProps as $64c36edd757dfa16$export$9d1611c77c2fe928} from "../utils/mergeProps.js"; import {radioGroupData as $171f888ae793e114$export$37b65e5b5444d35c} from "./utils.js"; import {useFocusable as $088f27a386bc4a8f$export$4c014de7c8940b4c} from "../interactions/useFocusable.js"; import {useFormReset as $5dfd40f1661a7fc3$export$5add1d006293d136} from "../utils/useFormReset.js"; import {useFormValidation as $3bea40a930a50ce5$export$b8473d3665f3a75a} from "../form/useFormValidation.js"; import {usePress as $a87f4c40785e693b$export$45712eceda6fad21} from "../interactions/usePress.js"; import {useSlotId2 as $901b0394915cd0c2$export$ed2feabec4a533f4} from "../utils/useSlot.js"; import {useMemo as $cPObX$useMemo} from "react"; /* * Copyright 2020 Adobe. All rights reserved. * This file is licensed to you under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. You may obtain a copy * of the License at http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software distributed under * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ function $385ec46d3970beea$export$37b0961d2f4751e2(props, state, ref) { let { value: value, children: children, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, onPressStart: onPressStart, onPressEnd: onPressEnd, onPressChange: onPressChange, onPress: onPress, onPressUp: onPressUp, onClick: onClick } = props; const isDisabled = props.isDisabled || state.isDisabled; let hasChildren = children != null; let hasAriaLabel = ariaLabel != null || ariaLabelledby != null; if (!hasChildren && !hasAriaLabel && process.env.NODE_ENV !== 'production') console.warn('If you do not provide children, you must specify an aria-label for accessibility'); let checked = state.selectedValue === value; let onChange = (e)=>{ e.stopPropagation(); state.setSelectedValue(value); }; // Handle press state for keyboard interactions and cases where labelProps is not used. let { pressProps: pressProps, isPressed: isPressed } = (0, $a87f4c40785e693b$export$45712eceda6fad21)({ onPressStart: onPressStart, onPressEnd: onPressEnd, onPressChange: onPressChange, onPress: onPress, onPressUp: onPressUp, onClick: onClick, isDisabled: isDisabled }); // Handle press state on the label. let { pressProps: labelProps, isPressed: isLabelPressed } = (0, $a87f4c40785e693b$export$45712eceda6fad21)({ onPressStart: onPressStart, onPressEnd: onPressEnd, onPressChange: onPressChange, onPressUp: onPressUp, onClick: onClick, isDisabled: isDisabled, onPress (e) { var _ref_current; onPress === null || onPress === void 0 ? void 0 : onPress(e); state.setSelectedValue(value); (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.focus(); } }); let { focusableProps: focusableProps } = (0, $088f27a386bc4a8f$export$4c014de7c8940b4c)((0, $64c36edd757dfa16$export$9d1611c77c2fe928)(props, { onFocus: ()=>state.setLastFocusedValue(value) }), ref); let interactions = (0, $64c36edd757dfa16$export$9d1611c77c2fe928)(pressProps, focusableProps); let domProps = (0, $6a28a4717b9a4e1c$export$457c3d6518dd4c6f)(props, { labelable: true }); let tabIndex = -1; if (state.selectedValue != null) { if (state.selectedValue === value) tabIndex = 0; } else if (state.lastFocusedValue === value || state.lastFocusedValue == null) tabIndex = 0; if (isDisabled) tabIndex = undefined; let { name: name, form: form, descriptionId: descriptionId, errorMessageId: errorMessageId, validationBehavior: validationBehavior } = (0, $171f888ae793e114$export$37b65e5b5444d35c).get(state); (0, $5dfd40f1661a7fc3$export$5add1d006293d136)(ref, state.defaultSelectedValue, state.setSelectedValue); (0, $3bea40a930a50ce5$export$b8473d3665f3a75a)({ validationBehavior: validationBehavior }, state, ref); let descriptionProps = (0, $901b0394915cd0c2$export$ed2feabec4a533f4)(); return { labelProps: (0, $64c36edd757dfa16$export$9d1611c77c2fe928)(labelProps, (0, $cPObX$useMemo)(()=>({ onClick: (e)=>e.preventDefault(), // Prevent label from being focused when mouse down on it. // Note, this does not prevent the input from being focused in the `click` event. onMouseDown: (e)=>e.preventDefault() }), [])), inputProps: (0, $64c36edd757dfa16$export$9d1611c77c2fe928)(domProps, { ...interactions, type: 'radio', name: name, form: form, tabIndex: tabIndex, disabled: isDisabled, required: state.isRequired && validationBehavior === 'native', checked: checked, value: value, onChange: onChange, 'aria-describedby': [ props['aria-describedby'], descriptionProps.id, state.isInvalid ? errorMessageId : null, descriptionId ].filter(Boolean).join(' ') || undefined }), descriptionProps: descriptionProps, isDisabled: isDisabled, isSelected: checked, isPressed: isPressed || isLabelPressed }; } export {$385ec46d3970beea$export$37b0961d2f4751e2 as useRadio}; //# sourceMappingURL=useRadio.js.map