@base-ui-components/react
Version:
Base UI is a library of headless ('unstyled') React components and low-level hooks. You gain complete control over your app's CSS and accessibility features.
33 lines (32 loc) • 1.65 kB
TypeScript
import * as React from 'react';
import type { FloatingRootContext } from '@floating-ui/react';
import type { TransitionStatus } from '../../utils/useTransitionStatus.js';
import type { GenericHTMLProps } from '../../utils/types.js';
import type { InteractionType } from '../../utils/useEnhancedClickHandler.js';
import type { OpenChangeReason } from '../../utils/translateOpenChangeReason.js';
export interface PopoverRootContext {
open: boolean;
openOnHover: boolean;
setOpen: (open: boolean, event?: Event, reason?: OpenChangeReason) => void;
setTriggerElement: (el: Element | null) => void;
positionerElement: HTMLElement | null;
setPositionerElement: (el: HTMLElement | null) => void;
popupRef: React.RefObject<HTMLElement | null>;
delay: number;
closeDelay: number;
instantType: 'dismiss' | 'click' | undefined;
mounted: boolean;
setMounted: React.Dispatch<React.SetStateAction<boolean>>;
transitionStatus: TransitionStatus;
titleId: string | undefined;
setTitleId: React.Dispatch<React.SetStateAction<string | undefined>>;
descriptionId: string | undefined;
setDescriptionId: React.Dispatch<React.SetStateAction<string | undefined>>;
floatingRootContext: FloatingRootContext;
getRootTriggerProps: (externalProps?: GenericHTMLProps) => GenericHTMLProps;
getRootPopupProps: (externalProps?: GenericHTMLProps) => GenericHTMLProps;
openMethod: InteractionType | null;
openReason: OpenChangeReason | null;
}
export declare const PopoverRootContext: React.Context<PopoverRootContext | undefined>;
export declare function usePopoverRootContext(): PopoverRootContext;