context.ts

import * as React from 'react';
import type { CSSMotionProps } from '@rc-component/motion';
import type { PortalProps } from '@rc-component/portal';
import type { TriggerProps } from './index';
import type { AlignType, ArrowTypeOuter, BuildInPlacements } from './interface';

// ===================== Nest =====================
export interface TriggerContextProps {
  registerSubPopup: (id: string, node: HTMLElement) => void;
}

const TriggerContext = React.createContext<TriggerContextProps | null>(null);

export default TriggerContext;

// ==================== Unique ====================
export interface UniqueShowOptions {
  id: string;
  popup: TriggerProps['popup'];
  target: HTMLElement;
  delay: number;
  prefixCls?: string;
  popupClassName?: string;
  uniqueContainerClassName?: string;
  uniqueContainerStyle?: React.CSSProperties;
  popupStyle?: React.CSSProperties;
  popupPlacement?: string;
  builtinPlacements?: BuildInPlacements;
  popupAlign?: AlignType;
  zIndex?: number;
  mask?: boolean;
  maskClosable?: boolean;
  popupMotion?: CSSMotionProps;
  maskMotion?: CSSMotionProps;
  arrow?: ArrowTypeOuter;
  getPopupContainer?: TriggerProps['getPopupContainer'];
  getPopupClassNameFromAlign?: (align: AlignType) => string;
  onEsc?: PortalProps['onEsc'];
  focusPopup?: boolean;
}

export interface UniqueContextProps {
  show: (options: UniqueShowOptions, isOpen: () => boolean) => void;
  hide: (delay: number) => void;
}

export const UniqueContext = React.createContext<UniqueContextProps | null>(
  null,
);