Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 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 | /** Input */
// Inspiration from FieldRenderProps - react-final-form
interface FieldMetaState {
active?: boolean;
dirty?: boolean;
dirtySinceLastSubmit?: boolean;
error?: any;
initial?: any;
invalid?: boolean;
length?: number;
modified?: boolean;
pristine?: boolean;
submitError?: any;
submitFailed?: boolean;
submitSucceeded?: boolean;
submitting?: boolean;
touched?: boolean;
valid?: boolean;
visited?: boolean;
}
export interface FieldInputProps<T extends HTMLElement> {
name: string;
onBlur?: (event?: React.FocusEvent<T>) => void;
onChange?: (event: React.ChangeEvent<T> | any) => void;
onFocus?: (event?: React.FocusEvent<T>) => void;
type?: string;
value?: any;
checked?: boolean;
multiple?: boolean;
}
export interface FieldRenderProps<T extends HTMLElement> {
input: FieldInputProps<T>;
meta: FieldMetaState;
}
export interface IOption {
name: string;
value: string;
}
/** Theme */
export enum ThemeStyle {
black = 'black',
blue = 'blue',
red = 'red',
white = 'white',
}
/** Typography */
export enum TypographyStyle {
H1 = 'H1',
H2 = 'H2',
H3 = 'H3',
H4 = 'H4',
P1 = 'P1',
P2 = 'P2',
LABEL1 = 'LABEL1',
LABEL2 = 'LABEL2',
}
export enum TypographyWeight {
Light = 'Light',
Regular = 'Regular',
Medium = 'Medium',
Bold = 'Bold',
}
|