mirror of
https://github.com/henrywhitaker3/Speedtest-Tracker.git
synced 2025-12-26 15:16:21 +01:00
45 lines
2.3 KiB
TypeScript
45 lines
2.3 KiB
TypeScript
import * as Popper from '@popperjs/core';
|
|
export declare type Modifier<Name, Options> = Popper.Modifier<Name, Options>;
|
|
export declare type Options = Popper.Options;
|
|
export declare type Instance = Popper.Instance;
|
|
export declare type Placement = Popper.Placement;
|
|
export declare type VirtualElement = Popper.VirtualElement;
|
|
export declare type State = Popper.State;
|
|
export declare type ModifierMap = Record<string, Partial<Modifier<any, any>>>;
|
|
export declare type Modifiers = Popper.Options['modifiers'] | Record<string, Partial<Modifier<any, any>>>;
|
|
export declare function toModifierMap(modifiers: Modifiers | undefined): Record<string, Partial<Popper.Modifier<any, any>>>;
|
|
export declare function toModifierArray(map?: Modifiers | undefined): Partial<Popper.Modifier<any, any>>[];
|
|
export declare type UsePopperOptions = Omit<Options, 'modifiers' | 'placement' | 'strategy'> & {
|
|
placement?: Options['placement'];
|
|
strategy?: Options['strategy'];
|
|
modifiers?: Modifiers;
|
|
eventsEnabled?: boolean;
|
|
enabled?: boolean;
|
|
};
|
|
export interface UsePopperState {
|
|
placement: Placement;
|
|
outOfBoundaries: boolean;
|
|
scheduleUpdate: () => void;
|
|
styles: Partial<CSSStyleDeclaration>;
|
|
arrowStyles: Partial<CSSStyleDeclaration>;
|
|
state?: State;
|
|
}
|
|
/**
|
|
* Position an element relative some reference element using Popper.js
|
|
*
|
|
* @param referenceElement
|
|
* @param popperElement
|
|
* @param {object} options
|
|
* @param {object=} options.modifiers Popper.js modifiers
|
|
* @param {boolean=} options.enabled toggle the popper functionality on/off
|
|
* @param {string=} options.placement The popper element placement relative to the reference element
|
|
* @param {string=} options.strategy the positioning strategy
|
|
* @param {boolean=} options.eventsEnabled have Popper listen on window resize events to reposition the element
|
|
* @param {function=} options.onCreate called when the popper is created
|
|
* @param {function=} options.onUpdate called when the popper is updated
|
|
*
|
|
* @returns {UsePopperState} The popper state
|
|
*/
|
|
declare function usePopper(referenceElement: VirtualElement | null | undefined, popperElement: HTMLElement | null | undefined, { enabled, placement, strategy, eventsEnabled, modifiers: userModifiers, ...popperOptions }?: UsePopperOptions): UsePopperState;
|
|
export default usePopper;
|