25 lines
777 B
JavaScript
25 lines
777 B
JavaScript
import * as React from 'react';
|
|
import { createKeyborg, disposeKeyborg } from 'keyborg';
|
|
import { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';
|
|
/**
|
|
* @internal
|
|
* Instantiates [keyborg](https://github.com/microsoft/keyborg)
|
|
* @returns - keyborg instance
|
|
*/ export function useKeyborgRef() {
|
|
const { targetDocument } = useFluent();
|
|
const keyborgRef = React.useRef(null);
|
|
React.useEffect(()=>{
|
|
if (targetDocument) {
|
|
const keyborg = createKeyborg(targetDocument.defaultView);
|
|
keyborgRef.current = keyborg;
|
|
return ()=>{
|
|
disposeKeyborg(keyborg);
|
|
keyborgRef.current = null;
|
|
};
|
|
}
|
|
}, [
|
|
targetDocument
|
|
]);
|
|
return keyborgRef;
|
|
}
|