UNPKG

react-aria

Version:
59 lines (53 loc) 2.4 kB
import {mergeProps as $bbaa08b3cd72f041$export$9d1611c77c2fe928} from "../utils/mergeProps.mjs"; import {useEffectEvent as $fe16bffc7a557bf0$export$7f54fc3180508a52} from "../utils/useEffectEvent.mjs"; import {useEffect as $3u8G9$useEffect} 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. */ const $9a9e245e48f28e19$var$BUTTON_ROLES = { none: undefined, single: 'radio', multiple: 'checkbox' }; function $9a9e245e48f28e19$export$9597202bd3099a29(props, state, // eslint-disable-next-line @typescript-eslint/no-unused-vars ref) { let selectionMode = state.selectionManager.selectionMode; let buttonProps = { role: $9a9e245e48f28e19$var$BUTTON_ROLES[selectionMode] }; if (selectionMode !== 'none') { let isSelected = state.selectionManager.isSelected(props.key); buttonProps['aria-checked'] = isSelected; } let isFocused = props.key === state.selectionManager.focusedKey; let onRemovedWithFocus = (0, $fe16bffc7a557bf0$export$7f54fc3180508a52)(()=>{ if (isFocused) state.selectionManager.setFocusedKey(null); }); // If the focused item is removed from the DOM, reset the focused key to null. (0, $3u8G9$useEffect)(()=>{ return ()=>{ onRemovedWithFocus(); }; }, []); return { buttonProps: (0, $bbaa08b3cd72f041$export$9d1611c77c2fe928)(buttonProps, { tabIndex: isFocused || state.selectionManager.focusedKey == null ? 0 : -1, onFocus () { state.selectionManager.setFocusedKey(props.key); }, onPress () { state.selectionManager.select(props.key); } }) }; } export {$9a9e245e48f28e19$export$9597202bd3099a29 as useActionGroupItem}; //# sourceMappingURL=useActionGroupItem.mjs.map