30 lines
1.2 KiB
JavaScript
30 lines
1.2 KiB
JavaScript
|
"use strict";
|
||
|
|
Object.defineProperty(exports, "__esModule", {
|
||
|
|
value: true
|
||
|
|
});
|
||
|
|
Object.defineProperty(exports, "useFocusVisible", {
|
||
|
|
enumerable: true,
|
||
|
|
get: function() {
|
||
|
|
return useFocusVisible;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
||
|
|
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
||
|
|
const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
|
||
|
|
const _focusVisiblePolyfill = require("../focus/focusVisiblePolyfill");
|
||
|
|
function useFocusVisible(options = {}) {
|
||
|
|
const contextValue = (0, _reactsharedcontexts.useFluent_unstable)();
|
||
|
|
const scopeRef = _react.useRef(null);
|
||
|
|
var _options_targetDocument;
|
||
|
|
const targetDocument = (_options_targetDocument = options.targetDocument) !== null && _options_targetDocument !== void 0 ? _options_targetDocument : contextValue.targetDocument;
|
||
|
|
_react.useEffect(()=>{
|
||
|
|
if ((targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView) && scopeRef.current) {
|
||
|
|
return (0, _focusVisiblePolyfill.applyFocusVisiblePolyfill)(scopeRef.current, targetDocument.defaultView);
|
||
|
|
}
|
||
|
|
}, [
|
||
|
|
scopeRef,
|
||
|
|
targetDocument
|
||
|
|
]);
|
||
|
|
return scopeRef;
|
||
|
|
}
|