// Type definitions for types x.x
// Project: https://github.com/baz/foo (Does not have to be to GitHub, but prefer linking to a source code repository rather than to a project website.)
// Definitions by: SaniyaGupta <https://github.com/me>
// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped

/// <reference types="jest" />
/// <reference types="node" />
/// <reference types="prop-types" />
/// <reference types="scheduler" />
/// <reference types="throttle-debounce" />
/// <reference types="webpack-env" />

import * as React from 'react';

export declare type SingleOrArray<T> = T | T[];
export declare type MakeOptional<T extends {}, K extends keyof any> = Omit<T, K> & {
	[OK in keyof T & K]?: T[OK];
};
export declare type ValidatorFn<K extends any[] = any[]> = (...values: K) => boolean;
export declare type Validators = SingleOrArray<ValidatorFn>;
export declare type Mask = (string | RegExp)[];
export declare type BaseProps = {
	className?: string;
	"data-test"?: string;
};
export declare type BaseHtmlProps<T> = Omit<React.HTMLProps<T>, "ref" | "size" | "className">;
export declare type OmitNativeProps<T, K extends keyof any> = Omit<BaseHtmlProps<T>, K>;
export interface OverlayFooterProps extends BaseProps {
	open?: boolean;
	children?: React.ReactNode;
	actions?: ButtonProps[];
}
export declare type AccentAppearance = "primary" | "secondary" | "alert" | "warning" | "success" | "accent1" | "accent2" | "accent3" | "accent4";
export declare type HeadingAppearance = "default" | "subtle" | "disabled" | "white";
export declare type MessageAppearance = "default" | "alert" | "info" | "success" | "warning";
export declare type FileStatus = "uploading" | "completed" | "error";
export declare type FooterOptions = {
	actions: OverlayFooterProps["actions"];
};
export declare type AutoComplete = "on" | "off";
export declare type NumberRange = [number, number];
export declare type ChangeEvent = React.ChangeEvent<HTMLInputElement>;
export declare type AvatarSize = "regular" | "tiny";
export interface AvatarProps extends BaseProps {
	appearance?: AccentAppearance;
	children?: string;
	firstName?: string;
	lastName?: string;
	withTooltip: boolean;
	tooltipPosition: TooltipProps["position"];
	size: AvatarSize;
}
export declare const Avatar: {
	(props: AvatarProps): JSX.Element;
	displayName: string;
	defaultProps: {
		tooltipPosition: string;
		withTooltip: boolean;
		size: string;
	};
};
export interface AvatarData extends Record<string, any> {
	firstName?: string;
	lastName?: string;
	appearance?: AvatarProps["appearance"];
}
export interface AvatarPopperProps {
	popperRenderer?: (names: AvatarData[]) => JSX.Element;
	appendToBody?: PopoverProps["appendToBody"];
	dark?: PopoverProps["dark"];
	position?: PopoverProps["position"];
	on?: PopoverProps["on"];
	maxHeight?: number;
	popperClassName?: string;
}
export interface AvatarGroupProps extends BaseProps {
	list: AvatarData[];
	max: number;
	borderColor: string;
	popoverOptions: AvatarPopperProps;
	tooltipPosition: PopoverProps["position"];
}
export declare const AvatarGroup: {
	(props: AvatarGroupProps): JSX.Element;
	displayName: string;
	defaultProps: {
		max: number;
		borderColor: string;
		tooltipPosition: string;
		popoverOptions: {};
	};
};
export interface BackdropProps extends BaseProps {
	open: boolean;
	zIndex?: number;
}
export declare const Backdrop: React.FC<BackdropProps>;
export interface BadgeProps extends BaseProps {
	appearance: AccentAppearance;
	subtle?: boolean;
	children: React.ReactText;
}
export declare const Badge: {
	(props: BadgeProps): JSX.Element;
	displayName: string;
	defaultProps: {
		appearance: string;
	};
};
export interface Breadcrumb {
	label: string;
	link: string;
}
export interface BreadcrumbsProps extends BaseProps {
	list: Breadcrumb[];
	onClick?: (link: string) => void;
}
export declare const Breadcrumbs: (props: BreadcrumbsProps) => JSX.Element;
export declare type ButtonType = "button" | "submit" | "reset";
export declare type ButtonAppearance = "basic" | "primary" | "success" | "alert" | "transparent";
export declare type ButtonSize = "tiny" | "regular" | "large";
export declare type ButtonAlignment = "left" | "right";
export interface ButtonProps extends BaseProps, BaseHtmlProps<HTMLButtonElement> {
	type?: ButtonType;
	size?: ButtonSize;
	appearance?: ButtonAppearance;
	disabled?: boolean;
	expanded?: boolean;
	selected?: boolean;
	loading?: boolean;
	icon?: string;
	tooltip?: string;
	iconAlign?: ButtonAlignment;
	largeIcon?: boolean;
	children?: React.ReactText;
	tabIndex?: number;
	autoFocus?: boolean;
	onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
	onMouseEnter?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
	onMouseLeave?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
}
export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
export declare type Size = "small" | "large";
export declare type View = "date" | "month" | "year";
export declare type Day = "sunday" | "monday" | "tuesday" | "wednesday" | "thursday" | "friday" | "saturday";
export declare type DateFormat = "mm/dd/yyyy" | "dd/mm/yyyy" | "yyyy/mm/dd" | "mm-dd-yyyy" | "dd-mm-yyyy" | "yyyy-mm-dd";
export declare type DateType = number | Date | string;
export declare type Events = {
	[key: string]: boolean;
};
export declare type OnHover = React.MouseEvent<HTMLSpanElement> | React.MouseEvent<HTMLDivElement>;
export interface hoveredDateProps {
	value: number;
	isToday: boolean;
	isDisabled: boolean;
	todayDate?: Date;
	fullDate: Date;
	date: number;
	month: string;
	year: number;
	dayName: string;
}
export interface hoveredMonthProps {
	value: string;
	month: string;
	year?: number;
	isCurrentMonth: boolean;
	isDisabled: boolean;
}
export interface hoveredYearProps {
	value: number;
	year: number;
	isCurrentYear: boolean;
	isDisabled: boolean;
}
export interface SharedProps extends BaseProps {
	size: Size;
	monthsInView: number;
	jumpView?: boolean;
	firstDayOfWeek: Day;
	view: View;
	disabledBefore?: Date;
	disabledAfter?: Date;
	yearNav?: number;
	monthNav?: number;
}
export declare type CalendarProps = {
	onDateChange?: (date: Date) => void;
	onRangeChange?: (startDate: Date | undefined, endDate: Date | undefined) => void;
	onDateHover?: (dateData: hoveredDateProps, evnt: OnHover) => void;
	onMonthHover?: (monthData: hoveredMonthProps, evnt: OnHover) => void;
	onYearHover?: (yearData: hoveredYearProps, evnt: OnHover) => void;
	date?: Date;
	rangePicker?: boolean;
	startDate?: Date;
	endDate?: Date;
	rangeLimit?: number;
	events?: Events;
} & SharedProps;
export interface CalendarState {
	view: View;
	year?: number;
	month?: number;
	date?: number;
	currDate?: Date;
	hoverDate?: Date;
	startDate?: Date;
	endDate?: Date;
	yearBlockNav: number;
	yearNav: number;
	monthNav: number;
	todayDate: number;
	currMonth: number;
	currYear: number;
}
export declare class Calendar extends React.Component<CalendarProps, CalendarState> {
	static defaultProps: {
		size: string;
		monthsInView: number;
		view: string;
		firstDayOfWeek: string;
		jumpView: boolean;
	};
	constructor(props: CalendarProps);
	componentDidUpdate(prevProps: CalendarProps, prevState: CalendarState): void;
	updateState: (year: number, month?: number | undefined, date?: number | undefined) => void;
	getDateValue: (year: number, month: number, date: number) => Date | undefined;
	getNavDateInfo: (index: number) => Record<string, any>;
	getInRangeError: () => boolean;
	selectYear: (year: number) => () => void;
	yearMouseOverHandler: (year: number, isCurrentYear: boolean, isDisabled: boolean, ev: React.MouseEvent<HTMLDivElement>) => void;
	selectMonth: (month: number) => () => void;
	monthMouseOverHandler: (month: number, isCurrentMonth: boolean, isDisabled: boolean, ev: React.MouseEvent<HTMLDivElement>) => void;
	selectDate: (index: number, date: number, prevMonthDayRange: number, dayRange: number) => void;
	calculateDate: (index: number, date: number, prevMonthDayRange: number, dayRange: number, isDateHovered: boolean) => Date | undefined;
	onNavIconClickHandler: (type: string) => () => void;
	renderJumpButton: (type: string) => JSX.Element;
	onNavHeadingClickHandler: (currView: View) => () => void;
	renderHeaderContent: (index: number) => JSX.Element;
	renderBodyYear: () => JSX.Element[];
	renderBodyMonth: () => JSX.Element[];
	onDateRowMouseLeaveHandler: () => void;
	renderBodyDate: (index: number) => JSX.Element;
	renderEventsIndicator(size: string, active: boolean): JSX.Element;
	renderDateValues: (index: number) => JSX.Element[];
	renderCalendar: (index: number) => JSX.Element;
	render(): JSX.Element;
}
export declare type Shadow = "none" | "default" | "light" | "medium" | "dark";
export interface CardProps extends BaseProps, BaseHtmlProps<HTMLDivElement> {
	shadow?: Shadow;
}
export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
export declare type Border = "top" | "left" | "right" | "bottom";
export interface CardSubduedProps extends BaseProps, BaseHtmlProps<HTMLDivElement> {
	border?: Border;
}
export declare const CardSubdued: React.ForwardRefExoticComponent<CardSubduedProps & React.RefAttributes<HTMLDivElement>>;
export interface CardHeaderProps extends BaseProps {
	children: React.ReactNode;
}
export declare const CardHeader: {
	(props: CardHeaderProps): JSX.Element;
	displayName: string;
};
export interface CardBodyProps extends BaseProps {
	children: React.ReactNode;
}
export declare const CardBody: {
	(props: CardBodyProps): JSX.Element;
	displayName: string;
};
export interface CardFooterProps extends BaseProps {
	children: React.ReactNode;
	withSeperator: boolean;
}
export declare const CardFooter: {
	(props: CardFooterProps): JSX.Element;
	displayName: string;
	defaultProps: {
		withSeperator: boolean;
	};
};
export declare type ChipType = "action" | "selection" | "input";
export declare type Name = number | string;
export interface ChipProps extends BaseProps {
	label: string;
	icon?: string;
	clearButton?: boolean;
	disabled?: boolean;
	selected?: boolean;
	type: ChipType;
	onClose?: (name: Name) => void;
	onClick?: (name: Name) => void;
	name: Name;
}
export declare const Chip: {
	(props: ChipProps): JSX.Element;
	displayName: string;
	defaultProps: {
		type: string;
	};
};
export interface ChipGroupProps extends BaseProps {
	onClose?: (item: ChipProps) => void;
	onClick?: (item: ChipProps) => void;
	list: ChipProps[];
}
export declare const ChipGroup: {
	(props: ChipGroupProps): JSX.Element;
	displayName: string;
};
export declare type CheckBoxSize = "regular" | "tiny";
export interface CheckboxProps extends BaseProps, OmitNativeProps<HTMLInputElement, "onChange"> {
	size?: CheckBoxSize;
	defaultChecked?: boolean;
	checked?: boolean;
	indeterminate?: boolean;
	disabled?: boolean;
	label?: string;
	helpText?: string;
	name?: string;
	value?: string | number;
	tabIndex?: number;
	onChange?: (event: ChangeEvent) => void;
}
export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
export declare type Columns = "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "auto" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
export interface ColumnProps extends BaseProps, BaseHtmlProps<HTMLDivElement> {
	size?: Columns;
	sizeXS?: Columns;
	sizeS?: Columns;
	sizeM?: Columns;
	sizeL?: Columns;
	sizeXL?: Columns;
}
export declare const Column: React.ForwardRefExoticComponent<ColumnProps & React.RefAttributes<HTMLDivElement>>;
export declare type DatePickerProps = SharedProps & {
	onDateChange?: (date: Date | undefined, dateVal?: string) => void;
	date?: DateType;
	withInput?: boolean;
	open?: boolean;
	position: PopoverProps["position"];
	inputFormat: DateFormat;
	outputFormat: DateFormat;
	inputOptions: Omit<InputMaskProps, "mask" | "value" | "onChange" | "onBlur" | "onClear">;
	validators: Validators;
	closeOnSelect: boolean;
};
export interface DatePickerState {
	init: boolean;
	date?: Date;
	error: boolean;
	open: boolean;
}
export declare class DatePicker extends React.Component<DatePickerProps, DatePickerState> {
	static defaultProps: {
		position: string;
		inputFormat: string;
		outputFormat: string;
		validators: ((val: string, format: string) => boolean)[];
		inputOptions: {};
		closeOnSelect: boolean;
		size: string;
		monthsInView: number;
		view: string;
		firstDayOfWeek: string;
		jumpView: boolean;
	};
	constructor(props: DatePickerProps);
	componentDidUpdate(prevProps: DatePickerProps, prevState: DatePickerState): void;
	getError: (date?: Date | undefined) => boolean;
	onDateChangeHandler: (d?: Date | undefined) => void;
	onToggleHandler: (o: boolean, type?: string | undefined) => void;
	renderCalendar(): JSX.Element;
	render(): JSX.Element;
}
export declare type TimeFormat = "hh:mm AM" | "hh:mm";
export declare type TimeType = number | string;
export interface TimePickerProps {
	time?: TimeType;
	inputOptions: Omit<InputMaskProps, "mask" | "value" | "validators">;
	inputFormat: TimeFormat;
	outputFormat: TimeFormat;
	validators: Validators;
	onTimeChange?: (timeVal?: string) => void;
}
export declare const TimePicker: {
	(props: TimePickerProps): JSX.Element;
	defaultProps: {
		inputFormat: string;
		outputFormat: string;
		inputOptions: {};
		validators: ((val: string, format: string) => boolean)[];
	};
	displayName: string;
};
export declare type DropDownButtonSize = "tiny" | "regular";
export interface TriggerProps {
	triggerSize?: DropDownButtonSize;
	icon?: string;
	placeholder?: string;
	inlineLabel?: string;
	disabled?: boolean;
	menu?: boolean;
	error?: boolean;
}
export interface OptionRendererProps {
	optionRenderer?: (props: OptionProps) => React.ReactElement;
	optionType?: OptionType;
}
export interface OptionSchema extends Record<string, any> {
	label: string;
	value: React.ReactText;
	icon?: string;
	subInfo?: string | MetaListProps;
	optionType?: OptionType;
	selected?: boolean;
	disabled?: boolean;
	group?: string;
}
export interface OptionProps extends OptionRendererProps {
	optionData: OptionSchema;
	selected: boolean;
	truncateOption?: boolean;
	checkboxes?: boolean;
	index: number;
	active?: boolean;
	menu?: boolean;
	onClick?: () => void;
	onChange?: (event: ChangeEvent) => void;
	updateActiveOption?: (index: number) => void;
}
export declare type DropdownAlign = "left" | "right";
export declare type OptionType = "DEFAULT" | "WITH_ICON" | "WITH_META" | "ICON_WITH_META";
export interface Selected {
	label: OptionSchema["label"];
	value: OptionSchema["value"];
}
export interface SelectAll {
	indeterminate: boolean;
	checked: boolean;
}
export interface PopoverOptions {
	appendToBody?: PopoverProps["appendToBody"];
	hideOnReferenceEscape?: PopoverProps["hideOnReferenceEscape"];
	boundaryElement?: PopoverProps["boundaryElement"];
}
export declare type TriggerAndOptionProps = TriggerProps & OptionRendererProps;
export interface DropdownListProps extends TriggerAndOptionProps {
	align?: DropdownAlign;
	noResultMessage?: string;
	selectAllLabel?: string;
	footerLabel?: string;
	selectedSectionLabel?: string;
	applyButtonLabel?: string;
	cancelButtonLabel?: string;
	withSearch?: boolean;
	withCheckbox?: boolean;
	withSelectAll?: boolean;
	showApplyButton?: boolean;
	truncateOption?: boolean;
	totalOptions?: number;
	maxHeight?: number;
	width?: number;
	maxWidth?: number;
	minWidth?: number;
	loadersCount?: number;
	popoverOptions?: PopoverOptions;
}
export declare type fetchOptionsFunction = (searchTerm: string) => Promise<{
	searchTerm?: string;
	count: number;
	options: OptionSchema[];
}>;
export declare type EventType = "select-option" | "deselect-option" | "select-all" | "deselect-all" | "clear-all" | "apply-selected" | "cancel-selected";
export interface ControlledProps {
	selected?: OptionSchema[];
	onUpdate?: (type: EventType, options?: OptionSchema | OptionSchema[], recentSelected?: OptionSchema[]) => void;
}
export interface SyncProps {
	options: OptionSchema[];
	loading?: boolean;
}
export interface AsyncProps {
	fetchOptions?: fetchOptionsFunction;
}
export interface TriggerProps {
	labelLimit?: number;
	customLabel?: (selected: number, totalOptions?: number, selectedOptions?: OptionSchema[]) => string;
	customTrigger?: (label: string) => React.ReactElement;
}
export interface SharedDropdownProps extends DropdownListProps, BaseProps {
	name?: string | number;
	totalOptions?: number;
	closeOnSelect: boolean;
	triggerOptions: TriggerProps;
	open?: boolean;
	staticLimit: number;
	searchDebounceDuration: number;
	onPopperToggle?: (open: boolean, type?: string) => void;
	getLabel?: (label: string) => void;
	onChange?: (selected: any[] | any, name?: string | number) => void;
	onClose?: (selected: any[], name?: string | number) => void;
}
export declare type SyncDropdownProps = SyncProps & SharedDropdownProps;
export declare type AsyncDropdownProps = AsyncProps & SharedDropdownProps;
export declare type UncontrolledDropdownProps = SyncDropdownProps & AsyncDropdownProps;
export declare type ControlledDropdownProps = ControlledProps & SyncDropdownProps & AsyncDropdownProps;
export declare type DropdownProps = ControlledDropdownProps & UncontrolledDropdownProps;
export interface DropdownState {
	async: boolean;
	searchInit: boolean;
	options: OptionSchema[];
	loading?: boolean;
	optionsApplied: boolean;
	open?: boolean;
	searchTerm: string;
	optionsLength: number;
	searchedOptionsLength: number;
	triggerLabel: string;
	selectAll: SelectAll;
	selected: OptionSchema[];
	tempSelected: OptionSchema[];
	previousSelected: OptionSchema[];
}
export declare class Dropdown extends React.Component<DropdownProps, DropdownState> {
	staticLimit: number;
	static defaultProps: {
		triggerOptions: {};
		options: never[];
		closeOnSelect: boolean;
		staticLimit: number;
		searchDebounceDuration: number;
	};
	constructor(props: DropdownProps);
	componentDidMount(): void;
	componentDidUpdate(prevProps: DropdownProps, prevState: DropdownState): void;
	getDisabledOptions: (options?: OptionSchema[]) => OptionSchema[];
	fetchOptionsFunction: (searchTerm: string) => Promise<any>;
	getUnSelectedOptions: (options: OptionSchema[], init: boolean) => OptionSchema[];
	getSelectedOptions: (options: OptionSchema[], init: boolean) => OptionSchema[];
	updateOptions: (init: boolean, async?: boolean | undefined) => void;
	updateSearchTerm: (search: string) => void;
	updateOnPopperToggle: () => void;
	updateTriggerLabel: (selectedArray?: Selected[], totalOptions?: number | undefined) => string;
	updateSelectedOptions: (selectedArray: OptionSchema[], isSingleSelect: boolean, isControlled?: boolean | undefined) => void;
	onOptionSelect: (option: OptionSchema) => void;
	onSelect: (option: OptionSchema, checked: boolean) => void;
	onSelectAll: (event: ChangeEvent) => void;
	debounceSearch: import("throttle-debounce").throttle<() => void>;
	debounceClear: import("throttle-debounce").throttle<() => void>;
	onClearOptions: () => void;
	onTogglePopper: (type: string) => void;
	onCancelOptions: () => void;
	onApplyOptions: () => void;
	onToggleDropdown: (updatedOpen: boolean, type?: string | undefined) => void;
	render(): JSX.Element;
}
export declare type HeadingSize = "s" | "m" | "l" | "xl" | "xxl";
export interface HeadingProps extends BaseProps, BaseHtmlProps<HTMLHeadingElement> {
	children: React.ReactText;
	appearance: HeadingAppearance;
	size: HeadingSize;
}
export declare const Heading: {
	(props: HeadingProps): JSX.Element;
	displayName: string;
	defaultProps: {
		appearance: string;
		size: string;
	};
};
export declare type IconAppearance = "default" | "destructive" | "white" | "subtle" | "disabled" | "info" | "alert" | "warning" | "success" | "primary_lighter" | "primary" | "primary_dark" | "alert_lighter" | "alert_dark" | "warning_lighter" | "warning_dark" | "success_lighter" | "success_dark" | "accent1" | "accent1_lighter" | "accent1_dark" | "accent2" | "accent2_lighter" | "accent2_dark" | "accent3" | "accent3_lighter" | "accent3_dark" | "accent4" | "accent4_lighter" | "accent4_dark" | "inverse";
export declare type IconType = "filled" | "outlined" | "outline" | "rounded" | "round" | "two-tone" | "sharp";
export interface IconProps extends BaseProps {
	name?: string;
	size: number;
	type?: IconType;
	appearance?: IconAppearance;
	onClick?: (e: React.MouseEvent<HTMLElement>) => void;
	onKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;
	children?: React.ReactNode;
	tabIndex?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>["tabIndex"];
}
export declare const Icon: {
	(props: IconProps): JSX.Element;
	displayName: string;
	defaultProps: {
		size: number;
		type: string;
	};
};
export declare type InputType = "text" | "password" | "number" | "email" | "tel" | "url";
export declare type InputSize = "tiny" | "regular" | "large";
export interface InputProps extends BaseProps, BaseHtmlProps<HTMLInputElement> {
	name?: string;
	type?: InputType;
	value?: string;
	defaultValue?: string;
	placeholder?: string;
	size?: InputSize;
	icon?: string;
	inlineLabel?: string;
	disabled?: boolean;
	required?: boolean;
	autoFocus?: boolean;
	autoComplete?: AutoComplete;
	readOnly?: boolean;
	min?: number;
	max?: number;
	minLength?: number;
	maxLength?: number;
	pattern?: string;
	error?: boolean;
	info?: string;
	minWidth?: string;
	onClear?: (e: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>) => void;
	onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
	onClick?: (e: React.MouseEvent<HTMLInputElement>) => void;
	onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
	onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;
	actionIcon?: React.ReactElement<IconProps>;
}
export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
export declare type MetricInputSize = "regular" | "large";
export interface MetricInputProps extends BaseProps, BaseHtmlProps<HTMLInputElement> {
	name?: string;
	value?: React.ReactText;
	defaultValue?: React.ReactText;
	placeholder?: string;
	size?: MetricInputSize;
	icon?: string;
	prefix?: string;
	suffix?: string;
	disabled?: boolean;
	autoFocus?: boolean;
	autoComplete?: AutoComplete;
	readOnly?: boolean;
	min?: number;
	max?: number;
	error?: boolean;
	onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
	onClick?: (e: React.MouseEvent<HTMLInputElement>) => void;
	onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
	onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;
}
export declare const MetricInput: React.ForwardRefExoticComponent<MetricInputProps & React.RefAttributes<HTMLInputElement>>;
export interface MaskProps extends BaseProps {
	mask: Mask;
	placeholderChar?: string;
	caption?: string;
	validators?: Validators;
	onChange?: (e: React.ChangeEvent<HTMLInputElement>, maskedVal: string) => void;
	onBlur?: (e: React.ChangeEvent<HTMLInputElement>, maskedVal: string) => void;
	onClear?: (e: React.MouseEvent<HTMLElement>) => void;
	clearOnEmptyBlur?: boolean;
}
export declare type InputMaskProps = InputProps & MaskProps;
export declare const InputMask: React.ForwardRefExoticComponent<InputProps & MaskProps & React.RefAttributes<HTMLInputElement>>;
export interface LabelProps extends BaseProps, BaseHtmlProps<HTMLLabelElement> {
	children: React.ReactNode;
	disabled?: boolean;
	required?: boolean;
	optional?: boolean;
	withInput?: boolean;
}
export declare const Label: {
	(props: LabelProps): JSX.Element;
	displayName: string;
};
export interface CaptionProps extends BaseProps {
	children: React.ReactNode;
	error?: boolean;
	hide?: boolean;
	withInput?: boolean;
}
export declare const Caption: {
	(props: CaptionProps): JSX.Element;
	displayName: string;
};
export declare type TextSize = "small" | "regular" | "large";
export declare type TextAppearance = "default" | "white" | "destructive" | "subtle" | "disabled" | "success" | "link";
export interface TextProps extends BaseProps, BaseHtmlProps<HTMLSpanElement> {
	children: React.ReactText;
	weight?: "strong" | "medium";
	small?: boolean;
	appearance: TextAppearance;
	size: TextSize;
}
export declare const Text: {
	(props: TextProps): JSX.Element;
	displayName: string;
	defaultProps: {
		appearance: string;
		size: string;
	};
};
export interface LegendProps extends BaseProps {
	children: React.ReactText;
	iconAppearance: string;
	labelAppearance?: TextAppearance;
	iconSize: number;
	labelWeight?: "strong" | "medium";
	onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
	onMouseEnter?: (e: React.MouseEvent<HTMLDivElement>) => void;
	onMouseLeave?: (e: React.MouseEvent<HTMLDivElement>) => void;
}
export declare const Legend: {
	(props: LegendProps): JSX.Element;
	displayName: string;
	defaultProps: {
		iconAppearance: string;
		iconSize: number;
	};
};
export declare type DropdownOptions = MakeOptional<DropdownProps, keyof typeof Dropdown["defaultProps"]>;
export interface EditableDropdownProps extends BaseProps {
	placeholder: string;
	dropdownOptions: Omit<DropdownOptions, "getLabel" | "placeholder">;
	customTriggerRenderer?: (label: string) => React.ReactNode;
}
export declare const EditableDropdown: {
	(props: EditableDropdownProps): JSX.Element;
	defaultProps: {
		placeholder: string;
		dropdownOptions: {};
	};
};
export declare type LinkTarget = "_blank" | "_self" | "_parent" | "_top";
export declare type LinkAppearance = "default" | "subtle";
export declare type LinkSize = "regular" | "tiny";
export interface LinkProps extends BaseProps, OmitNativeProps<HTMLLinkElement, "onClick"> {
	id?: string;
	appearance: LinkAppearance;
	size: LinkSize;
	disabled: boolean;
	href?: string;
	target?: LinkTarget;
	rel?: string;
	download?: string;
	hreflang?: string;
	onClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;
	children: React.ReactNode;
}
export declare const Link: {
	(props: LinkProps): JSX.Element;
	displayName: string;
	defaultProps: {
		appearance: string;
		size: string;
		disabled: boolean;
	};
};
export interface MessageProps extends BaseProps {
	appearance: MessageAppearance;
	title?: string;
	children?: React.ReactNode;
	description: string;
	actions?: React.ReactNode;
}
export declare const Message: {
	(props: MessageProps): JSX.Element;
	displayName: string;
	defaultProps: {
		appearance: string;
		description: string;
	};
};
export interface MetaProps {
	label: string;
	icon?: string;
	iconAppearance?: IconProps["appearance"];
	labelAppearance?: TextProps["appearance"];
}
export interface MetaListProps extends BaseProps {
	list: MetaProps[];
	seperator?: boolean;
	seperatorAppearance: IconProps["appearance"];
	iconAppearance: IconProps["appearance"];
	labelAppearance: TextProps["appearance"];
}
export declare const MetaList: {
	(props: MetaListProps): JSX.Element;
	displayName: string;
	defaultProps: {
		seperatorAppearance: string;
		iconAppearance: string;
		labelAppearance: string;
	};
};
export interface HandleProps {
	value: number;
	fillAfter?: boolean;
	fillBefore?: boolean;
	onChange?: (newValue: number) => void;
	onRelease?: (newValue: number) => void;
}
export interface InternalHandleProps extends HandleProps {
	disabled?: boolean;
	isCurrentLabelHovered?: boolean;
	label: string;
	max: number;
	min: number;
	stepSize: number;
	tickSize: number;
	tickSizeRatio: number;
	zIndex?: number;
}
export interface HandleState {
	isHandleMoving?: boolean;
	isHandleHovered?: boolean;
}
declare class Handle extends React.Component<InternalHandleProps, HandleState> {
	state: {
		isHandleMoving: boolean;
		isHandleHovered: boolean;
	};
	handleElement: HTMLElement | null;
	refHandlers: {
		handle: (el: HTMLDivElement) => HTMLDivElement;
	};
	componentWillUnmount(): void;
	componentDidUpdate(_prevProps: InternalHandleProps, prevState: HandleState): void;
	mouseEventClientOffset: (event: MouseEvent | React.MouseEvent<HTMLElement>) => number;
	clientToValue: (clientPixel: number) => number;
	changeValue: (newValue: number, callback?: ((newValue: number) => void) | undefined) => number;
	endHandleMovement: (event: MouseEvent) => void;
	continueHandleMovement: (event: MouseEvent) => void;
	beginHandleMovement: (event: MouseEvent | React.MouseEvent<HTMLElement>) => void;
	handleKeyDown: (event: React.KeyboardEvent<HTMLSpanElement>) => void;
	handleKeyUp: (event: React.KeyboardEvent<HTMLSpanElement>) => void;
	getHandleMidpointAndOffset: (handleElement: HTMLElement | null, useOppositeDimension?: boolean) => {
		handleMidpoint: number;
		handleOffset: number;
	};
	handleMouseOver: () => void;
	handleMouseLeave: () => void;
	render(): JSX.Element;
	removeDocumentEventListeners: () => void;
}
export interface MultiSliderProps extends BaseProps {
	disabled?: boolean;
	labelStepSize: number;
	labelPrecision?: number;
	max: number;
	min: number;
	stepSize: number;
	label?: string;
	labelRenderer: boolean | ((value: number) => string);
}
export interface SliderBaserProps extends MultiSliderProps {
	onChange?: (values: number) => void;
	onRelease?: (values: number) => void;
}
export interface RangeSliderBaseProps extends MultiSliderProps {
	onRangeChange?: (values: NumberRange) => void;
	onRangeRelease?: (values: NumberRange) => void;
}
export interface MultiSliderState {
	labelPrecision: number;
	tickSize: number;
	tickSizeRatio: number;
	hoveredLabelValue?: number;
}
export declare type InternalMultiSliderProps = SliderBaserProps & RangeSliderBaseProps;
export declare class MultiSlider extends React.Component<InternalMultiSliderProps, MultiSliderState> {
	static defaultProps: {
		labelStepSize: number;
		max: number;
		min: number;
		stepSize: number;
		labelRenderer: boolean;
	};
	static Handle: React.FunctionComponent<HandleProps>;
	handleElements: Handle[];
	trackElement: HTMLElement | null;
	constructor(props: InternalMultiSliderProps);
	getDerivedStateFromProps(props: InternalMultiSliderProps): {
		labelPrecision: number;
	};
	getSnapshotBeforeUpdate(prevProps: InternalMultiSliderProps): null;
	componentDidMount(): void;
	getLabelPrecision: ({ labelPrecision, stepSize }: InternalMultiSliderProps) => number;
	getOffsetRatio: (value: number) => number;
	addHandleRef: (ref: Handle) => void;
	getHandleValues: (props: React.PropsWithChildren<InternalMultiSliderProps>) => HandleProps[];
	updateTickSize: () => void;
	getTrackFill: (start: HandleProps, end?: HandleProps | undefined) => boolean;
	nearestHandleForValue(handles: Handle[], getOffset: (handle: Handle) => number): Handle | undefined;
	maybeHandleTrackClick: (event: React.MouseEvent<HTMLDivElement>) => void;
	getLockedHandleIndex: (startIndex: number, endIndex: number) => number;
	getNewHandleValues: (newValue: number, oldIndex: number) => number[];
	onReleaseHandler: (newValue: number, index: number) => void;
	onChangeHandler: (newValue: number, index: number) => void;
	formatLabel: (value: number) => string;
	renderHandles: () => JSX.Element[] | null;
	renderLabels: () => JSX.Element[];
	renderTrackFill: (index: number, start: HandleProps, end: HandleProps) => JSX.Element;
	renderTracks: () => JSX.Element[];
	handleLabelMouseOver: (value: number) => void;
	handleLabelMouseLeave: () => void;
	render(): JSX.Element;
}
export interface OutsideClickProps extends BaseHtmlProps<HTMLDivElement>, BaseProps {
	onOutsideClick: (event: Event) => void;
	children: React.ReactElement<any>;
}
export declare const OutsideClick: React.ForwardRefExoticComponent<OutsideClickProps & React.RefAttributes<HTMLDivElement>>;
export declare type ParagraphAppearance = "default" | "white" | "destructive" | "subtle" | "disabled";
export interface ParagraphProps extends BaseProps, BaseHtmlProps<HTMLParagraphElement> {
	children: React.ReactNode;
	appearance: ParagraphAppearance;
}
export declare const Paragraph: {
	(props: ParagraphProps): JSX.Element;
	displayName: string;
	defaultProps: {
		appearance: string;
	};
};
export interface ProgressBarProps extends BaseProps {
	value: number;
	max: number;
}
export declare const ProgressBar: {
	(props: ProgressBarProps): JSX.Element;
	displayName: string;
	defaultProps: {
		max: number;
	};
};
export declare type RadioSize = "regular" | "tiny";
export interface RadioProps extends BaseProps, OmitNativeProps<HTMLInputElement, "onChange"> {
	size?: RadioSize;
	disabled?: boolean;
	label?: string;
	helpText?: string;
	name: string;
	value: string;
	defaultChecked?: boolean;
	checked?: boolean;
	onChange?: (event: ChangeEvent) => void;
}
export declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;
export declare type RowProps = BaseProps & BaseHtmlProps<HTMLDivElement>;
export declare const Row: React.ForwardRefExoticComponent<BaseProps & Pick<React.HTMLProps<HTMLDivElement>, "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "pattern" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "span" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key"> & React.RefAttributes<HTMLDivElement>>;
export interface StatusHintProps extends BaseProps {
	children: React.ReactText;
	appearance: MessageAppearance;
	onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
	onMouseEnter?: (e: React.MouseEvent<HTMLDivElement>) => void;
	onMouseLeave?: (e: React.MouseEvent<HTMLDivElement>) => void;
}
export declare const StatusHint: {
	(props: StatusHintProps): JSX.Element;
	displayName: string;
	defaultProps: {
		appearance: string;
	};
};
export interface PillsProps extends BaseProps {
	appearance: AccentAppearance;
	subtle?: boolean;
	children: React.ReactText;
}
export declare const Pills: {
	(props: PillsProps): JSX.Element;
	displayName: string;
	defaultProps: {
		appearance: string;
	};
};
export declare type SpinnerAppearance = "primary" | "secondary" | "white";
export declare type SpinnerSize = "small" | "medium" | "large";
export interface SpinnerProps extends BaseProps {
	appearance: SpinnerAppearance;
	size: SpinnerSize;
}
export declare const Spinner: {
	(props: SpinnerProps): JSX.Element;
	displayName: string;
	defaultProps: {
		appearance: string;
		size: string;
	};
};
export interface SliderProps extends MultiSliderProps {
	defaultValue: number;
	value?: number;
	onChange?: (value: number) => void;
	onRelease?: (value: number) => void;
}
export declare const Slider: {
	(props: SliderProps): JSX.Element;
	displayName: string;
	defaultProps: {
		defaultValue: number;
		labelStepSize: number;
		max: number;
		min: number;
		stepSize: number;
		labelRenderer: boolean;
	};
};
export interface RangeSliderProps extends MultiSliderProps {
	defaultValue: NumberRange;
	value?: NumberRange;
	onChange?: (value: NumberRange) => void;
	onRelease?: (value: NumberRange) => void;
}
export declare const RangeSlider: {
	(props: RangeSliderProps): JSX.Element;
	displayName: string;
	defaultProps: {
		defaultValue: number[];
		labelStepSize: number;
		max: number;
		min: number;
		stepSize: number;
		labelRenderer: boolean;
	};
};
export interface SubheadingProps extends BaseProps, BaseHtmlProps<HTMLHeadingElement> {
	children: React.ReactText;
	appearance: HeadingAppearance;
}
export declare const Subheading: {
	(props: SubheadingProps): JSX.Element;
	displayName: string;
	defaultProps: {
		appearance: string;
	};
};
export declare type SwitchSize = "regular" | "tiny" | "large";
export declare type SwitchAppearance = "primary" | "alert" | "success" | "warning";
export declare type KeyboardEvent = React.KeyboardEvent<HTMLInputElement>;
export interface SwitchProps extends BaseProps, OmitNativeProps<HTMLInputElement, "onChange"> {
	size?: SwitchSize;
	appearance?: SwitchAppearance;
	defaultChecked?: boolean;
	checked?: boolean;
	disabled?: boolean;
	name?: string;
	value?: string;
	onChange?: (event: ChangeEvent | KeyboardEvent, selected: boolean) => void;
}
export declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
export interface TextareaProps extends BaseProps, BaseHtmlProps<HTMLTextAreaElement> {
	name?: string;
	value?: string;
	defaultValue?: string;
	placeholder?: string;
	rows?: number;
	disabled?: boolean;
	required?: boolean;
	error?: boolean;
	resize?: boolean;
	onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
	onClick?: (e: React.MouseEvent<HTMLTextAreaElement>) => void;
	onBlur?: (e: React.FocusEvent<HTMLTextAreaElement>) => void;
	onFocus?: (e: React.FocusEvent<HTMLTextAreaElement>) => void;
}
export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
export declare type Action = {
	label: string;
	onClick: (e: React.MouseEvent) => void;
};
export interface ToastProps extends BaseProps {
	title: string;
	appearance: MessageAppearance;
	message?: string;
	actions?: Action[];
	onClose?: () => void;
}
export declare const Toast: {
	(props: ToastProps): JSX.Element;
	displayName: string;
	defaultProps: {
		appearance: string;
	};
};
export declare type PositionType = "auto-start" | "auto" | "auto-end" | "top-start" | "top" | "top-end" | "right-start" | "right" | "right-end" | "bottom-end" | "bottom" | "bottom-start" | "left-end" | "left" | "left-start";
export declare type ActionType = "click" | "hover";
export declare type Offset = "small" | "medium" | "large";
export interface PopperWrapperProps {
	init?: boolean;
	trigger: React.ReactElement<any>;
	boundaryElement?: Element | null;
	triggerClass?: string;
	placement: PositionType;
	children: React.ReactElement<any>;
	style: React.CSSProperties;
	appendToBody: boolean;
	on: ActionType;
	hoverable: boolean;
	offset: Offset;
	closeOnBackdropClick: boolean;
	closeOnScroll?: boolean;
	open?: boolean;
	hide?: boolean;
	onToggle: (open: boolean, type?: string) => void;
}
export declare type Position = "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "right";
export interface CustomStyle {
	height?: number | string;
	minHeight?: number | string;
	maxHeight?: number | string;
	width?: number | string;
	minWidth?: number | string;
	maxWidth?: number | string;
}
declare const propsList: readonly ["appendToBody", "trigger", "hoverable", "on", "open", "closeOnBackdropClick", "offset", "closeOnScroll"];
export declare type PopperProps = typeof propsList[number];
export interface PopoverProps extends Pick<PopperWrapperProps, PopperProps>, BaseProps {
	children: React.ReactNode;
	position: Position;
	onToggle?: (open: boolean, type?: string) => void;
	dark?: boolean;
	customStyle: CustomStyle;
	triggerClass?: string;
	hideOnReferenceEscape?: boolean;
	boundaryElement: React.RefObject<HTMLElement> | Element;
}
export declare const Popover: {
	(props: PopoverProps): JSX.Element;
	displayName: string;
	defaultProps: Record<string, any> & {
		offset: string;
		position: string;
		hideOnReferenceEscape: boolean;
		customStyle: {};
		boundaryElement: HTMLElement;
	};
};
export declare type ChipOptions = {
	icon?: ChipProps["icon"];
	type?: ChipProps["type"];
	clearButton?: ChipProps["clearButton"];
	onClick?: (value: string, index: number) => void;
};
export interface ChipInputProps extends BaseProps {
	allowDuplicates: boolean;
	chipOptions: ChipOptions;
	disabled?: boolean;
	placeholder?: string;
	value?: string[];
	defaultValue: string[];
	autoFocus: boolean;
	onChange?: (chips: string[]) => void;
	onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
	onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;
}
export declare const ChipInput: {
	(props: ChipInputProps): JSX.Element;
	displayName: string;
	defaultProps: {
		chipOptions: {};
		defaultValue: never[];
		allowDuplicates: boolean;
		autoFocus: boolean;
	};
};
export declare type Menu = {
	name: string;
	label: string;
	link?: string;
	icon?: string;
	group?: string;
	count?: number;
	disabled?: boolean;
	subMenu?: Menu[];
};
export declare type ActiveMenu = ({
	name: string;
} | {
	link: string;
}) & Partial<Menu>;
export interface VerticalNavProps extends BaseProps {
	menus: Menu[];
	active?: ActiveMenu;
	onClick?: (menu: Menu) => void;
	rounded: boolean;
	expanded: boolean;
	autoCollapse: boolean;
}
export declare const VerticalNav: {
	(props: VerticalNavProps): JSX.Element;
	defaultProps: {
		expanded: boolean;
		autoCollapse: boolean;
		rounded: boolean;
	};
};
export declare type HorizontalNavProps = BaseProps & Pick<VerticalNavProps, "menus" | "active" | "onClick">;
export declare const HorizontalNav: (props: HorizontalNavProps) => JSX.Element;
declare const tooltipPropsList: readonly ["trigger", "on", "open", "offset", "onToggle", "dark", "customStyle", "closeOnBackdropClick", "hideOnReferenceEscape", "closeOnScroll"];
export declare type TooltipPopperProps = typeof tooltipPropsList[number];
export interface TooltipProps extends Omit<PopoverProps, TooltipPopperProps>, BaseProps {
	tooltip: string;
	children: PopoverProps["trigger"];
}
export declare const Tooltip: {
	(props: TooltipProps): JSX.Element;
	defaultProps: Record<string, any> & {
		hoverable: boolean;
	};
};
export interface DialogProps extends BaseProps {
	onClose: (event?: Event | React.MouseEvent<HTMLElement, MouseEvent>, reason?: string) => void;
	dimension: ModalProps["dimension"];
	open: boolean;
	heading: ModalHeaderProps["heading"];
	title?: string;
	description?: string;
	primaryButtonLabel: string;
	primaryButtonAppearance: ButtonProps["appearance"];
	primaryButtonCallback: () => void;
	secondaryButtonLabel: string;
	secondaryButtonAppearance: ButtonProps["appearance"];
	secondaryButtonCallback: () => void;
}
export declare const Dialog: {
	(props: DialogProps): JSX.Element;
	displayName: string;
	defaultProps: {
		dimension: string;
		primaryButtonAppearance: string;
		secondaryButtonAppearance: string;
	};
};
export interface OverlayHeaderProps extends BaseProps {
	heading?: string;
	onClose?: (event: React.MouseEvent<HTMLElement, MouseEvent>, reason?: string) => void;
	subHeading?: string;
	backButton?: boolean;
	backButtonCallback?: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;
	backIcon?: boolean;
	backIconCallback?: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;
}
export declare type ModalDimension = "small" | "medium" | "large";
export interface ModalProps extends BaseProps {
	backdropClose?: boolean | ((event?: Event, reason?: string) => void);
	dimension: ModalDimension;
	open: boolean;
	onClose?: (event?: Event | React.MouseEvent<HTMLElement, MouseEvent>, reason?: string) => void;
	headerOptions?: OverlayHeaderProps;
	header?: React.ReactNode;
	footer?: React.ReactNode;
	footerOptions?: FooterOptions;
	children?: React.ReactNode;
	seperator?: boolean;
	closeOnEscape?: boolean;
}
export interface ModalState {
	open: boolean;
	animate: boolean;
	zIndex?: number;
}
export declare class Modal extends React.Component<ModalProps, ModalState> {
	modalRef: React.RefObject<HTMLDivElement>;
	element: Element;
	static defaultProps: {
		dimension: string;
	};
	constructor(props: ModalProps);
	onCloseHandler: (event: KeyboardEvent) => void;
	componentDidMount(): void;
	componentWillUnmount(): void;
	componentDidUpdate(prevProps: ModalProps): void;
	onOutsideClickHandler(event: Event): void;
	render(): JSX.Element;
}
export interface ModalHeaderProps extends BaseProps {
	heading?: string;
	onClose?: (event: React.MouseEvent<HTMLElement, MouseEvent>, reason?: string) => void;
	subHeading?: string;
	seperator?: boolean;
	backIcon?: boolean;
	backIconCallback?: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;
}
export declare const ModalHeader: {
	(props: ModalHeaderProps): JSX.Element;
	displayName: string;
};
export interface ModalBodyProps extends BaseProps {
	children: React.ReactNode;
	stickFooter: boolean;
	withFooter: boolean;
}
export declare const ModalBody: {
	(props: ModalBodyProps): JSX.Element;
	defaultProps: {
		stickFooter: boolean;
		withFooter: boolean;
	};
	displayName: string;
};
export interface ModalFooterProps extends BaseProps {
	open?: boolean;
	children: React.ReactNode;
	stickToBottom?: boolean;
	seperator?: boolean;
	inSidesheet?: boolean;
}
export declare const ModalFooter: {
	(props: ModalFooterProps): JSX.Element;
	displayName: string;
};
export declare type FullScreenDimension = "medium" | "large";
export interface FullscreenModalProps extends BaseProps {
	dimension: FullScreenDimension;
	open: boolean;
	onClose?: (event?: Event | React.MouseEvent<HTMLElement, MouseEvent>, reason?: string) => void;
	headerOptions?: OverlayHeaderProps;
	header?: React.ReactNode;
	footerOptions?: FooterOptions;
	footer?: React.ReactNode;
	children?: React.ReactNode;
	closeOnEscape?: boolean;
}
export interface ModalState {
	open: boolean;
	animate: boolean;
	zIndex?: number;
}
export declare class FullscreenModal extends React.Component<FullscreenModalProps, ModalState> {
	modalRef: React.RefObject<HTMLDivElement>;
	element: Element;
	static defaultProps: {
		dimension: string;
	};
	constructor(props: FullscreenModalProps);
	onOutsideClickHandler: (event: KeyboardEvent) => void;
	onCloseHandler: (event: KeyboardEvent) => void;
	componentDidMount(): void;
	componentWillUnmount(): void;
	componentDidUpdate(prevProps: FullscreenModalProps): void;
	render(): JSX.Element;
}
export declare type SidesheetDimension = "regular" | "large";
export interface SidesheetProps extends BaseProps {
	headerOptions: Omit<OverlayHeaderProps, "onClose">;
	header?: React.ReactNode;
	dimension: SidesheetDimension;
	open: boolean;
	stickFooter?: boolean;
	seperator?: boolean;
	children?: React.ReactNode;
	footer?: React.ReactNode;
	footerOptions?: FooterOptions;
	backdropClose?: boolean;
	closeOnEscape?: boolean;
	onClose?: (event?: Event | React.MouseEvent<HTMLElement, MouseEvent>, reason?: string) => void;
}
export interface SidesheetState {
	open: boolean;
	animate: boolean;
	zIndex?: number;
}
export declare class Sidesheet extends React.Component<SidesheetProps, SidesheetState> {
	sidesheetRef: React.RefObject<HTMLDivElement>;
	element: Element;
	static defaultProps: {
		dimension: string;
		stickFooter: boolean;
		headerOptions: {};
	};
	constructor(props: SidesheetProps);
	onCloseHandler: (event: KeyboardEvent) => void;
	componentDidMount(): void;
	componentWillUnmount(): void;
	componentDidUpdate(prevProps: SidesheetProps): void;
	onOutsideClickHandler(event: Event): void;
	render(): JSX.Element;
}
export interface CollapsibleProps extends BaseProps {
	expanded: boolean;
	hoverable: boolean;
	height: React.ReactText;
	expandedWidth: number;
	onToggle?: (expanded: boolean) => void;
	children: React.ReactChild;
}
export declare const Collapsible: {
	(props: CollapsibleProps): JSX.Element;
	displayName: string;
	defaultProps: {
		expanded: boolean;
		hoverable: boolean;
		height: string;
		expandedWidth: string;
	};
};
export declare type StatusType = "failed" | "sending" | "sent" | "read" | "urgent";
export interface StatusProps extends BaseProps {
	type: StatusType;
	time?: string | number;
	readText?: string;
	failedText?: string;
	sendingText?: string;
}
export interface BoxProps extends BaseProps {
	onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
}
export interface MessageTextProps extends BaseProps {
	text: string;
	typingText: string;
}
export declare type MessageType = "incoming" | "outgoing";
export interface ChatMessageBaseProps extends BaseProps {
	type: MessageType;
	isTyping?: boolean;
	statusOptions?: StatusProps;
}
export declare type ChatMessageProps = ChatMessageBaseProps & BoxProps & MessageTextProps;
export declare const ChatMessage: {
	(props: ChatMessageProps): JSX.Element;
	displayName: string;
};
export declare type EmptyStateSize = "large" | "small";
export interface EmptyStateProps extends BaseProps {
	imageSrc?: string;
	title: string;
	description: string;
	size: EmptyStateSize;
	children?: React.ReactNode;
	image?: React.ReactNode;
}
export declare const EmptyState: {
	(props: EmptyStateProps): JSX.Element;
	displayName: string;
};
export interface ModalDescriptionProps extends BaseProps {
	title?: string;
	description?: string;
}
export declare const ModalDescription: {
	(props: ModalDescriptionProps): JSX.Element;
	displayName: string;
};
export declare type PaginationType = "basic" | "jump";
export interface PaginationProps extends BaseProps {
	type: PaginationType;
	totalPages: number;
	page: number;
	onPageChange: (page: number) => void;
}
export declare const Pagination: {
	(props: PaginationProps): JSX.Element;
	displayName: string;
	defaultProps: {
		type: string;
		page: number;
		totalPages: number;
	};
};
export declare type PlaceholderImageSize = "small" | "medium" | "large";
export declare type Length = "small" | "medium" | "large";
export declare type PlaceholderParagraphSize = "xxs" | "xs" | "s" | "m" | "l" | "xl" | "xxl" | "xxxl";
export interface PlaceholderParagraphProps extends BaseProps {
	length: Length;
	size?: PlaceholderParagraphSize;
}
export declare const PlaceholderParagraph: {
	(props: PlaceholderParagraphProps): JSX.Element;
	displayName: string;
	defaultProps: {
		length: string;
	};
};
export interface PlaceholderProps extends BaseProps {
	withImage: boolean;
	round?: boolean;
	imageSize: PlaceholderImageSize;
	children?: React.ReactElement<PlaceholderParagraphProps> | React.ReactElement<PlaceholderParagraphProps>[];
}
export declare const Placeholder: {
	(props: PlaceholderProps): JSX.Element;
	displayName: string;
	defaultProps: {
		withImage: boolean;
		imageSize: string;
	};
};
export interface EditableInputProps extends BaseProps {
	value?: string;
	placeholder?: string;
	size: "tiny" | "regular";
	disableSaveAction?: boolean;
	error?: boolean;
	errorMessage?: string;
	inputOptions: Omit<InputProps, "error" | "value" | "defaultValue" | "size" | "placeholder">;
	onChange?: (value: string) => void;
}
export declare const EditableInput: {
	(props: EditableInputProps): JSX.Element;
	defaultProps: {
		size: string;
		placeholder: string;
		inputOptions: {};
	};
};
export interface EditableChipInputProps extends BaseProps {
	placeholder: string;
	value?: string[];
	onChange?: (chips: string[]) => void;
	disableSaveAction?: boolean;
	chipInputOptions: Omit<ChipInputProps, "placeholder" | "value" | "defaultValue">;
}
export declare const EditableChipInput: {
	(props: EditableChipInputProps): JSX.Element;
	defaultProps: {
		placeholder: string;
		chipInputOptions: {};
	};
};
export declare type ProgressRingSize = "small" | "regular";
export interface ProgressRingProps extends BaseProps {
	size: ProgressRingSize;
	value: number;
	max: number;
}
export declare const ProgressRing: {
	(props: ProgressRingProps): JSX.Element;
	displayName: string;
	defaultProps: {
		size: string;
		max: number;
	};
};
export interface StepProp {
	label: string;
	value?: React.ReactText;
}
export interface StepperProps extends BaseProps {
	active: number;
	completed: number;
	steps: StepProp[];
	onChange?: (active: number, completed: number, label?: string, value?: React.ReactText) => void;
	skipIndexes: number[];
}
export declare const Stepper: {
	(props: StepperProps): JSX.Element;
	displayName: string;
	defaultProps: {
		completed: number;
		active: number;
		skipIndexes: never[];
	};
};
export declare type InputOptions = Omit<InputMaskProps, "mask" | "value" | "onChange" | "onBlur" | "onClick" | "onClear"> & {
	label?: string;
};
export declare type DateRangePickerProps = SharedProps & {
	onRangeChange?: (startDate?: Date, endDate?: Date, startValue?: string, endValue?: string) => void;
	children: React.ReactNode;
	contentAlign?: "left" | "right";
	startDate?: DateType;
	endDate?: DateType;
	rangeLimit?: number;
	withInput?: boolean;
	singleInput?: boolean;
	open?: boolean;
	position: PopoverProps["position"];
	inputFormat: DateFormat;
	outputFormat: DateFormat;
	inputOptions: InputOptions;
	startInputOptions: InputOptions;
	endInputOptions: InputOptions;
	validators: Validators;
	monthsInView?: CalendarProps["monthsInView"];
};
export interface DateRangePickerState {
	init: boolean;
	startDate?: Date;
	endDate?: Date;
	startValue: string;
	endValue: string;
	startError: boolean;
	endError: boolean;
	yearNav?: number;
	monthNav?: number;
	open: boolean;
}
export declare class DateRangePicker extends React.Component<DateRangePickerProps, DateRangePickerState> {
	static defaultProps: {
		children: JSX.Element;
		contentAlign: string;
		monthsInView: undefined;
		position: string;
		inputFormat: string;
		outputFormat: string;
		validators: ((val: string, format: string) => boolean)[];
		inputOptions: {
			label: string;
		};
		startInputOptions: {
			label: string;
		};
		endInputOptions: {
			label: string;
		};
		size: string;
		view: string;
		firstDayOfWeek: string;
		jumpView: boolean;
	};
	monthsInView: number;
	constructor(props: DateRangePickerProps);
	componentDidUpdate(prevProps: DateRangePickerProps, prevState: DateRangePickerState): void;
	getDate: (startDate?: Date | undefined, endDate?: Date | undefined) => {
		startValue: string;
		endValue: string;
	};
	getErrors: (startDate?: Date | undefined, endDate?: Date | undefined) => {
		startError: boolean;
		endError: boolean;
	};
	getInRangeError: () => boolean;
	onRangeChangeHandler: (sDate?: Date | undefined, eDate?: Date | undefined) => void;
	onToggleHandler: (o: boolean, type?: string | undefined) => void;
	renderCalendar(): JSX.Element;
	render(): JSX.Element;
}
export interface TabsWrapperProps extends BaseProps {
	active?: number;
	children: SingleOrArray<React.ReactElement>;
	onTabChange?: (tabIndex: number) => void;
}
export declare const TabsWrapper: {
	(props: TabsWrapperProps): JSX.Element;
	displayName: string;
};
export interface TabProps {
	label: React.ReactNode | string;
	disabled?: boolean;
	icon?: string;
	count?: number;
	children?: React.ReactNode;
}
export declare const Tab: {
	(props: TabProps): JSX.Element;
	displayName: string;
};
export interface TabConfig {
	label: string;
	count?: number;
	icon?: string;
	disabled?: boolean;
}
export interface TabsProps extends BaseProps {
	activeIndex?: number;
	withSeparator?: boolean;
	tabs: TabConfig[];
	children?: SingleOrArray<React.ReactElement>;
	onTabChange?: (tabIndex: number) => void;
}
export declare const Tabs: {
	(props: TabsProps): JSX.Element;
	displayName: string;
	defaultProps: {
		withSeparator: boolean;
		tabs: never[];
	};
};
export declare type FileErrorTypes = "FILE_INVALID_TYPE" | "FILE_TOO_LARGE" | "FILE_TOO_SMALL" | "TOO_MANY_FILES";
export interface DOMFile extends Blob {
	readonly lastModified: number;
	readonly name: string;
}
export interface FileWithPath extends DOMFile {
	readonly path?: string;
}
declare function fromEvent(evt: Event): Promise<(FileWithPath | DataTransferItem)[]>;
export interface FileError {
	type: FileErrorTypes;
	message: string;
}
export interface FileRejection {
	file: File;
	errors: FileError[];
}
export interface DropzoneBaseProps extends BaseProps {
	accept?: string | string[];
	multiple?: boolean;
	preventDropOnDocument?: boolean;
	minSize: number;
	maxSize: number;
	disabled: boolean;
	getFilesFromEvent: (event: DragEvent | Event) => any;
	onFileDialogCancel?: () => void;
	onDragEnter?: (event: DragEvent) => void;
	onDragLeave?: (event: DragEvent) => void;
	onDragOver?: (event: DragEvent) => void;
	onDrop?: (event: DragEvent | Event, acceptedFiles: File[], rejectedFiles: FileRejection[]) => void;
	onDropAccepted?: (event: DragEvent | Event, files: File[]) => void;
	onDropRejected?: (event: DragEvent | Event, rejectedFiles: FileRejection[]) => any;
	validator?: (file: File) => FileError | FileError[];
}
export declare type DropZoneType = "standard" | "compressed" | "tight";
export interface DropzoneProps extends BaseProps, DropzoneBaseProps {
	formatLabel?: string;
	type: DropZoneType;
	sizeLabel?: string;
	sampleFileLink?: React.ReactNode;
}
export declare const Dropzone: {
	(props: DropzoneProps): JSX.Element;
	displayName: string;
	defaultProps: {
		type: string;
		disabled: boolean;
		getFilesFromEvent: typeof fromEvent;
		maxSize: number;
		minSize: number;
		multiple: boolean;
		preventDropOnDocument: boolean;
		validator: () => null;
	};
};
export interface FileUploaderFormatProps {
	formatLabel?: string;
}
export interface FileUploaderButtonProps extends BaseProps {
	name?: string;
	id?: string;
	accept?: string[];
	multiple: boolean;
	uploadButtonLabel: string;
	disabled: boolean;
	onChange?: (fileList: File[], event: React.ChangeEvent<HTMLInputElement>) => void;
}
export interface FileUploaderProps extends FileUploaderButtonProps, FileUploaderFormatProps, BaseProps {
	title: string;
	sizeLabel: string;
	sampleFileLink?: JSX.Element;
}
export declare const FileUploader: {
	(props: FileUploaderProps): JSX.Element;
	defaultProps: {
		uploadButtonLabel: string;
		disabled: boolean;
		multiple: boolean;
	} & {
		title: string;
		sizeLabel: string;
	};
	displayName: string;
};
export interface FileItem {
	file: File;
	id?: any;
	status?: FileStatus;
	progress?: number;
	errorMessage?: string;
}
export interface FileUploaderListProps extends BaseProps {
	fileList: FileItem[];
	onClick?: (file: File, id?: any) => void;
	onDelete?: (file: File, id?: any) => void;
	onRetry?: (file: File, id?: any) => void;
}
export declare const FileUploaderList: {
	(props: FileUploaderListProps): JSX.Element | null;
	defaultProps: {
		fileList: never[];
	};
	displayName: string;
};
export interface NestedRowProps {
	rowIndex: number;
	data: RowData;
	schema: GridProps["schema"];
	loading: GridProps["loading"];
}
export declare type SortType = "asc" | "desc" | "unsort";
export declare type Pinned = "left" | "right" | "unpin";
export declare type Alignment = "left" | "right" | "center";
export declare type Comparator = (a: RowData, b: RowData) => -1 | 0 | 1;
export declare type Filter = any[];
export declare type GridRef = HTMLDivElement | null;
export declare type PageInfo = {
	page: number;
	scrollTop: number;
};
export interface FetchDataOptions {
	page?: number;
	pageSize?: number;
	filterList?: GridProps["filterList"];
	sortingList?: GridProps["sortingList"];
	searchTerm?: string;
}
export declare type fetchDataFunction = (options: FetchDataOptions) => Promise<{
	searchTerm?: string;
	count: number;
	data: Data;
	schema: Schema;
}>;
export declare type updateSortingListFunction = (newSortingList: GridProps["sortingList"]) => void;
export declare type updateFilterListFunction = (newFilterList: GridProps["filterList"]) => void;
export declare type updateSchemaFunction = (newSchema: Schema) => void;
export declare type updateColumnSchemaFunction = (name: ColumnSchema["name"], schemaUpdate: Partial<ColumnSchema>) => void;
export declare type reorderColumnFunction = (from: string, to: string) => void;
export declare type onSelectFn = (rowIndex: number, selected: boolean) => void;
export declare type onFilterChangeFn = (name: ColumnSchema["name"], selected: any) => void;
export declare type onSelectAllFunction = (selected: boolean, selectAll?: boolean) => void;
export declare type onFilterChangeFunction = (data: RowData, filters: Filter) => boolean;
export declare type onRowClickFunction = (data: RowData, rowIndex?: number) => void;
export declare type onMenuChangeFn = (name: ColumnSchema["name"], selected: any) => void;
export declare type updatePrevPageInfoFunction = (value: PageInfo) => void;
export declare type CellType = "DEFAULT" | "WITH_META_LIST" | "AVATAR" | "AVATAR_WITH_TEXT" | "AVATAR_WITH_META_LIST" | "STATUS_HINT" | "ICON";
export declare type ColumnSchema = {
	name: string;
	displayName: string;
	width?: React.ReactText;
	minWidth?: React.ReactText;
	maxWidth?: React.ReactText;
	resizable?: boolean;
	sorting?: boolean;
	comparator?: Comparator;
	separator?: boolean;
	pinned?: Pinned;
	hidden?: boolean;
	filters?: DropdownProps["options"];
	onFilterChange?: onFilterChangeFunction;
	translate?: (data: RowData) => RowData;
	cellType?: CellType;
	cellRenderer?: React.FC<GridCellProps>;
	align?: Alignment;
	tooltip?: boolean;
};
export declare type RowData = Record<string, any> & {
	_selected?: boolean;
};
export declare type GridSize = "comfortable" | "standard" | "compressed" | "tight";
export declare type GridType = "resource" | "data";
export declare type Data = RowData[];
export declare type Schema = ColumnSchema[];
export interface GridProps extends BaseProps {
	size: GridSize;
	type: GridType;
	onRowClick?: onRowClickFunction;
	loaderSchema: Schema;
	schema: Schema;
	data: Data;
	totalRecords: number;
	loading: boolean;
	error: boolean;
	updateData?: () => void;
	updateSchema?: updateSchemaFunction;
	showHead?: boolean;
	showMenu?: boolean;
	draggable?: boolean;
	nestedRows?: boolean;
	nestedRowRenderer?: React.FC<NestedRowProps>;
	withPagination?: boolean;
	page: number;
	pageSize: number;
	withCheckbox?: boolean;
	onSelect?: onSelectFn;
	onSelectAll?: onSelectAllFunction;
	errorTemplate?: React.FunctionComponent | React.ReactNode;
	sortingList: {
		name: ColumnSchema["name"];
		type: SortType;
	}[];
	updateSortingList?: updateSortingListFunction;
	filterList: Record<ColumnSchema["name"], Filter>;
	updateFilterList?: updateFilterListFunction;
	selectAll?: {
		checked: boolean;
		indeterminate: boolean;
	};
	headCellTooltip?: boolean;
	separator?: boolean;
	showFilters: boolean;
}
export interface GridState {
	init: boolean;
	prevPageInfo: PageInfo;
}
export declare class Grid extends React.Component<GridProps, GridState> {
	static defaultProps: GridProps;
	constructor(props: GridProps);
	componentDidMount(): void;
	forceRerender(): void;
	componentWillUnmount(): void;
	componentDidUpdate(prevProps: GridProps, prevState: GridState): void;
	gridRef: GridRef;
	isHeadSyncing: boolean;
	isBodySyncing: boolean;
	addScrollListeners(): void;
	removeScrollListeners(): void;
	syncScroll: (type: string) => () => void;
	updateRenderedSchema: (newSchema: Schema) => void;
	updateColumnSchema: updateColumnSchemaFunction;
	reorderColumn: reorderColumnFunction;
	updateSortingList: (sortingList: GridProps["sortingList"]) => void;
	updateFilterList: (filterList: GridProps["filterList"]) => void;
	onMenuChange: onMenuChangeFn;
	onFilterChange: onFilterChangeFn;
	onSelect: onSelectFn;
	onSelectAll: CheckboxProps["onChange"];
	updatePrevPageInfo: updatePrevPageInfoFunction;
	render(): JSX.Element;
}
export interface PartialCellProps {
	data: RowData;
	schema: ColumnSchema;
	loading?: boolean;
	expanded?: boolean;
}
export interface GridCellProps extends PartialCellProps {
	size?: GridSize;
	rowIndex?: number;
	colIndex?: number;
}
export declare const GridCell: {
	(props: GridCellProps): JSX.Element | null;
	displayName: string;
};
export interface ExternalHeaderProps {
	children?: React.ReactNode;
	withSearch?: boolean;
	searchPlaceholder?: string;
	dynamicColumn?: boolean;
	allowSelectAll?: boolean;
}
export declare type updateSearchTermFunction = (newSearchTerm: string) => void;
export interface HeaderProps extends ExternalHeaderProps {
	loading?: boolean;
	error?: boolean;
	data: Data;
	schema: Schema;
	selectAll?: GridProps["selectAll"];
	totalRecords: number;
	withPagination?: boolean;
	page: number;
	pageSize: number;
	withCheckbox?: boolean;
	showHead?: boolean;
	updateSchema?: updateSchemaFunction;
	filterList?: GridProps["filterList"];
	showFilters: boolean;
	updateFilterList?: updateFilterListFunction;
	onSelectAll?: onSelectAllFunction;
	searchTerm?: string;
	updateSearchTerm?: updateSearchTermFunction;
}
export interface ErrorTemplateProps {
	errorType?: TableProps["errorType"];
}
export declare type FilterPosition = "GRID" | "HEADER";
export interface TableSyncProps {
	data: GridProps["data"];
	schema: GridProps["schema"];
	loading: GridProps["loading"];
	error: GridProps["error"];
	errorType?: string;
	onSearch?: (data: Data, searchTerm: string) => Data;
}
export interface AsyncProps {
	fetchData?: fetchDataFunction;
}
export interface SharedTableProps extends BaseProps {
	showHead: GridProps["showHead"];
	type: GridProps["type"];
	size: GridProps["size"];
	draggable: GridProps["draggable"];
	nestedRows?: GridProps["nestedRows"];
	nestedRowRenderer?: GridProps["nestedRowRenderer"];
	withHeader?: boolean;
	headerOptions?: ExternalHeaderProps;
	withCheckbox?: GridProps["withCheckbox"];
	showMenu?: GridProps["showMenu"];
	withPagination: GridProps["withPagination"];
	page: GridProps["page"];
	paginationType: PaginationProps["type"];
	pageSize: GridProps["pageSize"];
	loaderSchema: GridProps["loaderSchema"];
	multipleSorting: boolean;
	sortingList: GridProps["sortingList"];
	filterList: GridProps["filterList"];
	errorTemplate?: React.FunctionComponent<ErrorTemplateProps>;
	searchDebounceDuration: number;
	onRowClick?: GridProps["onRowClick"];
	onSelect?: (rowIndexes: number[], selected: boolean, allSelected: RowData[], selectAll?: boolean) => void;
	onPageChange?: PaginationProps["onPageChange"];
	headCellTooltip?: GridProps["headCellTooltip"];
	separator?: GridProps["headCellTooltip"];
	filterPosition: FilterPosition;
}
export declare type SyncTableProps = SharedTableProps & TableSyncProps;
export declare type AsyncTableProps = SharedTableProps & AsyncProps;
export declare type TableProps = AsyncTableProps & SyncTableProps;
export interface TableState {
	async: boolean;
	data: TableProps["data"];
	schema: TableProps["schema"];
	sortingList: TableProps["sortingList"];
	filterList: TableProps["filterList"];
	page: TableProps["page"];
	totalRecords: GridProps["totalRecords"];
	selectAll: GridProps["selectAll"];
	searchTerm: HeaderProps["searchTerm"];
	loading: TableProps["loading"];
	error: TableProps["error"];
	errorType?: TableProps["errorType"];
}
export declare class Table extends React.Component<TableProps, TableState> {
	static defaultProps: {
		type: string;
		size: string;
		showHead: boolean;
		showMenu: boolean;
		multipleSorting: boolean;
		headerOptions: {};
		withPagination: boolean;
		paginationType: string;
		page: number;
		pageSize: number;
		draggable: boolean;
		data: never[];
		schema: never[];
		loading: boolean;
		error: boolean;
		loaderSchema: never[];
		sortingList: never[];
		filterList: {};
		filterPosition: string;
		searchDebounceDuration: number;
		errorTemplate: (props: ErrorTemplateProps) => JSX.Element;
	};
	debounceUpdate: () => void;
	constructor(props: TableProps);
	componentDidMount(): void;
	componentDidUpdate(prevProps: TableProps, prevState: TableState): void;
	updateData: (searchUpdate?: boolean | undefined) => void;
	updateDataFn: () => void;
	onSelect: onSelectFn;
	onSelectAll: onSelectAllFunction;
	onPageChange: PaginationProps["onPageChange"];
	updateSchema: updateSchemaFunction;
	updateSortingList: updateSortingListFunction;
	updateFilterList: updateFilterListFunction;
	updateSearchTerm: updateSearchTermFunction;
	render(): JSX.Element;
}
export declare type ExcludeTypes = "showHead" | "draggable" | "showMenu" | "headCellTooltip" | "filterPosition";
export declare type ListProps = Omit<TableProps, ExcludeTypes>;
export declare const List: {
	(props: ListProps): JSX.Element;
	defaultProps: {
		type: string;
		size: string;
		showHead: boolean;
		showMenu: boolean;
		multipleSorting: boolean;
		headerOptions: {};
		withPagination: boolean;
		paginationType: string;
		page: number;
		pageSize: number;
		draggable: boolean;
		data: never[];
		schema: never[];
		loading: boolean;
		error: boolean;
		loaderSchema: never[];
		sortingList: never[];
		filterList: {};
		filterPosition: string;
		searchDebounceDuration: number;
		errorTemplate: (props: ErrorTemplateProps) => JSX.Element;
	};
};
export interface VerticalNavigationProps {
	menus: Menu[];
	active?: ActiveMenu;
	onClick?: (menu: Menu) => void;
	rounded: boolean;
	expanded: boolean;
	footer?: boolean;
	onToggle?: (expanded: boolean) => void;
	autoCollapse: boolean;
}
export declare type LayoutType = "vertical" | "horizontal";
export declare type Align = "left" | "center";
export interface NavigationProps extends BaseProps, VerticalNavigationProps {
	type: LayoutType;
	align: Align;
}
export declare const Navigation: {
	(props: NavigationProps): JSX.Element;
	defaultProps: {
		type: string;
		align: string;
		expanded: boolean;
		autoCollapse: boolean;
		rounded: boolean;
	};
};
export declare type navigationPositionType = "center" | "bottom";
export interface PageHeaderProps extends BaseProps {
	title: string;
	navigation?: React.ReactNode;
	stepper?: React.ReactNode;
	actions?: React.ReactNode;
	tabs?: React.ReactNode;
	breadcrumbs?: React.ReactNode;
	badge?: React.ReactNode;
	status?: React.ReactNode;
	meta?: React.ReactNode;
	navigationPosition: navigationPositionType;
	separator: boolean;
}
export declare const PageHeader: {
	(props: PageHeaderProps): JSX.Element;
	defaultProps: {
		navigationPosition: string;
		separator: boolean;
	};
};
export interface FileObject extends BaseProps, Record<string, any> {
	name: string;
	size: string;
	type: string;
}
export interface FileListItemProps extends BaseProps, Record<string, any> {
	file: File | FileObject;
	status: FileStatus;
	progress?: number;
	errorMessage?: string;
	actions?: React.ReactNode;
	fileItem?: any;
	fileSize?: string;
	onClick?: (file: FileListItemProps) => void;
}
export interface FileListProps extends BaseProps {
	fileList: Omit<FileListItemProps[], "onClick">;
	onClick?: FileListItemProps["onClick"];
	actionRenderer?: React.FC<FileListItemProps>;
}
export declare const FileList: {
	(props: FileListProps): JSX.Element | null;
	defaultProps: {
		fileList: never[];
	};
	displayName: string;
};
export interface VerificationProps extends BaseProps {
	fields?: number;
	type?: "text" | "number" | "password";
	onComplete?: (value: string) => void;
}
export declare type VerificationCodeInputProps = VerificationProps & Omit<InputProps, "name" | "type" | "defaultValue" | "size" | "icon" | "inlineLabel" | "autoComplete" | "onChange" | "onClear" | "info" | "min" | "max" | "minLength" | "maxLength" | "actionIcon">;
export declare const VerificationCodeInput: {
	(props: VerificationCodeInputProps): JSX.Element;
	displayName: string;
};
export interface InlineMessageProps extends BaseProps {
	appearance: MessageAppearance;
	description: string;
}
export declare const InlineMessage: {
	(props: InlineMessageProps): JSX.Element;
	displayName: string;
	defaultProps: {
		appearance: string;
		description: string;
	};
};
export declare type ChoiceListAlignment = "horizontal" | "vertical";
export declare type ChoiceListSize = "regular" | "tiny";
export interface Choice {
	value: string;
	label?: string;
	disabled?: boolean;
	helpText?: string;
	name: string;
}
export interface ChoiceListProps extends BaseProps {
	title?: string;
	choices: Choice[];
	alignment?: ChoiceListAlignment;
	size?: ChoiceListSize;
	allowMultiple?: boolean;
	disabled?: boolean;
	selected?: string[];
	onChange?(event: ChangeEvent, selected: string[]): void;
}
export declare const ChoiceList: {
	(props: ChoiceListProps): JSX.Element;
	displayName: string;
	defaultProps: {
		alignment: string;
		size: string;
		allowMultiple: boolean;
		disabled: boolean;
	};
};
export declare type DividerType = "basic" | "header";
export interface DividerProps extends BaseProps {
	vertical: boolean;
	appearance: DividerType;
}
export declare const Divider: {
	(props: DividerProps): JSX.Element;
	displayName: string;
	defaultProps: {
		appearance: string;
		vertical: boolean;
	};
};

export {};