19 lines
953 B
JavaScript
19 lines
953 B
JavaScript
import * as React from 'react';
|
|
import { applyTriggerPropsToChildren, getTriggerChild, useMergedRefs } from '@fluentui/react-utilities';
|
|
import { useOverflowItem } from '../../useOverflowItem';
|
|
/**
|
|
* Attaches overflow item behavior to its child registered with the OverflowContext.
|
|
* It does not render an element of its own.
|
|
*
|
|
* Behaves similarly to other `*Trigger` components in Fluent UI React.
|
|
*/ export const OverflowItem = /*#__PURE__*/ React.forwardRef((props, ref)=>{
|
|
const { id, groupId, priority, children } = props;
|
|
const containerRef = useOverflowItem(id, priority, groupId);
|
|
const child = getTriggerChild(children);
|
|
return applyTriggerPropsToChildren(children, {
|
|
ref: useMergedRefs(containerRef, ref, child === null || child === void 0 ? void 0 : child.ref)
|
|
});
|
|
});
|
|
// type casting here is required to ensure internal type FluentTriggerComponent is not leaked
|
|
OverflowItem.isFluentTriggerComponent = true;
|