@atlaskit/avatar-group
Version:
An avatar group displays a number of avatars grouped together in a stack or grid.
18 lines (17 loc) • 654 B
JavaScript
// eslint-disable-next-line sort-imports
import { useContext, useEffect, useRef } from 'react';
import { FocusManagerContext } from '../components/focus-manager-context';
// The refs stored in the context are used to programatically
// control focus on a user navigates using the keyboard.
function useRegisterItemWithFocusManager() {
var _useContext = useContext(FocusManagerContext),
registerRef = _useContext.registerRef;
var itemRef = useRef(null);
useEffect(function () {
if (itemRef.current !== null) {
registerRef(itemRef.current);
}
}, [registerRef]);
return itemRef;
}
export default useRegisterItemWithFocusManager;