You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
32 lines
926 B
32 lines
926 B
import * as React from 'react';
|
|
import { MenuContext } from '../context/MenuContext';
|
|
export default function useActive(eventKey, disabled, onMouseEnter, onMouseLeave) {
|
|
var _React$useContext = React.useContext(MenuContext),
|
|
activeKey = _React$useContext.activeKey,
|
|
onActive = _React$useContext.onActive,
|
|
onInactive = _React$useContext.onInactive;
|
|
|
|
var ret = {
|
|
active: activeKey === eventKey
|
|
}; // Skip when disabled
|
|
|
|
if (!disabled) {
|
|
ret.onMouseEnter = function (domEvent) {
|
|
onMouseEnter === null || onMouseEnter === void 0 ? void 0 : onMouseEnter({
|
|
key: eventKey,
|
|
domEvent: domEvent
|
|
});
|
|
onActive(eventKey);
|
|
};
|
|
|
|
ret.onMouseLeave = function (domEvent) {
|
|
onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave({
|
|
key: eventKey,
|
|
domEvent: domEvent
|
|
});
|
|
onInactive(eventKey);
|
|
};
|
|
}
|
|
|
|
return ret;
|
|
} |