18 lines
572 B
JavaScript
18 lines
572 B
JavaScript
|
import { useTabster } from './useTabster';
|
||
|
|
import * as React from 'react';
|
||
|
|
/**
|
||
|
|
* Subscribes to the tabster focused element. Calls the callback when the focused element changes.
|
||
|
|
* @param callback - Callback to subscribe to the focused element.
|
||
|
|
*/ export function useFocusedElementChange(callback) {
|
||
|
|
const tabster = useTabster();
|
||
|
|
React.useEffect(()=>{
|
||
|
|
if (tabster) {
|
||
|
|
tabster.focusedElement.subscribe(callback);
|
||
|
|
return ()=>tabster.focusedElement.unsubscribe(callback);
|
||
|
|
}
|
||
|
|
}, [
|
||
|
|
tabster,
|
||
|
|
callback
|
||
|
|
]);
|
||
|
|
}
|