OasisMenu/index.d.ts at main · shivamdevs/OasisMenu · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
import * as React from 'react';

declare module 'oasismenu' {
  export interface OasisMenuProps {
    name: string;
    children?: React.ReactNode;
    className?: string;
    noStyle?: boolean;
    theme?: 'darkangel' | 'default' | 'fire' | 'forest' | 'midnight' | 'moonlight' | 'nightfall' | 'none' | 'ocean' | 'rose' | 'royal' | 'sky' | 'space' | 'sunlight' | string;
    animation?: 'slide-in' | 'flip-in' | 'drop-in' | 'bounce-in' | 'none' | string;
    itemClass?: string;
    onItemClick?: ((data: any, object: any) => void) | null;
    onItemHover?: ((event: React.MouseEvent, data: any, object: any) => void) | null;
    itemHoverClass?: string;
    itemKeepHovered?: boolean;
    beforeHide?: ((object: any) => void) | null;
    beforeShow?: ((object: any) => void) | null;
    beforeDestroy?: ((object: any) => void) | null;
    beforeConstruct?: ((object: any) => void) | null;
    onShown?: ((object: any) => void) | null;
    onHidden?: ((object: any) => void) | null;
    onDestroy?: ((object: any) => void) | null;
    onConstruct?: ((object: any) => void) | null;
    onOpen?: ((object: any) => void) | null;
    onClose?: ((object: any) => void) | null;
    onSelect?: ((data: any, object: any) => void) | null;
  }

  export interface OasisMenuItemProps {
    content?: React.ReactNode;
    children?: React.ReactNode;
    data?: any;
    icon?: React.ReactNode;
    after?: React.ReactNode;
    checked?: boolean;
    disabled?: boolean;
    preventClose?: boolean;
    statusIcon?: React.ReactNode;
    className?: string;
    hoverClassName?: string;
    onHover?: ((event: React.MouseEvent, data: any, object: any) => void) | null;
    onClick?: ((data: any, object: any) => void) | null;
  }

  export interface OasisMenuBreakProps {
    className?: string;
  }

  export interface OasisMenuBlockProps {
    children?: React.ReactNode;
  }

  export interface OasisMenuProviderProps {
    children?: React.ReactNode;
    toggle?: boolean;
    trigger?: 'click' | 'dblclick' | 'mousedown' | 'mouseenter' | 'mouseleave' | 'keydown' | 'keyup' | 'submit' | 'change' | 'load' | 'contextmenu';
    placement?: 'top-left' | 'top' | 'top-right' | 'right-top' | 'right' | 'right-bottom' | 'bottom-right' | 'bottom' | 'bottom-left' | 'left-bottom' | 'left' | 'left-top' | 'center';
    inset?: boolean;
    shiftDistance?: number;
    className?: string;
    noStyle?: boolean;
    theme?: 'darkangel' | 'default' | 'fire' | 'forest' | 'midnight' | 'moonlight' | 'nightfall' | 'none' | 'ocean' | 'rose' | 'royal' | 'sky' | 'space' | 'sunlight' | string;
    animation?: 'slide-in' | 'flip-in' | 'drop-in' | 'bounce-in' | 'none' | string;
  }

  export interface OasisMenuTriggerProps {
    children?: React.ReactNode;
    name: string;
    toggle?: boolean;
    trigger?: 'click' | 'dblclick' | 'mousedown' | 'mouseenter' | 'mouseleave' | 'keydown' | 'keyup' | 'submit' | 'change' | 'load' | 'contextmenu';
    onTrigger?: (event: React.MouseEvent, object: any) => void;
    placement?: 'top-left' | 'top' | 'top-right' | 'right-top' | 'right' | 'right-bottom' | 'bottom-right' | 'bottom' | 'bottom-left' | 'left-bottom' | 'left' | 'left-top' | 'center';
    inset?: boolean;
    shiftDistance?: number;
  }

  const OasisMenuProvider: React.FC<OasisMenuProviderProps>;
  export default OasisMenuProvider;
  export const OasisMenu: React.FC<OasisMenuProps>;
  export const OasisMenuItem: React.FC<OasisMenuItemProps>;
  export const OasisMenuBreak: React.FC<OasisMenuBreakProps>;
  export const OasisMenuBlock: React.FC<OasisMenuBlockProps>;
  export const OasisMenuTrigger: React.FC<OasisMenuTriggerProps>;
}