@engie-group/fluid-design-system-react
Version:
Fluid Design System React
21 lines (18 loc) • 935 B
JavaScript
import { jsx } from 'react/jsx-runtime';
import { useMergeRefs } from '../../../node_modules/.pnpm/@floating-ui_react@0.27.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@floating-ui/react/dist/floating-ui.react.js';
import React__default, { useRef } from 'react';
import { NJPopoverAnchor } from '../../popover/anchor/NJPopoverAnchor.js';
import '../../popover/NJPopoverContext.js';
import '../../popover/NJPopoverInteractionContext.js';
const NJMenuAnchor = React__default.forwardRef((props, forwardedRef) => {
const internalRef = useRef(null);
const mergedRef = useMergeRefs([forwardedRef, internalRef]);
function handleOpen(isOpen) {
if (isOpen && internalRef.current) {
internalRef.current.ariaExpanded = 'true';
}
}
return jsx(NJPopoverAnchor, { ...props, onOpen: handleOpen, ref: mergedRef });
});
NJMenuAnchor.displayName = 'NJMenuAnchor';
export { NJMenuAnchor };