react-bootstrap-typeahead
Version:
React typeahead with Bootstrap styling
32 lines (31 loc) • 1.32 kB
TypeScript
/// <reference types="react" />
import { Placement } from '@floating-ui/react-dom';
import { Align } from '../../types';
export type ReferenceElement = HTMLElement | null;
export interface OverlayOptions {
align?: Align;
dropup?: boolean;
flip?: boolean;
positionFixed?: boolean;
}
export declare function getMiddleware(props: Pick<OverlayOptions, 'align' | 'flip'>): {
options?: any;
name: string;
fn: (state: {
x: number;
y: number;
initialPlacement: Placement;
placement: Placement;
strategy: import("@floating-ui/utils").Strategy;
middlewareData: import("@floating-ui/core").MiddlewareData;
rects: import("@floating-ui/utils").ElementRects;
platform: import("@floating-ui/core").Platform;
elements: import("@floating-ui/dom").Elements;
}) => import("@floating-ui/core").MiddlewareReturn | Promise<import("@floating-ui/core").MiddlewareReturn>;
}[];
export declare function getPlacement(props: Pick<OverlayOptions, 'align' | 'dropup'>): Placement;
export declare function useOverlay(referenceElement: ReferenceElement, options: OverlayOptions): {
innerRef: import("react").Dispatch<import("react").SetStateAction<ReferenceElement>>;
style: import("react").CSSProperties;
};
export default useOverlay;