@gooddata/react-components/src/components/menu/MenuSharedTypes.ts

GoodData.UI - A powerful JavaScript library for building analytical applications

// (C) 2007-2018 GoodData Corporation

export type OpenAction = "click" | "hover";

export type MenuAlignment =
    | ["bottom", "right"]
    | ["bottom", "left"]
    | ["top", "right"]
    | ["top", "left"]
    | ["right", "top"]
    | ["right", "bottom"]
    | ["left", "top"]
    | ["left", "bottom"];

export interface IOnOpenedChangeParams {
    opened: boolean;
    source: "TOGGLER_BUTTON_CLICK" | "OUTSIDE_CLICK" | "SCROLL" | "CLOSE_MENU_RENDER_PROP" | "HOVER_TIMEOUT";
}

export type OnOpenedChange = (params: IOnOpenedChangeParams) => void;

export interface IMenuPositionConfig {
    alignment: MenuAlignment;
    spacing: number;
    offset: number;
}