1 | import * as React from "react";
|
2 | import { AbstractPureComponent2, ActionProps, Alignment, IElementRefProps, MaybeElement } from "../../common";
|
3 | import { IconName } from "../icon/icon";
|
4 | export declare type ButtonProps<E extends HTMLButtonElement | HTMLAnchorElement = HTMLButtonElement> = IButtonProps<E>;
|
5 |
|
6 | export interface IButtonProps<E extends HTMLButtonElement | HTMLAnchorElement = HTMLButtonElement> extends ActionProps, IElementRefProps<E> {
|
7 | |
8 |
|
9 |
|
10 |
|
11 |
|
12 |
|
13 | active?: boolean;
|
14 | |
15 |
|
16 |
|
17 |
|
18 |
|
19 |
|
20 |
|
21 |
|
22 | alignText?: Alignment;
|
23 |
|
24 | children?: React.ReactNode;
|
25 |
|
26 | fill?: boolean;
|
27 |
|
28 | large?: boolean;
|
29 | |
30 |
|
31 |
|
32 |
|
33 |
|
34 |
|
35 | loading?: boolean;
|
36 |
|
37 | minimal?: boolean;
|
38 |
|
39 | outlined?: boolean;
|
40 |
|
41 | rightIcon?: IconName | MaybeElement;
|
42 |
|
43 | small?: boolean;
|
44 | |
45 |
|
46 |
|
47 |
|
48 |
|
49 |
|
50 | type?: "submit" | "reset" | "button";
|
51 | }
|
52 |
|
53 | export declare type IAnchorButtonProps = ButtonProps<HTMLAnchorElement>;
|
54 | export declare type AnchorButtonProps = IAnchorButtonProps;
|
55 | export interface IButtonState {
|
56 | isActive: boolean;
|
57 | }
|
58 | export declare abstract class AbstractButton<E extends HTMLButtonElement | HTMLAnchorElement> extends AbstractPureComponent2<ButtonProps<E> & (E extends HTMLButtonElement ? React.ButtonHTMLAttributes<HTMLButtonElement> : React.AnchorHTMLAttributes<HTMLAnchorElement>), IButtonState> {
|
59 | state: {
|
60 | isActive: boolean;
|
61 | };
|
62 | protected abstract buttonRef: HTMLElement | null;
|
63 | private currentKeyDown?;
|
64 | abstract render(): JSX.Element;
|
65 | protected getCommonButtonProps(): {
|
66 | className: string;
|
67 | disabled: (ButtonProps<E> & (E extends HTMLButtonElement ? React.ButtonHTMLAttributes<HTMLButtonElement> : React.AnchorHTMLAttributes<HTMLAnchorElement>))["loading"] | (ButtonProps<E> & (E extends HTMLButtonElement ? React.ButtonHTMLAttributes<HTMLButtonElement> : React.AnchorHTMLAttributes<HTMLAnchorElement>))["disabled"] | undefined;
|
68 | onBlur: (e: React.FocusEvent<any>) => void;
|
69 | onClick: (ButtonProps<E> & (E extends HTMLButtonElement ? React.ButtonHTMLAttributes<HTMLButtonElement> : React.AnchorHTMLAttributes<HTMLAnchorElement>))["onClick"] | undefined;
|
70 | onKeyDown: (e: React.KeyboardEvent<any>) => void;
|
71 | onKeyUp: (e: React.KeyboardEvent<any>) => void;
|
72 | tabIndex: number | (ButtonProps<E> & (E extends HTMLButtonElement ? React.ButtonHTMLAttributes<HTMLButtonElement> : React.AnchorHTMLAttributes<HTMLAnchorElement>))["tabIndex"] | undefined;
|
73 | };
|
74 | protected handleKeyDown: (e: React.KeyboardEvent<any>) => void;
|
75 | protected handleKeyUp: (e: React.KeyboardEvent<any>) => void;
|
76 | protected handleBlur: (e: React.FocusEvent<any>) => void;
|
77 | protected renderChildren(): React.ReactNode;
|
78 | }
|