AFFiNE-Mirror/packages/frontend/component/src/ui/popper/interface.ts

import {
  type PopperPlacementType,
  type PopperProps as PopperUnstyledProps,
} from '@mui/base/Popper';
import type { CSSProperties, ReactElement, ReactNode, Ref } from 'react';
export type VirtualElement = {
  getBoundingClientRect: () => ClientRect | DOMRect;
  contextElement?: Element;
};

export type PopperHandler = {
  setVisible: (visible: boolean) => void;
};

export type PopperArrowProps = {
  placement?: PopperPlacementType;
};

export type PopperProps = {
  // Popover content
  content?: ReactNode;

  // Popover trigger
  children: ReactElement;

  // Whether the default is implicit
  defaultVisible?: boolean;

  // Used to manually control the visibility of the Popover
  visible?: boolean;

  // TODO: support focus
  trigger?: 'hover' | 'click' | 'focus' | ('click' | 'hover' | 'focus')[];

  // How long does it take for the mouse to display the Popover, in milliseconds
  pointerEnterDelay?: number;

  // How long does it take to hide the Popover after the mouse moves out, in milliseconds
  pointerLeaveDelay?: number;

  // Callback fired when the component closed or open
  onVisibleChange?: (visible: boolean) => void;

  // Popover container style
  popoverStyle?: CSSProperties;

  // Popover container class name
  popoverClassName?: string;

  // Anchor class name
  anchorClassName?: string;

  // Popover z-index
  zIndex?: number;

  offset?: [number, number];

  showArrow?: boolean;

  popperHandlerRef?: Ref<PopperHandler>;

  onClickAway?: () => void;
  triggerContainerStyle?: CSSProperties;
} & Omit<PopperUnstyledProps, 'open' | 'content'>;