@elastic/eui 70.1.0 → 70.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/eui_theme_dark.css +11 -1
- package/dist/eui_theme_dark.min.css +1 -1
- package/dist/eui_theme_light.css +11 -1
- package/dist/eui_theme_light.min.css +1 -1
- package/es/components/accessibility/screen_reader_only/screen_reader_only.js +1 -1
- package/es/components/accessibility/screen_reader_only/screen_reader_only.styles.js +1 -1
- package/es/components/accordion/accordion.a11y.js +35 -0
- package/es/components/card/card.js +13 -31
- package/es/components/card/card.styles.js +15 -3
- package/es/components/card/card_select/card_select.styles.js +4 -4
- package/es/components/card/checkable_card/checkable_card.js +3 -2
- package/es/components/context_menu/context_menu_panel.a11y.js +34 -0
- package/es/components/datagrid/controls/data_grid_toolbar.js +6 -2
- package/es/components/datagrid/controls/index.js +1 -0
- package/es/components/datagrid/controls/keyboard_shortcuts.js +191 -0
- package/es/components/datagrid/data_grid.js +12 -2
- package/es/components/date_picker/super_date_picker/super_date_picker.js +22 -4
- package/es/components/selectable/selectable.a11y.js +118 -0
- package/es/components/selectable/selectable.js +9 -6
- package/es/components/tabs/tab.js +7 -3
- package/es/components/tabs/tab.styles.js +29 -16
- package/es/components/tabs/tabbed_content/tabbed_content.js +1 -1
- package/es/components/tabs/tabs.js +3 -3
- package/es/components/tabs/tabs.styles.js +2 -4
- package/es/services/string/to_initials.js +1 -1
- package/eui.d.ts +208 -164
- package/i18ntokens.json +438 -6
- package/lib/components/accessibility/screen_reader_only/screen_reader_only.js +1 -1
- package/lib/components/accessibility/screen_reader_only/screen_reader_only.styles.js +1 -1
- package/lib/components/accordion/accordion.a11y.js +44 -0
- package/lib/components/card/card.js +14 -33
- package/lib/components/card/card.styles.js +15 -3
- package/lib/components/card/card_select/card_select.styles.js +4 -4
- package/lib/components/card/checkable_card/checkable_card.js +3 -2
- package/lib/components/context_menu/context_menu_panel.a11y.js +42 -0
- package/lib/components/datagrid/controls/data_grid_toolbar.js +7 -2
- package/lib/components/datagrid/controls/index.js +8 -0
- package/lib/components/datagrid/controls/keyboard_shortcuts.js +208 -0
- package/lib/components/datagrid/data_grid.js +11 -1
- package/lib/components/date_picker/super_date_picker/super_date_picker.js +22 -4
- package/lib/components/selectable/selectable.a11y.js +122 -0
- package/lib/components/selectable/selectable.js +9 -6
- package/lib/components/tabs/tab.js +7 -3
- package/lib/components/tabs/tab.styles.js +29 -16
- package/lib/components/tabs/tabbed_content/tabbed_content.js +1 -1
- package/lib/components/tabs/tabs.js +3 -3
- package/lib/components/tabs/tabs.styles.js +1 -3
- package/lib/services/string/to_initials.js +1 -1
- package/optimize/es/components/accessibility/screen_reader_only/screen_reader_only.styles.js +1 -1
- package/optimize/es/components/accordion/accordion.a11y.js +35 -0
- package/optimize/es/components/card/card.js +12 -30
- package/optimize/es/components/card/card.styles.js +15 -3
- package/optimize/es/components/card/card_select/card_select.styles.js +4 -4
- package/optimize/es/components/card/checkable_card/checkable_card.js +3 -2
- package/optimize/es/components/context_menu/context_menu_panel.a11y.js +34 -0
- package/optimize/es/components/datagrid/controls/data_grid_toolbar.js +6 -2
- package/optimize/es/components/datagrid/controls/index.js +1 -0
- package/optimize/es/components/datagrid/controls/keyboard_shortcuts.js +181 -0
- package/optimize/es/components/datagrid/data_grid.js +6 -2
- package/optimize/es/components/date_picker/super_date_picker/super_date_picker.js +12 -4
- package/optimize/es/components/selectable/selectable.a11y.js +107 -0
- package/optimize/es/components/selectable/selectable.js +9 -6
- package/optimize/es/components/tabs/tab.js +7 -3
- package/optimize/es/components/tabs/tab.styles.js +29 -16
- package/optimize/es/components/tabs/tabs.js +3 -3
- package/optimize/es/components/tabs/tabs.styles.js +2 -4
- package/optimize/es/services/string/to_initials.js +1 -1
- package/optimize/lib/components/accessibility/screen_reader_only/screen_reader_only.styles.js +1 -1
- package/optimize/lib/components/accordion/accordion.a11y.js +44 -0
- package/optimize/lib/components/card/card.js +13 -32
- package/optimize/lib/components/card/card.styles.js +15 -3
- package/optimize/lib/components/card/card_select/card_select.styles.js +4 -4
- package/optimize/lib/components/card/checkable_card/checkable_card.js +3 -2
- package/optimize/lib/components/context_menu/context_menu_panel.a11y.js +42 -0
- package/optimize/lib/components/datagrid/controls/data_grid_toolbar.js +7 -2
- package/optimize/lib/components/datagrid/controls/index.js +8 -0
- package/optimize/lib/components/datagrid/controls/keyboard_shortcuts.js +207 -0
- package/optimize/lib/components/datagrid/data_grid.js +5 -1
- package/optimize/lib/components/date_picker/super_date_picker/super_date_picker.js +12 -4
- package/optimize/lib/components/selectable/selectable.a11y.js +122 -0
- package/optimize/lib/components/selectable/selectable.js +9 -6
- package/optimize/lib/components/tabs/tab.js +7 -3
- package/optimize/lib/components/tabs/tab.styles.js +29 -16
- package/optimize/lib/components/tabs/tabs.js +3 -3
- package/optimize/lib/components/tabs/tabs.styles.js +1 -3
- package/optimize/lib/services/string/to_initials.js +1 -1
- package/package.json +3 -2
- package/src/components/datagrid/_index.scss +1 -0
- package/src/components/datagrid/controls/_data_grid_keyboard_shortcuts.scss +17 -0
- package/src/components/modal/_modal.scss +3 -1
- package/test-env/components/accessibility/screen_reader_only/screen_reader_only.js +1 -1
- package/test-env/components/accessibility/screen_reader_only/screen_reader_only.styles.js +1 -1
- package/test-env/components/accordion/accordion.a11y.js +44 -0
- package/test-env/components/card/card.js +14 -33
- package/test-env/components/card/card.styles.js +15 -3
- package/test-env/components/card/card_select/card_select.styles.js +4 -4
- package/test-env/components/card/checkable_card/checkable_card.js +3 -2
- package/test-env/components/context_menu/context_menu_panel.a11y.js +42 -0
- package/test-env/components/datagrid/controls/data_grid_toolbar.js +7 -2
- package/test-env/components/datagrid/controls/index.js +8 -0
- package/test-env/components/datagrid/controls/keyboard_shortcuts.js +207 -0
- package/test-env/components/datagrid/data_grid.js +11 -1
- package/test-env/components/date_picker/super_date_picker/super_date_picker.js +22 -4
- package/test-env/components/selectable/selectable.a11y.js +122 -0
- package/test-env/components/selectable/selectable.js +9 -6
- package/test-env/components/tabs/tab.js +7 -3
- package/test-env/components/tabs/tab.styles.js +29 -16
- package/test-env/components/tabs/tabbed_content/tabbed_content.js +1 -1
- package/test-env/components/tabs/tabs.js +3 -3
- package/test-env/components/tabs/tabs.styles.js +1 -3
- package/test-env/services/string/to_initials.js +1 -1
package/eui.d.ts
CHANGED
|
@@ -7591,7 +7591,7 @@ declare module '@elastic/eui/src/components/accessibility/screen_reader_only/scr
|
|
|
7591
7591
|
*/
|
|
7592
7592
|
children: ReactElement;
|
|
7593
7593
|
/**
|
|
7594
|
-
* For keyboard navigation, force content to display visually upon focus.
|
|
7594
|
+
* For keyboard navigation, force content to display visually upon focus/focus-within.
|
|
7595
7595
|
*/
|
|
7596
7596
|
showOnFocus?: boolean;
|
|
7597
7597
|
className?: string;
|
|
@@ -8554,11 +8554,14 @@ declare module '@elastic/eui/src/components/card/card.styles' {
|
|
|
8554
8554
|
left: import("@emotion/utils").SerializedStyles;
|
|
8555
8555
|
right: import("@emotion/utils").SerializedStyles;
|
|
8556
8556
|
};
|
|
8557
|
+
disabled: import("@emotion/utils").SerializedStyles;
|
|
8558
|
+
};
|
|
8559
|
+
main: {
|
|
8560
|
+
euiCard__main: import("@emotion/utils").SerializedStyles;
|
|
8557
8561
|
layout: {
|
|
8558
8562
|
vertical: import("@emotion/utils").SerializedStyles;
|
|
8559
8563
|
horizontal: import("@emotion/utils").SerializedStyles;
|
|
8560
8564
|
};
|
|
8561
|
-
disabled: import("@emotion/utils").SerializedStyles;
|
|
8562
8565
|
};
|
|
8563
8566
|
content: {
|
|
8564
8567
|
euiCard__content: import("@emotion/utils").SerializedStyles;
|
|
@@ -8614,9 +8617,8 @@ declare module '@elastic/eui/src/components/card/card' {
|
|
|
8614
8617
|
import { EuiBetaBadgeProps } from '@elastic/eui/src/components/badge/beta_badge';
|
|
8615
8618
|
import { EuiIconProps } from '@elastic/eui/src/components/icon';
|
|
8616
8619
|
import { EuiCardSelectProps } from '@elastic/eui/src/components/card/card_select';
|
|
8617
|
-
import { EuiPanelProps } from '@elastic/eui/src/components/panel';
|
|
8618
|
-
export const ALIGNMENTS:
|
|
8619
|
-
export const LAYOUT_ALIGNMENTS: CardLayout[]; type EuiCardPropsLayout = ExclusiveUnion<{
|
|
8620
|
+
import { EuiPanelProps } from '@elastic/eui/src/components/panel';
|
|
8621
|
+
export const ALIGNMENTS: readonly ["left", "center", "right"]; type CardAlignment = typeof ALIGNMENTS[number]; type EuiCardPropsLayout = ExclusiveUnion<{
|
|
8620
8622
|
layout?: 'vertical';
|
|
8621
8623
|
/**
|
|
8622
8624
|
* Changes alignment of the title and description
|
|
@@ -11110,6 +11112,7 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
|
|
|
11110
11112
|
toolbarVisibility: boolean | EuiDataGridToolBarVisibilityOptions;
|
|
11111
11113
|
isFullScreen: boolean;
|
|
11112
11114
|
fullScreenSelector: ReactNode;
|
|
11115
|
+
keyboardShortcuts: ReactNode;
|
|
11113
11116
|
displaySelector: ReactNode;
|
|
11114
11117
|
columnSelector: ReactNode;
|
|
11115
11118
|
columnSorting: ReactNode;
|
|
@@ -11774,6 +11777,11 @@ declare module '@elastic/eui/src/components/datagrid/data_grid_types' {
|
|
|
11774
11777
|
* Allows the ability for the user to sort rows based upon column values
|
|
11775
11778
|
*/
|
|
11776
11779
|
showSortSelector?: boolean;
|
|
11780
|
+
/**
|
|
11781
|
+
* Displays a popover listing all keyboard controls and shortcuts for the data grid.
|
|
11782
|
+
* If set to `false`, the toggle will be visually hidden, but still focusable by keyboard and screen reader users.
|
|
11783
|
+
*/
|
|
11784
|
+
showKeyboardShortcuts?: boolean;
|
|
11777
11785
|
/**
|
|
11778
11786
|
* Allows user to be able to fullscreen the data grid. If set to `false` make sure your grid fits within a large enough panel to still show the other controls.
|
|
11779
11787
|
*/
|
|
@@ -12445,7 +12453,7 @@ declare module '@elastic/eui/src/components/datagrid/body' {
|
|
|
12445
12453
|
declare module '@elastic/eui/src/components/datagrid/controls/data_grid_toolbar' {
|
|
12446
12454
|
|
|
12447
12455
|
import { EuiDataGridProps, EuiDataGridToolbarProps, EuiDataGridToolBarVisibilityOptions } from '@elastic/eui/src/components/datagrid/data_grid_types';
|
|
12448
|
-
export const EuiDataGridToolbar: ({ gridWidth, minSizeForControls, toolbarVisibility, isFullScreen, fullScreenSelector, displaySelector, columnSelector, columnSorting, }: EuiDataGridToolbarProps) => JSX.Element;
|
|
12456
|
+
export const EuiDataGridToolbar: ({ gridWidth, minSizeForControls, toolbarVisibility, isFullScreen, fullScreenSelector, keyboardShortcuts, displaySelector, columnSelector, columnSorting, }: EuiDataGridToolbarProps) => JSX.Element;
|
|
12449
12457
|
export function checkOrDefaultToolBarDisplayOptions<OptionKey extends keyof EuiDataGridToolBarVisibilityOptions>(arg: EuiDataGridProps['toolbarVisibility'], option: OptionKey): Required<EuiDataGridToolBarVisibilityOptions>[OptionKey];
|
|
12450
12458
|
export function renderAdditionalControls(toolbarVisibility: EuiDataGridProps['toolbarVisibility'], position: 'left.prepend' | 'left.append' | 'right'): {} | null;
|
|
12451
12459
|
/**
|
|
@@ -12477,6 +12485,160 @@ declare module '@elastic/eui/src/components/datagrid/controls/display_selector'
|
|
|
12477
12485
|
export const startingStyles: EuiDataGridStyle;
|
|
12478
12486
|
export const useDataGridDisplaySelector: (showDisplaySelector: EuiDataGridToolBarVisibilityOptions['showDisplaySelector'], initialStyles: EuiDataGridStyle, initialRowHeightsOptions?: EuiDataGridRowHeightsOptions | undefined) => [ReactNode, EuiDataGridStyle, EuiDataGridRowHeightsOptions];
|
|
12479
12487
|
|
|
12488
|
+
}
|
|
12489
|
+
declare module '@elastic/eui/src/components/description_list/description_list_types' {
|
|
12490
|
+
import { HTMLAttributes, ReactNode } from 'react';
|
|
12491
|
+
import { CommonProps } from '@elastic/eui/src/components/common';
|
|
12492
|
+
export interface EuiDescriptionListProps {
|
|
12493
|
+
listItems?: Array<{
|
|
12494
|
+
title: NonNullable<ReactNode>;
|
|
12495
|
+
description: NonNullable<ReactNode>;
|
|
12496
|
+
}>;
|
|
12497
|
+
/**
|
|
12498
|
+
* Text alignment
|
|
12499
|
+
*/
|
|
12500
|
+
align?: EuiDescriptionListAlignment;
|
|
12501
|
+
/**
|
|
12502
|
+
* Smaller text and condensed spacing
|
|
12503
|
+
*/
|
|
12504
|
+
compressed?: boolean;
|
|
12505
|
+
/**
|
|
12506
|
+
* How should the content be styled, by default
|
|
12507
|
+
* this will emphasize the title
|
|
12508
|
+
*/
|
|
12509
|
+
textStyle?: 'normal' | 'reverse';
|
|
12510
|
+
/**
|
|
12511
|
+
* How each item should be laid out
|
|
12512
|
+
*/
|
|
12513
|
+
type?: EuiDescriptionListType;
|
|
12514
|
+
/**
|
|
12515
|
+
* Props object to be passed to `EuiDescriptionListTitle`
|
|
12516
|
+
*/
|
|
12517
|
+
titleProps?: HTMLAttributes<HTMLElement> & CommonProps;
|
|
12518
|
+
/**
|
|
12519
|
+
* Props object to be passed to `EuiDescriptionListDescription`
|
|
12520
|
+
*/
|
|
12521
|
+
descriptionProps?: HTMLAttributes<HTMLElement> & CommonProps;
|
|
12522
|
+
/**
|
|
12523
|
+
* Vertical spacing added between `EuiDescriptionList` elements
|
|
12524
|
+
*/
|
|
12525
|
+
gutterSize?: EuiDescriptionListGutterSizes;
|
|
12526
|
+
}
|
|
12527
|
+
export const TYPES: readonly ["row", "inline", "column", "responsiveColumn"];
|
|
12528
|
+
export type EuiDescriptionListType = typeof TYPES[number];
|
|
12529
|
+
export const ALIGNMENTS: readonly ["center", "left"];
|
|
12530
|
+
export type EuiDescriptionListAlignment = typeof ALIGNMENTS[number];
|
|
12531
|
+
export const TEXT_STYLES: readonly ["normal", "reverse"];
|
|
12532
|
+
export type EuiDescriptionListTextStyle = typeof TEXT_STYLES[number];
|
|
12533
|
+
export const GUTTER_SIZES: readonly ["s", "m"];
|
|
12534
|
+
export type EuiDescriptionListGutterSizes = typeof GUTTER_SIZES[number];
|
|
12535
|
+
|
|
12536
|
+
}
|
|
12537
|
+
declare module '@elastic/eui/src/components/description_list/description_list_title.styles' {
|
|
12538
|
+
import { UseEuiTheme } from '@elastic/eui/src/services';
|
|
12539
|
+
export const euiDescriptionListTitleStyles: (euiThemeContext: UseEuiTheme) => {
|
|
12540
|
+
euiDescriptionList__title: import("@emotion/utils").SerializedStyles;
|
|
12541
|
+
row: import("@emotion/utils").SerializedStyles;
|
|
12542
|
+
column: import("@emotion/utils").SerializedStyles;
|
|
12543
|
+
responsiveColumn: import("@emotion/utils").SerializedStyles;
|
|
12544
|
+
inline: import("@emotion/utils").SerializedStyles;
|
|
12545
|
+
fontStyles: {
|
|
12546
|
+
normal: import("@emotion/utils").SerializedStyles;
|
|
12547
|
+
reverse: import("@emotion/utils").SerializedStyles;
|
|
12548
|
+
compressed: import("@emotion/utils").SerializedStyles;
|
|
12549
|
+
};
|
|
12550
|
+
inlineStyles: {
|
|
12551
|
+
normal: import("@emotion/utils").SerializedStyles;
|
|
12552
|
+
compressed: import("@emotion/utils").SerializedStyles;
|
|
12553
|
+
};
|
|
12554
|
+
right: import("@emotion/utils").SerializedStyles;
|
|
12555
|
+
s: import("@emotion/utils").SerializedStyles;
|
|
12556
|
+
m: import("@emotion/utils").SerializedStyles;
|
|
12557
|
+
};
|
|
12558
|
+
|
|
12559
|
+
}
|
|
12560
|
+
declare module '@elastic/eui/src/components/description_list/description_list_context' {
|
|
12561
|
+
|
|
12562
|
+
import { EuiDescriptionListProps } from '@elastic/eui/src/components/description_list/description_list_types'; type EuiDescriptionListContextValues = Required<Pick<EuiDescriptionListProps, 'type' | 'textStyle' | 'align' | 'gutterSize'>> & {
|
|
12563
|
+
compressed?: EuiDescriptionListProps['compressed'];
|
|
12564
|
+
};
|
|
12565
|
+
export const contextDefaults: EuiDescriptionListContextValues;
|
|
12566
|
+
export const EuiDescriptionListContext: import("react").Context<EuiDescriptionListContextValues>;
|
|
12567
|
+
export {};
|
|
12568
|
+
|
|
12569
|
+
}
|
|
12570
|
+
declare module '@elastic/eui/src/components/description_list/description_list_title' {
|
|
12571
|
+
import { HTMLAttributes, FunctionComponent } from 'react';
|
|
12572
|
+
import { CommonProps } from '@elastic/eui/src/components/common';
|
|
12573
|
+
export interface EuiDescriptionListTitleProps extends CommonProps, HTMLAttributes<HTMLElement> {
|
|
12574
|
+
}
|
|
12575
|
+
export const EuiDescriptionListTitle: FunctionComponent<EuiDescriptionListTitleProps>;
|
|
12576
|
+
|
|
12577
|
+
}
|
|
12578
|
+
declare module '@elastic/eui/src/components/description_list/description_list_description.styles' {
|
|
12579
|
+
import { UseEuiTheme } from '@elastic/eui/src/services';
|
|
12580
|
+
export const euiDescriptionListDescriptionStyles: (euiThemeContext: UseEuiTheme) => {
|
|
12581
|
+
euiDescriptionList__description: import("@emotion/utils").SerializedStyles;
|
|
12582
|
+
row: import("@emotion/utils").SerializedStyles;
|
|
12583
|
+
column: import("@emotion/utils").SerializedStyles;
|
|
12584
|
+
responsiveColumn: import("@emotion/utils").SerializedStyles;
|
|
12585
|
+
inline: import("@emotion/utils").SerializedStyles;
|
|
12586
|
+
fontStyles: {
|
|
12587
|
+
normal: import("@emotion/utils").SerializedStyles;
|
|
12588
|
+
reverse: import("@emotion/utils").SerializedStyles;
|
|
12589
|
+
compressed: import("@emotion/utils").SerializedStyles;
|
|
12590
|
+
};
|
|
12591
|
+
inlineStyles: {
|
|
12592
|
+
compressed: import("@emotion/utils").SerializedStyles;
|
|
12593
|
+
normal: import("@emotion/utils").SerializedStyles;
|
|
12594
|
+
};
|
|
12595
|
+
left: import("@emotion/utils").SerializedStyles;
|
|
12596
|
+
s: import("@emotion/utils").SerializedStyles;
|
|
12597
|
+
m: import("@emotion/utils").SerializedStyles;
|
|
12598
|
+
};
|
|
12599
|
+
|
|
12600
|
+
}
|
|
12601
|
+
declare module '@elastic/eui/src/components/description_list/description_list_description' {
|
|
12602
|
+
import { HTMLAttributes, FunctionComponent } from 'react';
|
|
12603
|
+
import { CommonProps } from '@elastic/eui/src/components/common';
|
|
12604
|
+
export interface EuiDescriptionListDescriptionProps extends CommonProps, HTMLAttributes<HTMLElement> {
|
|
12605
|
+
}
|
|
12606
|
+
export const EuiDescriptionListDescription: FunctionComponent<EuiDescriptionListDescriptionProps>;
|
|
12607
|
+
|
|
12608
|
+
}
|
|
12609
|
+
declare module '@elastic/eui/src/components/description_list/description_list.styles' {
|
|
12610
|
+
import { UseEuiTheme } from '@elastic/eui/src/services';
|
|
12611
|
+
export const euiDescriptionListStyles: (euiThemeContext: UseEuiTheme) => {
|
|
12612
|
+
euiDescriptionList: import("@emotion/utils").SerializedStyles;
|
|
12613
|
+
row: import("@emotion/utils").SerializedStyles;
|
|
12614
|
+
inline: import("@emotion/utils").SerializedStyles;
|
|
12615
|
+
column: import("@emotion/utils").SerializedStyles;
|
|
12616
|
+
responsiveColumn: import("@emotion/utils").SerializedStyles;
|
|
12617
|
+
center: import("@emotion/utils").SerializedStyles;
|
|
12618
|
+
left: import("@emotion/utils").SerializedStyles;
|
|
12619
|
+
};
|
|
12620
|
+
|
|
12621
|
+
}
|
|
12622
|
+
declare module '@elastic/eui/src/components/description_list/description_list' {
|
|
12623
|
+
import { HTMLAttributes, FunctionComponent } from 'react';
|
|
12624
|
+
import { CommonProps } from '@elastic/eui/src/components/common';
|
|
12625
|
+
import { EuiDescriptionListProps } from '@elastic/eui/src/components/description_list/description_list_types';
|
|
12626
|
+
export const EuiDescriptionList: FunctionComponent<CommonProps & HTMLAttributes<HTMLDListElement> & EuiDescriptionListProps>;
|
|
12627
|
+
|
|
12628
|
+
}
|
|
12629
|
+
declare module '@elastic/eui/src/components/description_list' {
|
|
12630
|
+
export type { EuiDescriptionListProps } from '@elastic/eui/src/components/description_list/description_list_types';
|
|
12631
|
+
export { EuiDescriptionList } from '@elastic/eui/src/components/description_list/description_list';
|
|
12632
|
+
export { EuiDescriptionListTitle } from '@elastic/eui/src/components/description_list/description_list_title';
|
|
12633
|
+
export { EuiDescriptionListDescription } from '@elastic/eui/src/components/description_list/description_list_description';
|
|
12634
|
+
|
|
12635
|
+
}
|
|
12636
|
+
declare module '@elastic/eui/src/components/datagrid/controls/keyboard_shortcuts' {
|
|
12637
|
+
import { ReactNode } from 'react';
|
|
12638
|
+
export const useDataGridKeyboardShortcuts: () => {
|
|
12639
|
+
keyboardShortcuts: ReactNode;
|
|
12640
|
+
};
|
|
12641
|
+
|
|
12480
12642
|
}
|
|
12481
12643
|
declare module '@elastic/eui/src/components/datagrid/controls/fullscreen_selector' {
|
|
12482
12644
|
import { ReactNode, KeyboardEventHandler } from 'react';
|
|
@@ -12492,6 +12654,7 @@ declare module '@elastic/eui/src/components/datagrid/controls' {
|
|
|
12492
12654
|
export { useDataGridColumnSelector } from '@elastic/eui/src/components/datagrid/controls/column_selector';
|
|
12493
12655
|
export { useDataGridColumnSorting } from '@elastic/eui/src/components/datagrid/controls/column_sorting';
|
|
12494
12656
|
export { useDataGridDisplaySelector, startingStyles } from '@elastic/eui/src/components/datagrid/controls/display_selector';
|
|
12657
|
+
export { useDataGridKeyboardShortcuts } from '@elastic/eui/src/components/datagrid/controls/keyboard_shortcuts';
|
|
12495
12658
|
export { useDataGridFullScreenSelector } from '@elastic/eui/src/components/datagrid/controls/fullscreen_selector';
|
|
12496
12659
|
export { checkOrDefaultToolBarDisplayOptions, EuiDataGridToolbar, } from '@elastic/eui/src/components/datagrid/controls/data_grid_toolbar';
|
|
12497
12660
|
|
|
@@ -13005,13 +13168,12 @@ declare module '@elastic/eui/src/components/tabs/tab.styles' {
|
|
|
13005
13168
|
import { UseEuiTheme } from '@elastic/eui/src/services';
|
|
13006
13169
|
export const euiTabStyles: ({ euiTheme }: UseEuiTheme) => {
|
|
13007
13170
|
euiTab: import("@emotion/utils").SerializedStyles;
|
|
13008
|
-
s: import("@emotion/utils").SerializedStyles;
|
|
13009
|
-
m: import("@emotion/utils").SerializedStyles;
|
|
13010
|
-
l: import("@emotion/utils").SerializedStyles;
|
|
13011
|
-
xl: import("@emotion/utils").SerializedStyles;
|
|
13012
13171
|
expanded: import("@emotion/utils").SerializedStyles;
|
|
13013
13172
|
selected: import("@emotion/utils").SerializedStyles;
|
|
13014
|
-
disabled:
|
|
13173
|
+
disabled: {
|
|
13174
|
+
disabled: import("@emotion/utils").SerializedStyles;
|
|
13175
|
+
selected: import("@emotion/utils").SerializedStyles;
|
|
13176
|
+
};
|
|
13015
13177
|
};
|
|
13016
13178
|
export const euiTabContentStyles: (euiThemeContext: UseEuiTheme) => {
|
|
13017
13179
|
euiTab__content: import("@emotion/utils").SerializedStyles;
|
|
@@ -13040,7 +13202,7 @@ declare module '@elastic/eui/src/components/tabs/tabs' {
|
|
|
13040
13202
|
import React, { HTMLAttributes, ReactNode } from 'react';
|
|
13041
13203
|
import { CommonProps } from '@elastic/eui/src/components/common';
|
|
13042
13204
|
export const SIZES: readonly ["s", "m", "l", "xl"];
|
|
13043
|
-
export type
|
|
13205
|
+
export type EuiTabsSizes = typeof SIZES[number];
|
|
13044
13206
|
export type EuiTabsProps = CommonProps & HTMLAttributes<HTMLDivElement> & {
|
|
13045
13207
|
/**
|
|
13046
13208
|
* ReactNode to render as this component's content
|
|
@@ -13059,7 +13221,7 @@ declare module '@elastic/eui/src/components/tabs/tabs' {
|
|
|
13059
13221
|
* Sizes affect both font size and overall size.
|
|
13060
13222
|
* Only use the `xl` size when displayed as page titles.
|
|
13061
13223
|
*/
|
|
13062
|
-
size?:
|
|
13224
|
+
size?: EuiTabsSizes;
|
|
13063
13225
|
};
|
|
13064
13226
|
export type EuiTabRef = HTMLDivElement;
|
|
13065
13227
|
export const EuiTabs: React.ForwardRefExoticComponent<CommonProps & React.HTMLAttributes<HTMLDivElement> & {
|
|
@@ -13089,7 +13251,7 @@ declare module '@elastic/eui/src/components/tabs/tabs' {
|
|
|
13089
13251
|
declare module '@elastic/eui/src/components/tabs/tab' {
|
|
13090
13252
|
import { MouseEventHandler, AnchorHTMLAttributes, ButtonHTMLAttributes, FunctionComponent, ReactNode } from 'react';
|
|
13091
13253
|
import { CommonProps, ExclusiveUnion } from '@elastic/eui/src/components/common';
|
|
13092
|
-
import { EuiTabsProps,
|
|
13254
|
+
import { EuiTabsProps, EuiTabsSizes } from '@elastic/eui/src/components/tabs/tabs';
|
|
13093
13255
|
export interface EuiTabProps extends CommonProps {
|
|
13094
13256
|
isSelected?: boolean;
|
|
13095
13257
|
disabled?: boolean;
|
|
@@ -13112,7 +13274,7 @@ declare module '@elastic/eui/src/components/tabs/tab' {
|
|
|
13112
13274
|
* Sizes affect both font size and overall size.
|
|
13113
13275
|
* Only use the `xl` size when displayed as page titles.
|
|
13114
13276
|
*/
|
|
13115
|
-
size?:
|
|
13277
|
+
size?: EuiTabsSizes;
|
|
13116
13278
|
} type EuiTabPropsForAnchor = EuiTabProps & Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'onClick' | 'href'> & {
|
|
13117
13279
|
href?: string;
|
|
13118
13280
|
onClick?: MouseEventHandler<HTMLAnchorElement>;
|
|
@@ -13126,6 +13288,7 @@ declare module '@elastic/eui/src/components/tabs/tab' {
|
|
|
13126
13288
|
}
|
|
13127
13289
|
declare module '@elastic/eui/src/components/tabs/tabbed_content/tabbed_content' {
|
|
13128
13290
|
import { Component, HTMLAttributes, ReactNode, FocusEvent } from 'react';
|
|
13291
|
+
import { EuiTabsSizes } from '@elastic/eui/src/components/tabs/tabs';
|
|
13129
13292
|
import { EuiTabProps } from '@elastic/eui/src/components/tabs/tab';
|
|
13130
13293
|
import { CommonProps } from '@elastic/eui/src/components/common';
|
|
13131
13294
|
/**
|
|
@@ -13162,7 +13325,7 @@ declare module '@elastic/eui/src/components/tabs/tabbed_content/tabbed_content'
|
|
|
13162
13325
|
* Use this prop if you want to control selection state within the owner component
|
|
13163
13326
|
*/
|
|
13164
13327
|
selectedTab?: EuiTabbedContentTab;
|
|
13165
|
-
size?:
|
|
13328
|
+
size?: EuiTabsSizes;
|
|
13166
13329
|
/**
|
|
13167
13330
|
* Each tab needs id and content properties, so we can associate it with its panel for accessibility.
|
|
13168
13331
|
* The name property (a node) is also required to display to the user.
|
|
@@ -13787,7 +13950,7 @@ declare module '@elastic/eui/src/components/date_picker/auto_refresh/auto_refres
|
|
|
13787
13950
|
|
|
13788
13951
|
}
|
|
13789
13952
|
declare module '@elastic/eui/src/components/date_picker/super_date_picker/super_date_picker' {
|
|
13790
|
-
import { Component, FunctionComponent } from 'react';
|
|
13953
|
+
import { Component, FocusEventHandler, FunctionComponent } from 'react';
|
|
13791
13954
|
import { LocaleSpecifier } from 'moment';
|
|
13792
13955
|
import { CommonProps } from '@elastic/eui/src/components/common';
|
|
13793
13956
|
import { ShortDate, Milliseconds, DurationRange, ApplyTime, ApplyRefreshInterval, QuickSelectPanel } from '@elastic/eui/src/components/date_picker/types';
|
|
@@ -13831,6 +13994,10 @@ declare module '@elastic/eui/src/components/date_picker/super_date_picker/super_
|
|
|
13831
13994
|
* Used to localize e.g. month names, passed to `moment`
|
|
13832
13995
|
*/
|
|
13833
13996
|
locale?: LocaleSpecifier;
|
|
13997
|
+
/**
|
|
13998
|
+
* Triggered whenever the EuiSuperDatePicker's dates are focused
|
|
13999
|
+
*/
|
|
14000
|
+
onFocus?: FocusEventHandler;
|
|
13834
14001
|
/**
|
|
13835
14002
|
* Callback for when the refresh interval is fired.
|
|
13836
14003
|
* EuiSuperDatePicker will only manage a refresh interval timer when onRefresh callback is supplied
|
|
@@ -14047,153 +14214,6 @@ declare module '@elastic/eui/src/components/delay_render' {
|
|
|
14047
14214
|
export type { EuiDelayRenderProps } from '@elastic/eui/src/components/delay_render/delay_render';
|
|
14048
14215
|
export { EuiDelayRender } from '@elastic/eui/src/components/delay_render/delay_render';
|
|
14049
14216
|
|
|
14050
|
-
}
|
|
14051
|
-
declare module '@elastic/eui/src/components/description_list/description_list_types' {
|
|
14052
|
-
import { HTMLAttributes, ReactNode } from 'react';
|
|
14053
|
-
import { CommonProps } from '@elastic/eui/src/components/common';
|
|
14054
|
-
export interface EuiDescriptionListProps {
|
|
14055
|
-
listItems?: Array<{
|
|
14056
|
-
title: NonNullable<ReactNode>;
|
|
14057
|
-
description: NonNullable<ReactNode>;
|
|
14058
|
-
}>;
|
|
14059
|
-
/**
|
|
14060
|
-
* Text alignment
|
|
14061
|
-
*/
|
|
14062
|
-
align?: EuiDescriptionListAlignment;
|
|
14063
|
-
/**
|
|
14064
|
-
* Smaller text and condensed spacing
|
|
14065
|
-
*/
|
|
14066
|
-
compressed?: boolean;
|
|
14067
|
-
/**
|
|
14068
|
-
* How should the content be styled, by default
|
|
14069
|
-
* this will emphasize the title
|
|
14070
|
-
*/
|
|
14071
|
-
textStyle?: 'normal' | 'reverse';
|
|
14072
|
-
/**
|
|
14073
|
-
* How each item should be laid out
|
|
14074
|
-
*/
|
|
14075
|
-
type?: EuiDescriptionListType;
|
|
14076
|
-
/**
|
|
14077
|
-
* Props object to be passed to `EuiDescriptionListTitle`
|
|
14078
|
-
*/
|
|
14079
|
-
titleProps?: HTMLAttributes<HTMLElement> & CommonProps;
|
|
14080
|
-
/**
|
|
14081
|
-
* Props object to be passed to `EuiDescriptionListDescription`
|
|
14082
|
-
*/
|
|
14083
|
-
descriptionProps?: HTMLAttributes<HTMLElement> & CommonProps;
|
|
14084
|
-
/**
|
|
14085
|
-
* Vertical spacing added between `EuiDescriptionList` elements
|
|
14086
|
-
*/
|
|
14087
|
-
gutterSize?: EuiDescriptionListGutterSizes;
|
|
14088
|
-
}
|
|
14089
|
-
export const TYPES: readonly ["row", "inline", "column", "responsiveColumn"];
|
|
14090
|
-
export type EuiDescriptionListType = typeof TYPES[number];
|
|
14091
|
-
export const ALIGNMENTS: readonly ["center", "left"];
|
|
14092
|
-
export type EuiDescriptionListAlignment = typeof ALIGNMENTS[number];
|
|
14093
|
-
export const TEXT_STYLES: readonly ["normal", "reverse"];
|
|
14094
|
-
export type EuiDescriptionListTextStyle = typeof TEXT_STYLES[number];
|
|
14095
|
-
export const GUTTER_SIZES: readonly ["s", "m"];
|
|
14096
|
-
export type EuiDescriptionListGutterSizes = typeof GUTTER_SIZES[number];
|
|
14097
|
-
|
|
14098
|
-
}
|
|
14099
|
-
declare module '@elastic/eui/src/components/description_list/description_list_title.styles' {
|
|
14100
|
-
import { UseEuiTheme } from '@elastic/eui/src/services';
|
|
14101
|
-
export const euiDescriptionListTitleStyles: (euiThemeContext: UseEuiTheme) => {
|
|
14102
|
-
euiDescriptionList__title: import("@emotion/utils").SerializedStyles;
|
|
14103
|
-
row: import("@emotion/utils").SerializedStyles;
|
|
14104
|
-
column: import("@emotion/utils").SerializedStyles;
|
|
14105
|
-
responsiveColumn: import("@emotion/utils").SerializedStyles;
|
|
14106
|
-
inline: import("@emotion/utils").SerializedStyles;
|
|
14107
|
-
fontStyles: {
|
|
14108
|
-
normal: import("@emotion/utils").SerializedStyles;
|
|
14109
|
-
reverse: import("@emotion/utils").SerializedStyles;
|
|
14110
|
-
compressed: import("@emotion/utils").SerializedStyles;
|
|
14111
|
-
};
|
|
14112
|
-
inlineStyles: {
|
|
14113
|
-
normal: import("@emotion/utils").SerializedStyles;
|
|
14114
|
-
compressed: import("@emotion/utils").SerializedStyles;
|
|
14115
|
-
};
|
|
14116
|
-
right: import("@emotion/utils").SerializedStyles;
|
|
14117
|
-
s: import("@emotion/utils").SerializedStyles;
|
|
14118
|
-
m: import("@emotion/utils").SerializedStyles;
|
|
14119
|
-
};
|
|
14120
|
-
|
|
14121
|
-
}
|
|
14122
|
-
declare module '@elastic/eui/src/components/description_list/description_list_context' {
|
|
14123
|
-
|
|
14124
|
-
import { EuiDescriptionListProps } from '@elastic/eui/src/components/description_list/description_list_types'; type EuiDescriptionListContextValues = Required<Pick<EuiDescriptionListProps, 'type' | 'textStyle' | 'align' | 'gutterSize'>> & {
|
|
14125
|
-
compressed?: EuiDescriptionListProps['compressed'];
|
|
14126
|
-
};
|
|
14127
|
-
export const contextDefaults: EuiDescriptionListContextValues;
|
|
14128
|
-
export const EuiDescriptionListContext: import("react").Context<EuiDescriptionListContextValues>;
|
|
14129
|
-
export {};
|
|
14130
|
-
|
|
14131
|
-
}
|
|
14132
|
-
declare module '@elastic/eui/src/components/description_list/description_list_title' {
|
|
14133
|
-
import { HTMLAttributes, FunctionComponent } from 'react';
|
|
14134
|
-
import { CommonProps } from '@elastic/eui/src/components/common';
|
|
14135
|
-
export interface EuiDescriptionListTitleProps extends CommonProps, HTMLAttributes<HTMLElement> {
|
|
14136
|
-
}
|
|
14137
|
-
export const EuiDescriptionListTitle: FunctionComponent<EuiDescriptionListTitleProps>;
|
|
14138
|
-
|
|
14139
|
-
}
|
|
14140
|
-
declare module '@elastic/eui/src/components/description_list/description_list_description.styles' {
|
|
14141
|
-
import { UseEuiTheme } from '@elastic/eui/src/services';
|
|
14142
|
-
export const euiDescriptionListDescriptionStyles: (euiThemeContext: UseEuiTheme) => {
|
|
14143
|
-
euiDescriptionList__description: import("@emotion/utils").SerializedStyles;
|
|
14144
|
-
row: import("@emotion/utils").SerializedStyles;
|
|
14145
|
-
column: import("@emotion/utils").SerializedStyles;
|
|
14146
|
-
responsiveColumn: import("@emotion/utils").SerializedStyles;
|
|
14147
|
-
inline: import("@emotion/utils").SerializedStyles;
|
|
14148
|
-
fontStyles: {
|
|
14149
|
-
normal: import("@emotion/utils").SerializedStyles;
|
|
14150
|
-
reverse: import("@emotion/utils").SerializedStyles;
|
|
14151
|
-
compressed: import("@emotion/utils").SerializedStyles;
|
|
14152
|
-
};
|
|
14153
|
-
inlineStyles: {
|
|
14154
|
-
compressed: import("@emotion/utils").SerializedStyles;
|
|
14155
|
-
normal: import("@emotion/utils").SerializedStyles;
|
|
14156
|
-
};
|
|
14157
|
-
left: import("@emotion/utils").SerializedStyles;
|
|
14158
|
-
s: import("@emotion/utils").SerializedStyles;
|
|
14159
|
-
m: import("@emotion/utils").SerializedStyles;
|
|
14160
|
-
};
|
|
14161
|
-
|
|
14162
|
-
}
|
|
14163
|
-
declare module '@elastic/eui/src/components/description_list/description_list_description' {
|
|
14164
|
-
import { HTMLAttributes, FunctionComponent } from 'react';
|
|
14165
|
-
import { CommonProps } from '@elastic/eui/src/components/common';
|
|
14166
|
-
export interface EuiDescriptionListDescriptionProps extends CommonProps, HTMLAttributes<HTMLElement> {
|
|
14167
|
-
}
|
|
14168
|
-
export const EuiDescriptionListDescription: FunctionComponent<EuiDescriptionListDescriptionProps>;
|
|
14169
|
-
|
|
14170
|
-
}
|
|
14171
|
-
declare module '@elastic/eui/src/components/description_list/description_list.styles' {
|
|
14172
|
-
import { UseEuiTheme } from '@elastic/eui/src/services';
|
|
14173
|
-
export const euiDescriptionListStyles: (euiThemeContext: UseEuiTheme) => {
|
|
14174
|
-
euiDescriptionList: import("@emotion/utils").SerializedStyles;
|
|
14175
|
-
row: import("@emotion/utils").SerializedStyles;
|
|
14176
|
-
inline: import("@emotion/utils").SerializedStyles;
|
|
14177
|
-
column: import("@emotion/utils").SerializedStyles;
|
|
14178
|
-
responsiveColumn: import("@emotion/utils").SerializedStyles;
|
|
14179
|
-
center: import("@emotion/utils").SerializedStyles;
|
|
14180
|
-
left: import("@emotion/utils").SerializedStyles;
|
|
14181
|
-
};
|
|
14182
|
-
|
|
14183
|
-
}
|
|
14184
|
-
declare module '@elastic/eui/src/components/description_list/description_list' {
|
|
14185
|
-
import { HTMLAttributes, FunctionComponent } from 'react';
|
|
14186
|
-
import { CommonProps } from '@elastic/eui/src/components/common';
|
|
14187
|
-
import { EuiDescriptionListProps } from '@elastic/eui/src/components/description_list/description_list_types';
|
|
14188
|
-
export const EuiDescriptionList: FunctionComponent<CommonProps & HTMLAttributes<HTMLDListElement> & EuiDescriptionListProps>;
|
|
14189
|
-
|
|
14190
|
-
}
|
|
14191
|
-
declare module '@elastic/eui/src/components/description_list' {
|
|
14192
|
-
export type { EuiDescriptionListProps } from '@elastic/eui/src/components/description_list/description_list_types';
|
|
14193
|
-
export { EuiDescriptionList } from '@elastic/eui/src/components/description_list/description_list';
|
|
14194
|
-
export { EuiDescriptionListTitle } from '@elastic/eui/src/components/description_list/description_list_title';
|
|
14195
|
-
export { EuiDescriptionListDescription } from '@elastic/eui/src/components/description_list/description_list_description';
|
|
14196
|
-
|
|
14197
14217
|
}
|
|
14198
14218
|
declare module '@elastic/eui/src/components/empty_prompt/empty_prompt' {
|
|
14199
14219
|
import { FunctionComponent, ReactElement, ReactNode } from 'react';
|
|
@@ -25361,6 +25381,30 @@ declare module '@elastic/eui' {
|
|
|
25361
25381
|
"euiDisplaySelector.lineCountLabel": any;
|
|
25362
25382
|
"euiFullscreenSelector.fullscreenButton": any;
|
|
25363
25383
|
"euiFullscreenSelector.fullscreenButtonActive": any;
|
|
25384
|
+
"euiKeyboardShortcuts.title": any;
|
|
25385
|
+
"euiKeyboardShortcuts.upArrowTitle": any;
|
|
25386
|
+
"euiKeyboardShortcuts.upArrowDescription": any;
|
|
25387
|
+
"euiKeyboardShortcuts.downArrowTitle": any;
|
|
25388
|
+
"euiKeyboardShortcuts.downArrowDescription": any;
|
|
25389
|
+
"euiKeyboardShortcuts.rightArrowTitle": any;
|
|
25390
|
+
"euiKeyboardShortcuts.rightArrowDescription": any;
|
|
25391
|
+
"euiKeyboardShortcuts.leftArrowTitle": any;
|
|
25392
|
+
"euiKeyboardShortcuts.leftArrowDescription": any;
|
|
25393
|
+
"euiKeyboardShortcuts.homeTitle": any;
|
|
25394
|
+
"euiKeyboardShortcuts.homeDescription": any;
|
|
25395
|
+
"euiKeyboardShortcuts.endTitle": any;
|
|
25396
|
+
"euiKeyboardShortcuts.endDescription": any;
|
|
25397
|
+
"euiKeyboardShortcuts.ctrl": any;
|
|
25398
|
+
"euiKeyboardShortcuts.ctrlHomeDescription": any;
|
|
25399
|
+
"euiKeyboardShortcuts.ctrlEndDescription": any;
|
|
25400
|
+
"euiKeyboardShortcuts.pageUpTitle": any;
|
|
25401
|
+
"euiKeyboardShortcuts.pageUpDescription": any;
|
|
25402
|
+
"euiKeyboardShortcuts.pageDownTitle": any;
|
|
25403
|
+
"euiKeyboardShortcuts.pageDownDescription": any;
|
|
25404
|
+
"euiKeyboardShortcuts.enterTitle": any;
|
|
25405
|
+
"euiKeyboardShortcuts.enterDescription": any;
|
|
25406
|
+
"euiKeyboardShortcuts.escapeTitle": any;
|
|
25407
|
+
"euiKeyboardShortcuts.escapeDescription": any;
|
|
25364
25408
|
"euiDataGrid.ariaLabel": any;
|
|
25365
25409
|
"euiDataGrid.ariaLabelledBy": any;
|
|
25366
25410
|
"euiDataGrid.screenReaderNotice": any;
|