47 lines
1.5 KiB
JavaScript
47 lines
1.5 KiB
JavaScript
|
"use strict";
|
||
|
|
Object.defineProperty(exports, "__esModule", {
|
||
|
|
value: true
|
||
|
|
});
|
||
|
|
Object.defineProperty(exports, "useOverflowMenu", {
|
||
|
|
enumerable: true,
|
||
|
|
get: function() {
|
||
|
|
return useOverflowMenu;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
||
|
|
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
||
|
|
const _reactutilities = require("@fluentui/react-utilities");
|
||
|
|
const _overflowContext = require("./overflowContext");
|
||
|
|
const _useOverflowCount = require("./useOverflowCount");
|
||
|
|
function useOverflowMenu(id) {
|
||
|
|
const elementId = (0, _reactutilities.useId)('overflow-menu', id);
|
||
|
|
const overflowCount = (0, _useOverflowCount.useOverflowCount)();
|
||
|
|
const registerOverflowMenu = (0, _overflowContext.useOverflowContext)((v)=>v.registerOverflowMenu);
|
||
|
|
const updateOverflow = (0, _overflowContext.useOverflowContext)((v)=>v.updateOverflow);
|
||
|
|
const ref = _react.useRef(null);
|
||
|
|
const isOverflowing = overflowCount > 0;
|
||
|
|
(0, _reactutilities.useIsomorphicLayoutEffect)(()=>{
|
||
|
|
if (ref.current) {
|
||
|
|
return registerOverflowMenu(ref.current);
|
||
|
|
}
|
||
|
|
}, [
|
||
|
|
registerOverflowMenu,
|
||
|
|
isOverflowing,
|
||
|
|
elementId
|
||
|
|
]);
|
||
|
|
(0, _reactutilities.useIsomorphicLayoutEffect)(()=>{
|
||
|
|
if (isOverflowing) {
|
||
|
|
updateOverflow();
|
||
|
|
}
|
||
|
|
}, [
|
||
|
|
isOverflowing,
|
||
|
|
updateOverflow,
|
||
|
|
ref
|
||
|
|
]);
|
||
|
|
return {
|
||
|
|
ref,
|
||
|
|
overflowCount,
|
||
|
|
isOverflowing
|
||
|
|
};
|
||
|
|
}
|