@atlaskit/avatar-group
Version:
An avatar group displays a number of avatars grouped together in a stack or grid.
19 lines (18 loc) • 619 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() {
const {
registerRef
} = useContext(FocusManagerContext);
const itemRef = useRef(null);
useEffect(() => {
if (itemRef.current !== null) {
registerRef(itemRef.current);
}
}, [registerRef]);
return itemRef;
}
export default useRegisterItemWithFocusManager;