* Upgrade to EUI 6.3.0 * use ToolTipPositions instead of EuiToolTipPosition to avoid typescript problems * update @types/react and @types/prop-types to match EUI versions * upgraded to EUI 6.3.1 to avoid typescript version issues
174 lines
4.9 KiB
TypeScript
174 lines
4.9 KiB
TypeScript
/*
|
|
* Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
|
|
* or more contributor license agreements. Licensed under the Elastic License;
|
|
* you may not use this file except in compliance with the Elastic License.
|
|
*/
|
|
|
|
/**
|
|
* /!\ These type definitions are temporary until the upstream @elastic/eui
|
|
* package includes them.
|
|
*/
|
|
|
|
declare module '@elastic/eui' {
|
|
export const EuiWrappingPopover: React.SFC<any>;
|
|
}
|
|
|
|
import { IconType, ToolTipPositions } from '@elastic/eui';
|
|
import { CommonProps } from '@elastic/eui/src/components/common';
|
|
import moment from 'moment';
|
|
import { MouseEventHandler, ReactType, Ref } from 'react';
|
|
import { ReactDatePickerProps } from 'react-datepicker';
|
|
import { JsonObject } from '../common/typed_json';
|
|
|
|
declare module '@elastic/eui' {
|
|
export interface EuiBreadcrumbDefinition {
|
|
text: React.ReactNode;
|
|
href?: string;
|
|
onClick?: React.MouseEventHandler<any>;
|
|
}
|
|
type EuiBreadcrumbsProps = CommonProps & {
|
|
responsive?: boolean;
|
|
truncate?: boolean;
|
|
max?: number;
|
|
breadcrumbs: EuiBreadcrumbDefinition[];
|
|
};
|
|
|
|
type EuiHeaderProps = CommonProps;
|
|
export const EuiHeader: React.SFC<EuiHeaderProps>;
|
|
|
|
export type EuiHeaderSectionSide = 'left' | 'right';
|
|
type EuiHeaderSectionProps = CommonProps & {
|
|
side?: EuiHeaderSectionSide;
|
|
grow?: boolean;
|
|
};
|
|
export const EuiHeaderSection: React.SFC<EuiHeaderSectionProps>;
|
|
|
|
type EuiHeaderBreadcrumbsProps = EuiBreadcrumbsProps;
|
|
export const EuiHeaderBreadcrumbs: React.SFC<EuiHeaderBreadcrumbsProps>;
|
|
|
|
type EuiDatePickerProps = CommonProps &
|
|
Pick<
|
|
ReactDatePickerProps,
|
|
Exclude<
|
|
keyof ReactDatePickerProps,
|
|
| 'monthsShown'
|
|
| 'showWeekNumbers'
|
|
| 'fixedHeight'
|
|
| 'dropdownMode'
|
|
| 'useShortMonthInDropdown'
|
|
| 'todayButton'
|
|
| 'timeCaption'
|
|
| 'disabledKeyboardNavigation'
|
|
| 'isClearable'
|
|
| 'withPortal'
|
|
| 'ref'
|
|
| 'placeholderText'
|
|
| 'selected'
|
|
>
|
|
> & {
|
|
fullWidth?: boolean;
|
|
inputRef?: Ref<Element | ReactType>;
|
|
injectTimes?: moment.Moment[];
|
|
isInvalid?: boolean;
|
|
isLoading?: boolean;
|
|
selected?: moment.Moment | null | undefined;
|
|
placeholder?: string;
|
|
shadow?: boolean;
|
|
calendarContainer?: React.ReactNode;
|
|
onChange?: (date: moment.Moment | null) => void;
|
|
startDate?: moment.Moment | undefined;
|
|
endDate?: moment.Moment | undefined;
|
|
};
|
|
export const EuiDatePicker: React.SFC<EuiDatePickerProps>;
|
|
|
|
type EuiFilterGroupProps = CommonProps;
|
|
export const EuiFilterGroup: React.SFC<EuiFilterGroupProps>;
|
|
|
|
type EuiFilterButtonProps = CommonProps & {
|
|
color?: ButtonColor;
|
|
href?: string;
|
|
iconSide?: ButtonIconSide;
|
|
iconType?: IconType;
|
|
isDisabled?: boolean;
|
|
isSelected?: boolean;
|
|
onClick: MouseEventHandler<HTMLElement>;
|
|
rel?: string;
|
|
target?: string;
|
|
type?: string;
|
|
hasActiveFilters?: boolean;
|
|
numFilters?: number;
|
|
};
|
|
export const EuiFilterButton: React.SFC<EuiFilterButtonProps>;
|
|
|
|
interface EuiOutsideClickDetectorProps {
|
|
children: React.ReactNode;
|
|
isDisabled?: boolean;
|
|
onOutsideClick: React.MouseEventHandler<Element>;
|
|
}
|
|
export const EuiOutsideClickDetector: React.SFC<EuiOutsideClickDetectorProps>;
|
|
|
|
interface EuiFormControlLayoutIconProps {
|
|
type: IconType;
|
|
side?: 'left' | 'right';
|
|
onClick?: React.MouseEventHandler<Element>;
|
|
}
|
|
|
|
interface EuiFormControlLayoutClearIconProps {
|
|
onClick?: React.MouseEventHandler<Element>;
|
|
}
|
|
|
|
type EuiFormControlLayoutProps = CommonProps & {
|
|
icon?: string | EuiFormControlLayoutIconProps;
|
|
clear?: EuiFormControlLayoutClearIconProps;
|
|
fullWidth?: boolean;
|
|
isLoading?: boolean;
|
|
compressed?: boolean;
|
|
prepend?: React.ReactNode;
|
|
append?: React.ReactNode;
|
|
};
|
|
export const EuiFormControlLayout: React.SFC<EuiFormControlLayoutProps>;
|
|
|
|
type EuiSideNavProps = CommonProps & {
|
|
style?: any;
|
|
items: Array<{
|
|
id: string | number;
|
|
name: string;
|
|
items: Array<{
|
|
id: string;
|
|
name: string;
|
|
onClick: () => void;
|
|
}>;
|
|
}>;
|
|
mobileTitle?: React.ReactNode;
|
|
toggleOpenOnMobile?: () => void;
|
|
isOpenOnMobile?: boolean;
|
|
};
|
|
export const EuiSideNav: React.SFC<EuiSideNavProps>;
|
|
|
|
type EuiErrorBoundaryProps = CommonProps & {
|
|
children: React.ReactNode;
|
|
};
|
|
|
|
type EuiSizesResponsive = 'xs' | 's' | 'm' | 'l' | 'xl';
|
|
type EuiResponsiveProps = CommonProps & {
|
|
children: React.ReactNode;
|
|
sizes: EuiSizesResponsive[];
|
|
};
|
|
|
|
export const EuiHideFor: React.SFC<EuiResponsiveProps>;
|
|
|
|
export const EuiShowFor: React.SFC<EuiResponsiveProps>;
|
|
|
|
type EuiDatePickerRangeProps = CommonProps & {
|
|
startDateControl: React.ReactNode;
|
|
endDateControl: React.ReactNode;
|
|
iconType?: IconType | boolean;
|
|
fullWidth?: boolean;
|
|
disabled?: boolean;
|
|
isLoading?: boolean;
|
|
dateFormat?: string;
|
|
};
|
|
|
|
export const EuiDatePickerRange: React.SFC<EuiDatePickerRangeProps>;
|
|
}
|