react-aria
Version:
Spectrum UI components in React
89 lines (80 loc) • 3.79 kB
JavaScript
import {createFocusManager as $535772f9d2c1f38d$export$c5251b9e124bf29} from "../focus/FocusScope.mjs";
import {filterDOMProps as $8e9d2fae0ecb9001$export$457c3d6518dd4c6f} from "../utils/filterDOMProps.mjs";
import {getEventTarget as $23f2114a1b82827e$export$e58f029f0fbfdb29, nodeContains as $23f2114a1b82827e$export$4282f70798064fe0} from "../utils/shadowdom/DOMFunctions.mjs";
import {useLayoutEffect as $c4867b2f328c2698$export$e5c5a5f917a5871c} from "../utils/useLayoutEffect.mjs";
import {useLocale as $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7} from "../i18n/I18nProvider.mjs";
import {useState as $4PGsl$useState} 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 $db60a6d462053998$var$BUTTON_GROUP_ROLES = {
none: 'toolbar',
single: 'radiogroup',
multiple: 'toolbar'
};
function $db60a6d462053998$export$f4bf8d43c16de704(props, state, ref) {
let { isDisabled: isDisabled, orientation: orientation = 'horizontal' } = props;
let [isInToolbar, setInToolbar] = (0, $4PGsl$useState)(false);
(0, $c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{
setInToolbar(!!(ref.current && ref.current.parentElement?.closest('[role="toolbar"]')));
}, [
ref
]);
let allKeys = [
...state.collection.getKeys()
];
if (!allKeys.some((key)=>!state.disabledKeys.has(key))) isDisabled = true;
let { direction: direction } = (0, $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7)();
let focusManager = (0, $535772f9d2c1f38d$export$c5251b9e124bf29)(ref);
let flipDirection = direction === 'rtl' && orientation === 'horizontal';
let onKeyDown = (e)=>{
if (!(0, $23f2114a1b82827e$export$4282f70798064fe0)(e.currentTarget, (0, $23f2114a1b82827e$export$e58f029f0fbfdb29)(e))) return;
switch(e.key){
case 'ArrowRight':
case 'ArrowDown':
e.preventDefault();
e.stopPropagation();
if (e.key === 'ArrowRight' && flipDirection) focusManager.focusPrevious({
wrap: true
});
else focusManager.focusNext({
wrap: true
});
break;
case 'ArrowLeft':
case 'ArrowUp':
e.preventDefault();
e.stopPropagation();
if (e.key === 'ArrowLeft' && flipDirection) focusManager.focusNext({
wrap: true
});
else focusManager.focusPrevious({
wrap: true
});
break;
}
};
let role = $db60a6d462053998$var$BUTTON_GROUP_ROLES[state.selectionManager.selectionMode];
if (isInToolbar && role === 'toolbar') role = 'group';
return {
actionGroupProps: {
...(0, $8e9d2fae0ecb9001$export$457c3d6518dd4c6f)(props, {
labelable: true
}),
role: role,
'aria-orientation': role === 'toolbar' ? orientation : undefined,
'aria-disabled': isDisabled,
onKeyDown: onKeyDown
}
};
}
export {$db60a6d462053998$export$f4bf8d43c16de704 as useActionGroup};
//# sourceMappingURL=useActionGroup.mjs.map