@elastic/eui 116.4.0 → 117.0.0-snapshot.1783939453438
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/es/components/avatar/avatar.js +1 -1
- package/es/components/badge/badge.js +1 -1
- package/es/components/badge/beta_badge/beta_badge.js +1 -1
- package/es/components/basic_table/basic_table.js +4 -4
- package/es/components/basic_table/in_memory_table.js +13 -4
- package/es/components/button/button_display/_button_display_content.js +1 -1
- package/es/components/button/button_empty/button_empty.js +1 -1
- package/es/components/button/button_icon/button_icon.js +1 -1
- package/es/components/call_out/call_out.js +230 -30
- package/es/components/call_out/call_out.styles.js +36 -43
- package/es/components/call_out/call_out_action.js +45 -0
- package/es/components/call_out/types.js +11 -0
- package/es/components/call_out/use_layout_observer.js +54 -0
- package/es/components/card/card.js +1 -1
- package/es/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +1 -1
- package/es/components/collapsible_nav_beta/_kibana_solution/collapsible_nav_kibana_solution.js +1 -1
- package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_button.js +1 -1
- package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_item.js +2 -2
- package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_popover.js +2 -2
- package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.js +4 -4
- package/es/components/comment_list/comment.js +2 -2
- package/es/components/comment_list/comment_event.js +1 -1
- package/es/components/comment_list/comment_list.js +2 -2
- package/es/components/comment_list/comment_timeline.js +1 -1
- package/es/components/context_menu/context_menu_item.js +1 -1
- package/es/components/datagrid/body/cell/data_grid_cell.js +12 -12
- package/es/components/datagrid/body/data_grid_body.js +7 -7
- package/es/components/datagrid/body/data_grid_body_custom.js +7 -7
- package/es/components/datagrid/body/data_grid_body_virtualized.js +7 -7
- package/es/components/datagrid/body/header/data_grid_header_cell.js +6 -6
- package/es/components/datagrid/controls/column_sorting.js +7 -7
- package/es/components/datagrid/controls/column_sorting_draggable.js +1 -1
- package/es/components/datagrid/controls/data_grid_toolbar_control.js +1 -20
- package/es/components/datagrid/utils/in_memory.js +6 -6
- package/es/components/date_picker/date_picker.js +2 -2
- package/es/components/date_picker/date_picker_range.js +1 -1
- package/es/components/empty_prompt/empty_prompt.js +1 -1
- package/es/components/flyout/flyout.component.js +12 -7
- package/es/components/flyout/flyout.styles.js +1 -1
- package/es/components/flyout/flyout_body.styles.js +1 -4
- package/es/components/flyout/flyout_menu.js +7 -17
- package/es/components/flyout/manager/flyout_child.js +1 -1
- package/es/components/flyout/manager/flyout_managed.js +1 -1
- package/es/components/form/field_number/field_number.js +2 -2
- package/es/components/form/field_text/field_text.js +2 -2
- package/es/components/form/form_control_button/form_control_button.js +1 -1
- package/es/components/form/form_control_layout/append_prepend/form_append_prepend.js +2 -2
- package/es/components/form/form_control_layout/form_control_layout.js +2 -2
- package/es/components/form/form_control_layout/form_control_layout_custom_icon.js +1 -1
- package/es/components/form/text_area/text_area.js +2 -2
- package/es/components/header/header_links/header_link.js +1 -1
- package/es/components/header/header_links/header_links.js +1 -1
- package/es/components/header/header_logo/header_logo.js +1 -1
- package/es/components/header/header_section/header_section_item_button.js +1 -1
- package/es/components/icon/assets/add_to_chat.js +43 -0
- package/es/components/icon/assets/logo_vector_db.js +42 -0
- package/es/components/icon/icon.js +1 -1
- package/es/components/icon/icon.styles.js +3 -2
- package/es/components/icon/icon_map.js +6 -0
- package/es/components/illustration/illustration.js +86 -0
- package/es/components/illustration/illustration.styles.js +16 -0
- package/es/components/illustration/index.js +9 -0
- package/es/components/index.js +1 -0
- package/es/components/key_pad_menu/key_pad_menu_item.js +1 -1
- package/es/components/list_group/list_group.js +2 -2
- package/es/components/list_group/list_group_item.js +2 -2
- package/es/components/list_group/list_group_item_extra_action.js +1 -1
- package/es/components/list_group/pinnable_list_group/pinnable_list_group.js +4 -4
- package/es/components/loading/loading_logo.js +1 -1
- package/es/components/markdown_editor/markdown_editor.js +1 -1
- package/es/components/markdown_editor/markdown_editor_drop_zone.js +1 -1
- package/es/components/markdown_editor/markdown_editor_footer.js +1 -1
- package/es/components/markdown_editor/markdown_editor_toolbar.js +1 -1
- package/es/components/page/page_header/page_header_content.js +1 -1
- package/es/components/pagination/pagination_button.js +1 -1
- package/es/components/popover/with_popover.js +17 -0
- package/es/components/search_bar/search_bar.js +190 -376
- package/es/components/search_bar/search_filters.js +10 -3
- package/es/components/selectable/selectable_list/selectable_list.js +8 -1
- package/es/components/selectable/selectable_list/selectable_list_item.js +1 -1
- package/es/components/selectable/selectable_templates/selectable_template_sitewide.js +1 -1
- package/es/components/table/table_header_cell.js +1 -1
- package/es/components/timeline/timeline_item_icon.js +1 -1
- package/es/components/toast/global_toast_list.js +2 -2
- package/es/components/toast/toast.js +2 -2
- package/es/components/toast/toast.styles.js +2 -2
- package/es/components/tool_tip/icon_tip.js +1 -1
- package/es/components/tool_tip/with_tooltip.js +14 -0
- package/eui.d.ts +638 -449
- package/lib/components/avatar/avatar.js +1 -1
- package/lib/components/badge/badge.js +1 -1
- package/lib/components/badge/beta_badge/beta_badge.js +1 -1
- package/lib/components/basic_table/basic_table.js +4 -4
- package/lib/components/basic_table/in_memory_table.js +13 -4
- package/lib/components/button/button_display/_button_display_content.js +1 -1
- package/lib/components/button/button_empty/button_empty.js +1 -1
- package/lib/components/button/button_icon/button_icon.js +1 -1
- package/lib/components/call_out/call_out.js +230 -30
- package/lib/components/call_out/call_out.styles.js +37 -42
- package/lib/components/call_out/call_out_action.js +51 -0
- package/lib/components/call_out/types.js +17 -0
- package/lib/components/call_out/use_layout_observer.js +58 -0
- package/lib/components/card/card.js +1 -1
- package/lib/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +1 -1
- package/lib/components/collapsible_nav_beta/_kibana_solution/collapsible_nav_kibana_solution.js +1 -1
- package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_button.js +1 -1
- package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_item.js +2 -2
- package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_popover.js +2 -2
- package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.js +4 -4
- package/lib/components/comment_list/comment.js +2 -2
- package/lib/components/comment_list/comment_event.js +1 -1
- package/lib/components/comment_list/comment_list.js +2 -2
- package/lib/components/comment_list/comment_timeline.js +1 -1
- package/lib/components/context_menu/context_menu_item.js +1 -1
- package/lib/components/datagrid/body/cell/data_grid_cell.js +12 -12
- package/lib/components/datagrid/body/data_grid_body.js +7 -7
- package/lib/components/datagrid/body/data_grid_body_custom.js +7 -7
- package/lib/components/datagrid/body/data_grid_body_virtualized.js +7 -7
- package/lib/components/datagrid/body/header/data_grid_header_cell.js +6 -6
- package/lib/components/datagrid/controls/column_sorting.js +7 -7
- package/lib/components/datagrid/controls/column_sorting_draggable.js +1 -1
- package/lib/components/datagrid/controls/data_grid_toolbar_control.js +1 -20
- package/lib/components/datagrid/utils/in_memory.js +6 -6
- package/lib/components/date_picker/date_picker.js +2 -2
- package/lib/components/date_picker/date_picker_range.js +1 -1
- package/lib/components/empty_prompt/empty_prompt.js +1 -1
- package/lib/components/flyout/flyout.component.js +11 -6
- package/lib/components/flyout/flyout.styles.js +1 -1
- package/lib/components/flyout/flyout_body.styles.js +1 -4
- package/lib/components/flyout/flyout_menu.js +7 -17
- package/lib/components/flyout/manager/flyout_child.js +1 -1
- package/lib/components/form/field_number/field_number.js +2 -2
- package/lib/components/form/field_text/field_text.js +2 -2
- package/lib/components/form/form_control_button/form_control_button.js +1 -1
- package/lib/components/form/form_control_layout/append_prepend/form_append_prepend.js +2 -2
- package/lib/components/form/form_control_layout/form_control_layout.js +2 -2
- package/lib/components/form/form_control_layout/form_control_layout_custom_icon.js +1 -1
- package/lib/components/form/text_area/text_area.js +2 -2
- package/lib/components/header/header_links/header_link.js +1 -1
- package/lib/components/header/header_links/header_links.js +1 -1
- package/lib/components/header/header_logo/header_logo.js +1 -1
- package/lib/components/header/header_section/header_section_item_button.js +1 -1
- package/lib/components/icon/assets/add_to_chat.js +50 -0
- package/lib/components/icon/assets/logo_vector_db.js +49 -0
- package/lib/components/icon/icon.js +1 -1
- package/lib/components/icon/icon.styles.js +3 -2
- package/lib/components/icon/icon_map.js +10 -0
- package/lib/components/icon/svgs/add_to_chat.svg +6 -0
- package/lib/components/icon/svgs/logo_vector_db.svg +5 -0
- package/lib/components/illustration/illustration.js +91 -0
- package/lib/components/illustration/illustration.styles.js +22 -0
- package/lib/components/illustration/index.js +12 -0
- package/lib/components/index.js +11 -0
- package/lib/components/key_pad_menu/key_pad_menu_item.js +1 -1
- package/lib/components/list_group/list_group.js +2 -2
- package/lib/components/list_group/list_group_item.js +2 -2
- package/lib/components/list_group/list_group_item_extra_action.js +1 -1
- package/lib/components/list_group/pinnable_list_group/pinnable_list_group.js +4 -4
- package/lib/components/loading/loading_logo.js +1 -1
- package/lib/components/markdown_editor/markdown_editor.js +1 -1
- package/lib/components/markdown_editor/markdown_editor_drop_zone.js +1 -1
- package/lib/components/markdown_editor/markdown_editor_footer.js +1 -1
- package/lib/components/markdown_editor/markdown_editor_toolbar.js +1 -1
- package/lib/components/page/page_header/page_header_content.js +1 -1
- package/lib/components/pagination/pagination_button.js +1 -1
- package/lib/components/popover/with_popover.js +22 -0
- package/lib/components/search_bar/search_bar.js +193 -380
- package/lib/components/search_bar/search_filters.js +10 -3
- package/lib/components/selectable/selectable_list/selectable_list.js +8 -1
- package/lib/components/selectable/selectable_list/selectable_list_item.js +1 -1
- package/lib/components/selectable/selectable_templates/selectable_template_sitewide.js +1 -1
- package/lib/components/table/table_header_cell.js +1 -1
- package/lib/components/timeline/timeline_item_icon.js +1 -1
- package/lib/components/toast/global_toast_list.js +2 -2
- package/lib/components/toast/toast.js +2 -2
- package/lib/components/toast/toast.styles.js +2 -2
- package/lib/components/tool_tip/icon_tip.js +1 -1
- package/lib/components/tool_tip/with_tooltip.js +21 -0
- package/optimize/es/components/call_out/call_out.js +123 -28
- package/optimize/es/components/call_out/call_out.styles.js +36 -43
- package/optimize/es/components/call_out/call_out_action.js +44 -0
- package/optimize/es/components/call_out/types.js +11 -0
- package/optimize/es/components/call_out/use_layout_observer.js +49 -0
- package/optimize/es/components/flyout/flyout.component.js +12 -7
- package/optimize/es/components/flyout/flyout.styles.js +1 -1
- package/optimize/es/components/flyout/flyout_body.styles.js +1 -4
- package/optimize/es/components/flyout/flyout_menu.js +5 -15
- package/optimize/es/components/icon/assets/add_to_chat.js +42 -0
- package/optimize/es/components/icon/assets/logo_vector_db.js +41 -0
- package/optimize/es/components/icon/icon.styles.js +3 -2
- package/optimize/es/components/icon/icon_map.js +6 -0
- package/optimize/es/components/illustration/illustration.js +57 -0
- package/optimize/es/components/illustration/illustration.styles.js +16 -0
- package/optimize/es/components/illustration/index.js +9 -0
- package/optimize/es/components/index.js +1 -0
- package/optimize/es/components/popover/with_popover.js +17 -0
- package/optimize/es/components/search_bar/search_bar.js +184 -193
- package/optimize/es/components/search_bar/search_filters.js +5 -2
- package/optimize/es/components/selectable/selectable_list/selectable_list.js +7 -0
- package/optimize/es/components/toast/toast.styles.js +2 -2
- package/optimize/es/components/tool_tip/with_tooltip.js +14 -0
- package/optimize/lib/components/call_out/call_out.js +123 -28
- package/optimize/lib/components/call_out/call_out.styles.js +37 -42
- package/optimize/lib/components/call_out/call_out_action.js +50 -0
- package/optimize/lib/components/call_out/types.js +17 -0
- package/optimize/lib/components/call_out/use_layout_observer.js +56 -0
- package/optimize/lib/components/flyout/flyout.component.js +11 -6
- package/optimize/lib/components/flyout/flyout.styles.js +1 -1
- package/optimize/lib/components/flyout/flyout_body.styles.js +1 -4
- package/optimize/lib/components/flyout/flyout_menu.js +5 -15
- package/optimize/lib/components/icon/assets/add_to_chat.js +50 -0
- package/optimize/lib/components/icon/assets/logo_vector_db.js +49 -0
- package/optimize/lib/components/icon/icon.styles.js +3 -2
- package/optimize/lib/components/icon/icon_map.js +10 -0
- package/optimize/lib/components/icon/svgs/add_to_chat.svg +6 -0
- package/optimize/lib/components/icon/svgs/logo_vector_db.svg +5 -0
- package/optimize/lib/components/illustration/illustration.js +62 -0
- package/optimize/lib/components/illustration/illustration.styles.js +22 -0
- package/optimize/lib/components/illustration/index.js +12 -0
- package/optimize/lib/components/index.js +11 -0
- package/optimize/lib/components/popover/with_popover.js +24 -0
- package/optimize/lib/components/search_bar/search_bar.js +192 -200
- package/optimize/lib/components/search_bar/search_filters.js +5 -2
- package/optimize/lib/components/selectable/selectable_list/selectable_list.js +7 -0
- package/optimize/lib/components/toast/toast.styles.js +2 -2
- package/optimize/lib/components/tool_tip/with_tooltip.js +21 -0
- package/package.json +8 -7
- package/test-env/components/avatar/avatar.js +1 -1
- package/test-env/components/badge/badge.js +1 -1
- package/test-env/components/badge/beta_badge/beta_badge.js +1 -1
- package/test-env/components/basic_table/basic_table.js +4 -4
- package/test-env/components/basic_table/in_memory_table.js +13 -4
- package/test-env/components/button/button_display/_button_display_content.js +1 -1
- package/test-env/components/button/button_empty/button_empty.js +1 -1
- package/test-env/components/button/button_icon/button_icon.js +1 -1
- package/test-env/components/call_out/call_out.js +230 -30
- package/test-env/components/call_out/call_out.styles.js +37 -42
- package/test-env/components/call_out/call_out_action.js +50 -0
- package/test-env/components/call_out/types.js +17 -0
- package/test-env/components/call_out/use_layout_observer.js +56 -0
- package/test-env/components/card/card.js +1 -1
- package/test-env/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +1 -1
- package/test-env/components/collapsible_nav_beta/_kibana_solution/collapsible_nav_kibana_solution.js +1 -1
- package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_button.js +1 -1
- package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_item.js +2 -2
- package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_popover.js +2 -2
- package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.js +4 -4
- package/test-env/components/comment_list/comment.js +2 -2
- package/test-env/components/comment_list/comment_event.js +1 -1
- package/test-env/components/comment_list/comment_list.js +2 -2
- package/test-env/components/comment_list/comment_timeline.js +1 -1
- package/test-env/components/context_menu/context_menu_item.js +1 -1
- package/test-env/components/datagrid/body/cell/data_grid_cell.js +12 -12
- package/test-env/components/datagrid/body/data_grid_body.js +7 -7
- package/test-env/components/datagrid/body/data_grid_body_custom.js +7 -7
- package/test-env/components/datagrid/body/data_grid_body_virtualized.js +7 -7
- package/test-env/components/datagrid/body/header/data_grid_header_cell.js +6 -6
- package/test-env/components/datagrid/controls/column_sorting.js +7 -7
- package/test-env/components/datagrid/controls/column_sorting_draggable.js +1 -1
- package/test-env/components/datagrid/controls/data_grid_toolbar_control.js +1 -20
- package/test-env/components/datagrid/utils/in_memory.js +6 -6
- package/test-env/components/date_picker/date_picker.js +2 -2
- package/test-env/components/date_picker/date_picker_range.js +1 -1
- package/test-env/components/empty_prompt/empty_prompt.js +1 -1
- package/test-env/components/flyout/flyout.component.js +11 -6
- package/test-env/components/flyout/flyout.styles.js +1 -1
- package/test-env/components/flyout/flyout_body.styles.js +1 -4
- package/test-env/components/flyout/flyout_menu.js +7 -17
- package/test-env/components/flyout/manager/flyout_child.js +1 -1
- package/test-env/components/form/field_number/field_number.js +2 -2
- package/test-env/components/form/field_text/field_text.js +2 -2
- package/test-env/components/form/form_control_button/form_control_button.js +1 -1
- package/test-env/components/form/form_control_layout/append_prepend/form_append_prepend.js +2 -2
- package/test-env/components/form/form_control_layout/form_control_layout.js +2 -2
- package/test-env/components/form/form_control_layout/form_control_layout_custom_icon.js +1 -1
- package/test-env/components/form/text_area/text_area.js +2 -2
- package/test-env/components/header/header_links/header_link.js +1 -1
- package/test-env/components/header/header_links/header_links.js +1 -1
- package/test-env/components/header/header_logo/header_logo.js +1 -1
- package/test-env/components/header/header_section/header_section_item_button.js +1 -1
- package/test-env/components/icon/assets/add_to_chat.js +50 -0
- package/test-env/components/icon/assets/logo_vector_db.js +49 -0
- package/test-env/components/icon/icon.styles.js +3 -2
- package/test-env/components/icon/icon_map.js +10 -0
- package/test-env/components/illustration/illustration.js +90 -0
- package/test-env/components/illustration/illustration.styles.js +22 -0
- package/test-env/components/illustration/index.js +12 -0
- package/test-env/components/index.js +11 -0
- package/test-env/components/key_pad_menu/key_pad_menu_item.js +1 -1
- package/test-env/components/list_group/list_group.js +2 -2
- package/test-env/components/list_group/list_group_item.js +2 -2
- package/test-env/components/list_group/list_group_item_extra_action.js +1 -1
- package/test-env/components/list_group/pinnable_list_group/pinnable_list_group.js +4 -4
- package/test-env/components/loading/loading_logo.js +1 -1
- package/test-env/components/markdown_editor/markdown_editor.js +1 -1
- package/test-env/components/markdown_editor/markdown_editor_drop_zone.js +1 -1
- package/test-env/components/markdown_editor/markdown_editor_footer.js +1 -1
- package/test-env/components/markdown_editor/markdown_editor_toolbar.js +1 -1
- package/test-env/components/page/page_header/page_header_content.js +1 -1
- package/test-env/components/pagination/pagination_button.js +1 -1
- package/test-env/components/popover/with_popover.js +24 -0
- package/test-env/components/search_bar/search_bar.js +192 -379
- package/test-env/components/search_bar/search_filters.js +10 -3
- package/test-env/components/selectable/selectable_list/selectable_list.js +8 -1
- package/test-env/components/selectable/selectable_list/selectable_list_item.js +1 -1
- package/test-env/components/selectable/selectable_templates/selectable_template_sitewide.js +1 -1
- package/test-env/components/table/table_header_cell.js +1 -1
- package/test-env/components/timeline/timeline_item_icon.js +1 -1
- package/test-env/components/toast/global_toast_list.js +2 -2
- package/test-env/components/toast/toast.js +2 -2
- package/test-env/components/toast/toast.styles.js +2 -2
- package/test-env/components/tool_tip/icon_tip.js +1 -1
- package/test-env/components/tool_tip/with_tooltip.js +21 -0
package/eui.d.ts
CHANGED
|
@@ -2971,6 +2971,17 @@ declare module '@elastic/eui/src/components/icon/assets/app_add_data' {
|
|
|
2971
2971
|
export const icon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => React.JSX.Element;
|
|
2972
2972
|
export {};
|
|
2973
2973
|
|
|
2974
|
+
}
|
|
2975
|
+
declare module '@elastic/eui/src/components/icon/assets/add_to_chat' {
|
|
2976
|
+
import * as React from 'react';
|
|
2977
|
+
import type { SVGProps } from 'react';
|
|
2978
|
+
interface SVGRProps {
|
|
2979
|
+
title?: string;
|
|
2980
|
+
titleId?: string;
|
|
2981
|
+
}
|
|
2982
|
+
export const icon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => React.JSX.Element;
|
|
2983
|
+
export {};
|
|
2984
|
+
|
|
2974
2985
|
}
|
|
2975
2986
|
declare module '@elastic/eui/src/components/icon/assets/add_to_dashboard' {
|
|
2976
2987
|
import * as React from 'react';
|
|
@@ -6370,6 +6381,17 @@ declare module '@elastic/eui/src/components/icon/assets/logo_uptime' {
|
|
|
6370
6381
|
export const icon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => React.JSX.Element;
|
|
6371
6382
|
export {};
|
|
6372
6383
|
|
|
6384
|
+
}
|
|
6385
|
+
declare module '@elastic/eui/src/components/icon/assets/logo_vector_db' {
|
|
6386
|
+
import * as React from 'react';
|
|
6387
|
+
import type { SVGProps } from 'react';
|
|
6388
|
+
interface SVGRProps {
|
|
6389
|
+
title?: string;
|
|
6390
|
+
titleId?: string;
|
|
6391
|
+
}
|
|
6392
|
+
export const icon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => React.JSX.Element;
|
|
6393
|
+
export {};
|
|
6394
|
+
|
|
6373
6395
|
}
|
|
6374
6396
|
declare module '@elastic/eui/src/components/icon/assets/logo_vulnerability_management' {
|
|
6375
6397
|
import * as React from 'react';
|
|
@@ -8894,6 +8916,7 @@ declare module '@elastic/eui/src/components/icon/icon_map' {
|
|
|
8894
8916
|
export const typeToPathMap: {
|
|
8895
8917
|
accessibility: () => Promise<typeof import ("@elastic/eui/src/components/icon/assets/accessibility")>;
|
|
8896
8918
|
addDataApp: () => Promise<typeof import ("@elastic/eui/src/components/icon/assets/app_add_data")>;
|
|
8919
|
+
addToChat: () => Promise<typeof import ("@elastic/eui/src/components/icon/assets/add_to_chat")>;
|
|
8897
8920
|
addToDashboard: () => Promise<typeof import ("@elastic/eui/src/components/icon/assets/add_to_dashboard")>;
|
|
8898
8921
|
advancedSettingsApp: () => Promise<typeof import ("@elastic/eui/src/components/icon/assets/app_advanced_settings")>;
|
|
8899
8922
|
agentApp: () => Promise<typeof import ("@elastic/eui/src/components/icon/assets/app_fleet")>;
|
|
@@ -9280,6 +9303,7 @@ declare module '@elastic/eui/src/components/icon/icon_map' {
|
|
|
9280
9303
|
logoSketch: () => Promise<typeof import ("@elastic/eui/src/components/icon/assets/logo_sketch")>;
|
|
9281
9304
|
logoSlack: () => Promise<typeof import ("@elastic/eui/src/components/icon/assets/logo_slack")>;
|
|
9282
9305
|
logoUptime: () => Promise<typeof import ("@elastic/eui/src/components/icon/assets/logo_uptime")>;
|
|
9306
|
+
logoVectorDB: () => Promise<typeof import ("@elastic/eui/src/components/icon/assets/logo_vector_db")>;
|
|
9283
9307
|
logoVulnerabilityManagement: () => Promise<typeof import ("@elastic/eui/src/components/icon/assets/logo_vulnerability_management")>;
|
|
9284
9308
|
logoWebhook: () => Promise<typeof import ("@elastic/eui/src/components/icon/assets/logo_webhook")>;
|
|
9285
9309
|
logoWindows: () => Promise<typeof import ("@elastic/eui/src/components/icon/assets/logo_windows")>;
|
|
@@ -9586,7 +9610,7 @@ declare module '@elastic/eui/src/components/icon/named_colors' {
|
|
|
9586
9610
|
declare module '@elastic/eui/src/components/icon/icon.styles' {
|
|
9587
9611
|
import { UseEuiTheme } from '@elastic/eui/src/services';
|
|
9588
9612
|
export const iconLoadingOpacity = 0.05;
|
|
9589
|
-
export const euiIconStyles: ({ euiTheme }: UseEuiTheme) => {
|
|
9613
|
+
export const euiIconStyles: ({ euiTheme, colorMode }: UseEuiTheme) => {
|
|
9590
9614
|
euiIcon: import("@emotion/react").SerializedStyles;
|
|
9591
9615
|
primary: import("@emotion/react").SerializedStyles;
|
|
9592
9616
|
accent: import("@emotion/react").SerializedStyles;
|
|
@@ -9623,7 +9647,7 @@ declare module '@elastic/eui/src/components/icon/icon' {
|
|
|
9623
9647
|
import { WithEuiStylesMemoizerProps } from '@elastic/eui/src/services';
|
|
9624
9648
|
export { COLORS } from '@elastic/eui/src/components/icon/named_colors';
|
|
9625
9649
|
import { NamedColor } from '@elastic/eui/src/components/icon/named_colors';
|
|
9626
|
-
export const TYPES: ("string" | "number" | "function" | "article" | "code" | "link" | "map" | "menu" | "search" | "section" | "table" | "filter" | "image" | "pattern" | "stop" | "text" | "at" | "key" | "error" | "warning" | "textHeading" | "scale" | "color" | "refresh" | "push" | "copy" | "cut" | "drag" | "pause" | "play" | "offline" | "online" | "storage" | "temperature" | "display" | "lineBreak" | "wordWrap" | "grid" | "empty" | "invert" | "ellipsis" | "crosshair" | "grab" | "help" | "move" | "spaces" | "dot" | "alert" | "document" | "list" | "presentation" | "email" | "annotation" | "mapping" | "container" | "logoElastic" | "accessibility" | "addDataApp" | "addToDashboard" | "advancedSettingsApp" | "agentApp" | "aggregate" | "alignBottom" | "alignBottomLeft" | "alignBottomRight" | "alignCenterHorizontal" | "alignCenterVertical" | "alignLeft" | "alignRight" | "alignTop" | "alignTopLeft" | "alignTopRight" | "analyzeEvent" | "anomalyChart" | "chartAnomaly" | "anomalySwimLane" | "apmApp" | "apmTrace" | "chartWaterfall" | "appSearchApp" | "apps" | "arrowDown" | "chevronSingleDown" | "arrowLeft" | "chevronSingleLeft" | "arrowRight" | "chevronSingleRight" | "arrowUp" | "chevronSingleUp" | "arrowStart" | "chevronLimitLeft" | "arrowEnd" | "chevronLimitRight" | "asterisk" | "archive" | "axisX" | "axisYLeft" | "axisYRight" | "auditbeatApp" | "backgroundTask" | "beaker" | "bell" | "bellSlash" | "beta" | "bolt" | "boxesHorizontal" | "boxesVertical" | "branch" | "briefcase" | "branchUser" | "broom" | "brush" | "bug" | "bulb" | "bullseye" | "calendar" | "canvasApp" | "casesApp" | "changePointDetection" | "chartChangePoint" | "chartArea" | "chartAreaStack" | "chartBarHorizontal" | "chartBarHorizontalStack" | "chartBarVertical" | "chartBarVerticalStack" | "chartGauge" | "chartHeatmap" | "chartLine" | "chartPie" | "chartTagCloud" | "chartThreshold" | "check" | "checkCircle" | "checkInCircleFilled" | "checkCircleFill" | "cheer" | "popper" | "classificationJob" | "clickLeft" | "clickRight" | "clock" | "clockCounter" | "clockControl" | "cloud" | "cloudDrizzle" | "cloudStormy" | "cloudSunny" | "cluster" | "codeApp" | "paintBucket" | "commandLine" | "comment" | "compare" | "compute" | "processor" | "console" | "consoleApp" | "continuityAbove" | "continuityAboveBelow" | "continuityBelow" | "continuityWithin" | "contrast" | "contrastHigh" | "contrastFill" | "controls" | "controlsHorizontal" | "controlsVertical" | "copyClipboard" | "crossProjectSearch" | "createAdvancedJob" | "createGenericJob" | "createGeoJob" | "createMultiMetricJob" | "createPopulationJob" | "createSingleMetricJob" | "cross" | "crossClusterReplicationApp" | "crossInCircle" | "crossCircle" | "crosshairs" | "currency" | "money" | "scissors" | "dashboardApp" | "dashedCircle" | "dataVisualizer" | "database" | "desktop" | "devToolsApp" | "diff" | "discoverApp" | "distributeHorizontal" | "distributeVertical" | "download" | "dragHorizontal" | "dragVertical" | "discuss" | "documentEdit" | "documentation" | "documents" | "dotInCircle" | "doubleArrowLeft" | "chevronDoubleLeft" | "doubleArrowRight" | "chevronDoubleRight" | "editorAlignCenter" | "textAlignCenter" | "editorAlignLeft" | "textAlignLeft" | "editorAlignRight" | "textAlignRight" | "editorBold" | "textBold" | "editorChecklist" | "listCheck" | "editorCodeBlock" | "editorComment" | "editorDistributeHorizontal" | "editorDistributeVertical" | "editorHeading" | "editorItalic" | "textItalic" | "editorItemAlignBottom" | "editorItemAlignCenter" | "editorItemAlignLeft" | "editorItemAlignMiddle" | "editorItemAlignRight" | "editorItemAlignTop" | "editorLink" | "editorOrderedList" | "listNumber" | "editorPositionBottomLeft" | "editorPositionBottomRight" | "editorPositionTopLeft" | "editorPositionTopRight" | "editorRedo" | "redo" | "editorStrike" | "textStrike" | "editorTable" | "editorUnderline" | "textUnderline" | "editorUndo" | "undo" | "editorUnorderedList" | "listBullet" | "mail" | "emsApp" | "endpoint" | "eql" | "query" | "eraser" | "errorFilled" | "errorFill" | "esqlVis" | "exit" | "logOut" | "expand" | "maximize" | "expandMini" | "export" | "exportAction" | "upload" | "external" | "eye" | "eyeClosed" | "eyeSlash" | "faceHappy" | "faceNeutral" | "faceSad" | "fieldStatistics" | "tableInfo" | "filebeatApp" | "filterExclude" | "filterIgnore" | "filterInclude" | "filterInCircle" | "flask" | "flag" | "fleetApp" | "fold" | "folder" | "folderClosed" | "folderClose" | "folderCheck" | "folderExclamation" | "folderOpen" | "folderOpened" | "frameNext" | "framePrevious" | "fullScreen" | "fullScreenExit" | "gear" | "gisApp" | "glasses" | "globe" | "grabHorizontal" | "grabOmnidirectional" | "gradient" | "graphApp" | "grokApp" | "heart" | "heartbeatApp" | "heatmap" | "home" | "hourglass" | "if" | "info" | "importAction" | "index" | "indexClose" | "indexEdit" | "indexFlush" | "indexManagementApp" | "indexMapping" | "indexOpen" | "indexPatternApp" | "indexRollupApp" | "indexRuntime" | "indexSettings" | "indexTemporary" | "tableTime" | "infinity" | "inputOutput" | "inspect" | "ip" | "keyboard" | "kqlField" | "queryField" | "kqlFunction" | "kqlOperand" | "queryOperand" | "kqlSelector" | "querySelector" | "kqlValue" | "queryValue" | "kubernetesNode" | "kubernetesPod" | "launch" | "rocket" | "layers" | "lensApp" | "lettering" | "lineBreakSlash" | "lineDash" | "lineDashed" | "lineDot" | "lineDotted" | "lineSolid" | "linkSlash" | "listAdd" | "lock" | "lockOpen" | "logPatternAnalysis" | "logRateAnalysis" | "logoAWS" | "logoAWSMono" | "logoAerospike" | "logoApache" | "logoAppSearch" | "logoAzure" | "logoAzureMono" | "logoBeats" | "logoBusinessAnalytics" | "logoCeph" | "logoCloud" | "logoCloudEnterprise" | "logoCode" | "logoCodesandbox" | "logoCouchbase" | "logoDocker" | "logoDropwizard" | "logoElasticStack" | "logoElasticsearch" | "logoEnterpriseSearch" | "logoEtcd" | "logoGCP" | "logoGCPMono" | "logoGithub" | "logoGmail" | "logoGolang" | "logoGoogleG" | "logoHAproxy" | "logoIBM" | "logoIBMMono" | "logoKafka" | "logoKibana" | "logoKubernetes" | "logoLogging" | "logoLogstash" | "logoMaps" | "logoMemcached" | "logoMetrics" | "logoMongodb" | "logoMySQL" | "logoNginx" | "logoObservability" | "logoOsquery" | "logoPhp" | "logoPostgres" | "logoPrometheus" | "logoRabbitmq" | "logoRedis" | "logoSecurity" | "logoSiteSearch" | "logoSketch" | "logoSlack" | "logoUptime" | "logoVulnerabilityManagement" | "logoWebhook" | "logoWindows" | "logoWorkplaceSearch" | "logsApp" | "logstashFilter" | "logstashIf" | "logstashInput" | "logstashOutput" | "logstashQueue" | "queue" | "machineLearningApp" | "magnet" | "magnify" | "magnifyExclamation" | "magnifyMinus" | "magnifyPlus" | "magnifyWithExclamation" | "magnifyWithMinus" | "magnifyWithPlus" | "managementApp" | "mapMarker" | "waypoint" | "megaphone" | "memory" | "menuDown" | "menuLeft" | "menuRight" | "menuUp" | "merge" | "metricbeatApp" | "metricsApp" | "minimize" | "minus" | "minusCircle" | "minusInCircle" | "minusInCircleFilled" | "minusInSquare" | "minusSquare" | "mobile" | "monitoringApp" | "moon" | "namespace" | "nested" | "newChat" | "node" | "vectorTriangle" | "notebookApp" | "wifiSlash" | "wifi" | "outlierDetectionJob" | "package" | "packetbeatApp" | "pageSelect" | "pagesSelect" | "palette" | "paperClip" | "partial" | "payment" | "pencil" | "percent" | "pin" | "pinFill" | "pinFilled" | "pipeBreaks" | "pipelineApp" | "pipeNoBreaks" | "pivot" | "playFilled" | "plugs" | "plus" | "plusCircle" | "plusInCircle" | "plusInCircleFilled" | "plusInSquare" | "plusSquare" | "popout" | "productRobot" | "productAgent" | "productCloudInfra" | "productDashboard" | "productDiscover" | "productML" | "productStreamsClassic" | "productStreamsWired" | "send" | "question" | "quote" | "radar" | "readOnly" | "recentlyViewedApp" | "regressionJob" | "reporter" | "reportingApp" | "return" | "returnKey" | "save" | "savedObjectsApp" | "searchProfilerApp" | "securityAnalyticsApp" | "securityApp" | "securitySignal" | "securitySignalDetected" | "securitySignalResolved" | "server" | "sessionViewer" | "shard" | "share" | "significantEvents" | "singleMetricViewer" | "snowflake" | "sortAscending" | "sortDescending" | "sortDown" | "sortLeft" | "sortRight" | "sortUp" | "sortable" | "spacesApp" | "sparkles" | "sqlApp" | "star" | "starEmpty" | "starEmptySpace" | "starFill" | "starFilled" | "starFillSpace" | "starFilledSpace" | "starMinusEmpty" | "starMinusFill" | "starMinusFilled" | "starPlusEmpty" | "starPlusFill" | "starPlusFilled" | "stats" | "stopFill" | "stopFilled" | "stopSlash" | "streamsClassic" | "streamsWired" | "submodule" | "sun" | "swatchInput" | "symlink" | "tableDensityCompact" | "tableDensityHigh" | "tableDensityExpanded" | "tableDensityLow" | "tableDensityNormal" | "tableOfContents" | "tag" | "tear" | "thermometer" | "thumbDown" | "thumbUp" | "timeline" | "timelineWithArrow" | "timelionApp" | "timeRefresh" | "refreshTime" | "timeslider" | "training" | "transitionBottomIn" | "transitionBottomOut" | "transitionLeftIn" | "transitionLeftOut" | "transitionTopIn" | "transitionTopOut" | "trash" | "unfold" | "unlink" | "upgradeAssistantApp" | "uptimeApp" | "user" | "userAvatar" | "users" | "usersRolesApp" | "unarchive" | "vector" | "vectorSquare" | "videoPlayer" | "visArea" | "visAreaStacked" | "visBarHorizontal" | "visBarHorizontalStacked" | "visBarVertical" | "visBarVerticalStacked" | "visGauge" | "visGoal" | "visLine" | "visMapCoordinate" | "visMapRegion" | "visMetric" | "chartMetric" | "visPie" | "visTable" | "visTagCloud" | "visText" | "visTimelion" | "visVega" | "visVisualBuilder" | "visualizeApp" | "vulnerabilityManagementApp" | "warningFilled" | "warningFill" | "watchesApp" | "web" | "wordWrapDisabled" | "workflowsApp" | "workflow" | "workplaceSearchApp" | "wrench" | "tokenAlias" | "tokenAnnotation" | "tokenArray" | "tokenBinary" | "tokenBoolean" | "tokenClass" | "tokenCompletionSuggester" | "tokenConstant" | "tokenDate" | "tokenDimension" | "tokenElement" | "tokenEnum" | "tokenEnumMember" | "tokenEvent" | "tokenException" | "tokenField" | "tokenFile" | "tokenFlattened" | "tokenFunction" | "tokenGeo" | "tokenHistogram" | "tokenInterface" | "tokenIP" | "tokenJoin" | "tokenKey" | "tokenKeyword" | "tokenMethod" | "tokenMetricCounter" | "tokenMetricGauge" | "tokenModule" | "tokenNamespace" | "tokenNested" | "tokenNull" | "tokenNumber" | "tokenObject" | "tokenOperator" | "tokenPackage" | "tokenParameter" | "tokenPercolator" | "tokenProperty" | "tokenRange" | "tokenRankFeature" | "tokenRankFeatures" | "tokenRepo" | "tokenSearchType" | "tokenSemanticText" | "tokenShape" | "tokenString" | "tokenStruct" | "tokenSymbol" | "tokenTag" | "tokenText" | "tokenTokenCount" | "tokenVariable" | "tokenVectorDense" | "tokenDenseVector" | "tokenVectorSparse")[];
|
|
9650
|
+
export const TYPES: ("string" | "number" | "function" | "article" | "code" | "link" | "map" | "menu" | "search" | "section" | "table" | "filter" | "image" | "pattern" | "stop" | "text" | "at" | "key" | "error" | "warning" | "textHeading" | "scale" | "color" | "refresh" | "push" | "copy" | "cut" | "drag" | "pause" | "play" | "offline" | "online" | "storage" | "temperature" | "display" | "lineBreak" | "wordWrap" | "grid" | "empty" | "invert" | "ellipsis" | "crosshair" | "grab" | "help" | "move" | "spaces" | "dot" | "alert" | "document" | "list" | "presentation" | "email" | "annotation" | "mapping" | "container" | "logoElastic" | "logoVectorDB" | "accessibility" | "addDataApp" | "addToChat" | "addToDashboard" | "advancedSettingsApp" | "agentApp" | "aggregate" | "alignBottom" | "alignBottomLeft" | "alignBottomRight" | "alignCenterHorizontal" | "alignCenterVertical" | "alignLeft" | "alignRight" | "alignTop" | "alignTopLeft" | "alignTopRight" | "analyzeEvent" | "anomalyChart" | "chartAnomaly" | "anomalySwimLane" | "apmApp" | "apmTrace" | "chartWaterfall" | "appSearchApp" | "apps" | "arrowDown" | "chevronSingleDown" | "arrowLeft" | "chevronSingleLeft" | "arrowRight" | "chevronSingleRight" | "arrowUp" | "chevronSingleUp" | "arrowStart" | "chevronLimitLeft" | "arrowEnd" | "chevronLimitRight" | "asterisk" | "archive" | "axisX" | "axisYLeft" | "axisYRight" | "auditbeatApp" | "backgroundTask" | "beaker" | "bell" | "bellSlash" | "beta" | "bolt" | "boxesHorizontal" | "boxesVertical" | "branch" | "briefcase" | "branchUser" | "broom" | "brush" | "bug" | "bulb" | "bullseye" | "calendar" | "canvasApp" | "casesApp" | "changePointDetection" | "chartChangePoint" | "chartArea" | "chartAreaStack" | "chartBarHorizontal" | "chartBarHorizontalStack" | "chartBarVertical" | "chartBarVerticalStack" | "chartGauge" | "chartHeatmap" | "chartLine" | "chartPie" | "chartTagCloud" | "chartThreshold" | "check" | "checkCircle" | "checkInCircleFilled" | "checkCircleFill" | "cheer" | "popper" | "classificationJob" | "clickLeft" | "clickRight" | "clock" | "clockCounter" | "clockControl" | "cloud" | "cloudDrizzle" | "cloudStormy" | "cloudSunny" | "cluster" | "codeApp" | "paintBucket" | "commandLine" | "comment" | "compare" | "compute" | "processor" | "console" | "consoleApp" | "continuityAbove" | "continuityAboveBelow" | "continuityBelow" | "continuityWithin" | "contrast" | "contrastHigh" | "contrastFill" | "controls" | "controlsHorizontal" | "controlsVertical" | "copyClipboard" | "crossProjectSearch" | "createAdvancedJob" | "createGenericJob" | "createGeoJob" | "createMultiMetricJob" | "createPopulationJob" | "createSingleMetricJob" | "cross" | "crossClusterReplicationApp" | "crossInCircle" | "crossCircle" | "crosshairs" | "currency" | "money" | "scissors" | "dashboardApp" | "dashedCircle" | "dataVisualizer" | "database" | "desktop" | "devToolsApp" | "diff" | "discoverApp" | "distributeHorizontal" | "distributeVertical" | "download" | "dragHorizontal" | "dragVertical" | "discuss" | "documentEdit" | "documentation" | "documents" | "dotInCircle" | "doubleArrowLeft" | "chevronDoubleLeft" | "doubleArrowRight" | "chevronDoubleRight" | "editorAlignCenter" | "textAlignCenter" | "editorAlignLeft" | "textAlignLeft" | "editorAlignRight" | "textAlignRight" | "editorBold" | "textBold" | "editorChecklist" | "listCheck" | "editorCodeBlock" | "editorComment" | "editorDistributeHorizontal" | "editorDistributeVertical" | "editorHeading" | "editorItalic" | "textItalic" | "editorItemAlignBottom" | "editorItemAlignCenter" | "editorItemAlignLeft" | "editorItemAlignMiddle" | "editorItemAlignRight" | "editorItemAlignTop" | "editorLink" | "editorOrderedList" | "listNumber" | "editorPositionBottomLeft" | "editorPositionBottomRight" | "editorPositionTopLeft" | "editorPositionTopRight" | "editorRedo" | "redo" | "editorStrike" | "textStrike" | "editorTable" | "editorUnderline" | "textUnderline" | "editorUndo" | "undo" | "editorUnorderedList" | "listBullet" | "mail" | "emsApp" | "endpoint" | "eql" | "query" | "eraser" | "errorFilled" | "errorFill" | "esqlVis" | "exit" | "logOut" | "expand" | "maximize" | "expandMini" | "export" | "exportAction" | "upload" | "external" | "eye" | "eyeClosed" | "eyeSlash" | "faceHappy" | "faceNeutral" | "faceSad" | "fieldStatistics" | "tableInfo" | "filebeatApp" | "filterExclude" | "filterIgnore" | "filterInclude" | "filterInCircle" | "flask" | "flag" | "fleetApp" | "fold" | "folder" | "folderClosed" | "folderClose" | "folderCheck" | "folderExclamation" | "folderOpen" | "folderOpened" | "frameNext" | "framePrevious" | "fullScreen" | "fullScreenExit" | "gear" | "gisApp" | "glasses" | "globe" | "grabHorizontal" | "grabOmnidirectional" | "gradient" | "graphApp" | "grokApp" | "heart" | "heartbeatApp" | "heatmap" | "home" | "hourglass" | "if" | "info" | "importAction" | "index" | "indexClose" | "indexEdit" | "indexFlush" | "indexManagementApp" | "indexMapping" | "indexOpen" | "indexPatternApp" | "indexRollupApp" | "indexRuntime" | "indexSettings" | "indexTemporary" | "tableTime" | "infinity" | "inputOutput" | "inspect" | "ip" | "keyboard" | "kqlField" | "queryField" | "kqlFunction" | "kqlOperand" | "queryOperand" | "kqlSelector" | "querySelector" | "kqlValue" | "queryValue" | "kubernetesNode" | "kubernetesPod" | "launch" | "rocket" | "layers" | "lensApp" | "lettering" | "lineBreakSlash" | "lineDash" | "lineDashed" | "lineDot" | "lineDotted" | "lineSolid" | "linkSlash" | "listAdd" | "lock" | "lockOpen" | "logPatternAnalysis" | "logRateAnalysis" | "logoAWS" | "logoAWSMono" | "logoAerospike" | "logoApache" | "logoAppSearch" | "logoAzure" | "logoAzureMono" | "logoBeats" | "logoBusinessAnalytics" | "logoCeph" | "logoCloud" | "logoCloudEnterprise" | "logoCode" | "logoCodesandbox" | "logoCouchbase" | "logoDocker" | "logoDropwizard" | "logoElasticStack" | "logoElasticsearch" | "logoEnterpriseSearch" | "logoEtcd" | "logoGCP" | "logoGCPMono" | "logoGithub" | "logoGmail" | "logoGolang" | "logoGoogleG" | "logoHAproxy" | "logoIBM" | "logoIBMMono" | "logoKafka" | "logoKibana" | "logoKubernetes" | "logoLogging" | "logoLogstash" | "logoMaps" | "logoMemcached" | "logoMetrics" | "logoMongodb" | "logoMySQL" | "logoNginx" | "logoObservability" | "logoOsquery" | "logoPhp" | "logoPostgres" | "logoPrometheus" | "logoRabbitmq" | "logoRedis" | "logoSecurity" | "logoSiteSearch" | "logoSketch" | "logoSlack" | "logoUptime" | "logoVulnerabilityManagement" | "logoWebhook" | "logoWindows" | "logoWorkplaceSearch" | "logsApp" | "logstashFilter" | "logstashIf" | "logstashInput" | "logstashOutput" | "logstashQueue" | "queue" | "machineLearningApp" | "magnet" | "magnify" | "magnifyExclamation" | "magnifyMinus" | "magnifyPlus" | "magnifyWithExclamation" | "magnifyWithMinus" | "magnifyWithPlus" | "managementApp" | "mapMarker" | "waypoint" | "megaphone" | "memory" | "menuDown" | "menuLeft" | "menuRight" | "menuUp" | "merge" | "metricbeatApp" | "metricsApp" | "minimize" | "minus" | "minusCircle" | "minusInCircle" | "minusInCircleFilled" | "minusInSquare" | "minusSquare" | "mobile" | "monitoringApp" | "moon" | "namespace" | "nested" | "newChat" | "node" | "vectorTriangle" | "notebookApp" | "wifiSlash" | "wifi" | "outlierDetectionJob" | "package" | "packetbeatApp" | "pageSelect" | "pagesSelect" | "palette" | "paperClip" | "partial" | "payment" | "pencil" | "percent" | "pin" | "pinFill" | "pinFilled" | "pipeBreaks" | "pipelineApp" | "pipeNoBreaks" | "pivot" | "playFilled" | "plugs" | "plus" | "plusCircle" | "plusInCircle" | "plusInCircleFilled" | "plusInSquare" | "plusSquare" | "popout" | "productRobot" | "productAgent" | "productCloudInfra" | "productDashboard" | "productDiscover" | "productML" | "productStreamsClassic" | "productStreamsWired" | "send" | "question" | "quote" | "radar" | "readOnly" | "recentlyViewedApp" | "regressionJob" | "reporter" | "reportingApp" | "return" | "returnKey" | "save" | "savedObjectsApp" | "searchProfilerApp" | "securityAnalyticsApp" | "securityApp" | "securitySignal" | "securitySignalDetected" | "securitySignalResolved" | "server" | "sessionViewer" | "shard" | "share" | "significantEvents" | "singleMetricViewer" | "snowflake" | "sortAscending" | "sortDescending" | "sortDown" | "sortLeft" | "sortRight" | "sortUp" | "sortable" | "spacesApp" | "sparkles" | "sqlApp" | "star" | "starEmpty" | "starEmptySpace" | "starFill" | "starFilled" | "starFillSpace" | "starFilledSpace" | "starMinusEmpty" | "starMinusFill" | "starMinusFilled" | "starPlusEmpty" | "starPlusFill" | "starPlusFilled" | "stats" | "stopFill" | "stopFilled" | "stopSlash" | "streamsClassic" | "streamsWired" | "submodule" | "sun" | "swatchInput" | "symlink" | "tableDensityCompact" | "tableDensityHigh" | "tableDensityExpanded" | "tableDensityLow" | "tableDensityNormal" | "tableOfContents" | "tag" | "tear" | "thermometer" | "thumbDown" | "thumbUp" | "timeline" | "timelineWithArrow" | "timelionApp" | "timeRefresh" | "refreshTime" | "timeslider" | "training" | "transitionBottomIn" | "transitionBottomOut" | "transitionLeftIn" | "transitionLeftOut" | "transitionTopIn" | "transitionTopOut" | "trash" | "unfold" | "unlink" | "upgradeAssistantApp" | "uptimeApp" | "user" | "userAvatar" | "users" | "usersRolesApp" | "unarchive" | "vector" | "vectorSquare" | "videoPlayer" | "visArea" | "visAreaStacked" | "visBarHorizontal" | "visBarHorizontalStacked" | "visBarVertical" | "visBarVerticalStacked" | "visGauge" | "visGoal" | "visLine" | "visMapCoordinate" | "visMapRegion" | "visMetric" | "chartMetric" | "visPie" | "visTable" | "visTagCloud" | "visText" | "visTimelion" | "visVega" | "visVisualBuilder" | "visualizeApp" | "vulnerabilityManagementApp" | "warningFilled" | "warningFill" | "watchesApp" | "web" | "wordWrapDisabled" | "workflowsApp" | "workflow" | "workplaceSearchApp" | "wrench" | "tokenAlias" | "tokenAnnotation" | "tokenArray" | "tokenBinary" | "tokenBoolean" | "tokenClass" | "tokenCompletionSuggester" | "tokenConstant" | "tokenDate" | "tokenDimension" | "tokenElement" | "tokenEnum" | "tokenEnumMember" | "tokenEvent" | "tokenException" | "tokenField" | "tokenFile" | "tokenFlattened" | "tokenFunction" | "tokenGeo" | "tokenHistogram" | "tokenInterface" | "tokenIP" | "tokenJoin" | "tokenKey" | "tokenKeyword" | "tokenMethod" | "tokenMetricCounter" | "tokenMetricGauge" | "tokenModule" | "tokenNamespace" | "tokenNested" | "tokenNull" | "tokenNumber" | "tokenObject" | "tokenOperator" | "tokenPackage" | "tokenParameter" | "tokenPercolator" | "tokenProperty" | "tokenRange" | "tokenRankFeature" | "tokenRankFeatures" | "tokenRepo" | "tokenSearchType" | "tokenSemanticText" | "tokenShape" | "tokenString" | "tokenStruct" | "tokenSymbol" | "tokenTag" | "tokenText" | "tokenTokenCount" | "tokenVariable" | "tokenVectorDense" | "tokenDenseVector" | "tokenVectorSparse")[];
|
|
9627
9651
|
export type EuiIconType = keyof typeof typeToPathMap;
|
|
9628
9652
|
export type IconType = EuiIconType | string | ComponentType;
|
|
9629
9653
|
export type IconColor = string | NamedColor;
|
|
@@ -12759,30 +12783,487 @@ declare module '@elastic/eui/src/components/accessibility/live_announcer/live_an
|
|
|
12759
12783
|
declare module '@elastic/eui/src/components/accessibility/live_announcer' {
|
|
12760
12784
|
export * from '@elastic/eui/src/components/accessibility/live_announcer/live_announcer';
|
|
12761
12785
|
|
|
12786
|
+
}
|
|
12787
|
+
declare module '@elastic/eui/src/components/notification_icon/assets/info_fill' {
|
|
12788
|
+
import * as React from 'react';
|
|
12789
|
+
import type { SVGProps } from 'react';
|
|
12790
|
+
interface SVGRProps {
|
|
12791
|
+
title?: string;
|
|
12792
|
+
titleId?: string;
|
|
12793
|
+
}
|
|
12794
|
+
export const icon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => React.JSX.Element;
|
|
12795
|
+
export {};
|
|
12796
|
+
|
|
12797
|
+
}
|
|
12798
|
+
declare module '@elastic/eui/src/components/notification_icon/assets/warning_static' {
|
|
12799
|
+
import * as React from 'react';
|
|
12800
|
+
import type { SVGProps } from 'react';
|
|
12801
|
+
interface SVGRProps {
|
|
12802
|
+
title?: string;
|
|
12803
|
+
titleId?: string;
|
|
12804
|
+
}
|
|
12805
|
+
export const icon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => React.JSX.Element;
|
|
12806
|
+
export {};
|
|
12807
|
+
|
|
12808
|
+
}
|
|
12809
|
+
declare module '@elastic/eui/src/components/notification_icon/notification_icon.styles' {
|
|
12810
|
+
import { UseEuiTheme } from '@elastic/eui/src/services';
|
|
12811
|
+
export const euiNotificationIconStyles: ({ euiTheme }: UseEuiTheme) => {
|
|
12812
|
+
euiNotificationIcon: import("@emotion/react").SerializedStyles;
|
|
12813
|
+
size: {
|
|
12814
|
+
l: import("@emotion/react").SerializedStyles;
|
|
12815
|
+
};
|
|
12816
|
+
};
|
|
12817
|
+
|
|
12818
|
+
}
|
|
12819
|
+
declare module '@elastic/eui/src/components/notification_icon/notification_icon' {
|
|
12820
|
+
import { FunctionComponent } from 'react';
|
|
12821
|
+
import { CommonProps } from '@elastic/eui/src/components/common';
|
|
12822
|
+
import { IconType } from '@elastic/eui/src/components/icon/icon'; const TYPES: readonly ["info", "success", "warning", "error"];
|
|
12823
|
+
export type EuiNotificationIconType = (typeof TYPES)[number];
|
|
12824
|
+
export const NOTIFICATION_ICONS_MAP: Record<EuiNotificationIconType, {
|
|
12825
|
+
name: string;
|
|
12826
|
+
icon: IconType;
|
|
12827
|
+
}>;
|
|
12828
|
+
export type EuiNotificationIconProps = CommonProps & {
|
|
12829
|
+
type: EuiNotificationIconType;
|
|
12830
|
+
size?: 'm' | 'l';
|
|
12831
|
+
};
|
|
12832
|
+
export const EuiNotificationIcon: FunctionComponent<EuiNotificationIconProps>;
|
|
12833
|
+
export {};
|
|
12834
|
+
|
|
12835
|
+
}
|
|
12836
|
+
declare module '@elastic/eui/src/components/call_out/types' {
|
|
12837
|
+
export const COLORS: readonly ["primary", "success", "warning", "danger"];
|
|
12838
|
+
export type EuiCallOutColor = (typeof COLORS)[number];
|
|
12839
|
+
export const SIZES: readonly ["s", "m"];
|
|
12840
|
+
export type EuiCallOutSize = (typeof SIZES)[number];
|
|
12841
|
+
export const HEADINGS: readonly ["h1", "h2", "h3", "h4", "h5", "h6", "p"];
|
|
12842
|
+
export type EuiCallOutHeading = (typeof HEADINGS)[number];
|
|
12843
|
+
|
|
12844
|
+
}
|
|
12845
|
+
declare module '@elastic/eui/src/components/call_out/use_layout_observer' {
|
|
12846
|
+
import { RefObject } from 'react';
|
|
12847
|
+
import { EuiCallOutSize } from '@elastic/eui/src/components/call_out/types';
|
|
12848
|
+
/**
|
|
12849
|
+
* Observes the rendered width and sets `data-layout` on the root
|
|
12850
|
+
* element so that CSS can respond to size changes.
|
|
12851
|
+
*
|
|
12852
|
+
* This is an alternative to native CSS container queries. Its purpose is to handle cases where
|
|
12853
|
+
* container queries would collapse if the element is placed inside a container without a defined size.
|
|
12854
|
+
*/
|
|
12855
|
+
export const useLayoutObserver: (size: EuiCallOutSize) => RefObject<HTMLDivElement>;
|
|
12856
|
+
|
|
12857
|
+
}
|
|
12858
|
+
declare module '@elastic/eui/src/components/observer/mutation_observer/mutation_observer' {
|
|
12859
|
+
import { ReactNode, FunctionComponent } from 'react';
|
|
12860
|
+
export interface EuiMutationObserverProps {
|
|
12861
|
+
/**
|
|
12862
|
+
* ReactNode to render as this component's content
|
|
12863
|
+
*/
|
|
12864
|
+
children: (ref: (e: HTMLElement | null) => void) => ReactNode;
|
|
12865
|
+
onMutation: MutationCallback;
|
|
12866
|
+
observerOptions?: MutationObserverInit;
|
|
12867
|
+
}
|
|
12868
|
+
export const EuiMutationObserver: FunctionComponent<EuiMutationObserverProps>;
|
|
12869
|
+
export const useMutationObserver: (container: Element | null, callback: MutationCallback, observerOptions?: MutationObserverInit) => void;
|
|
12870
|
+
|
|
12871
|
+
}
|
|
12872
|
+
declare module '@elastic/eui/src/components/observer/mutation_observer' {
|
|
12873
|
+
export type { EuiMutationObserverProps } from '@elastic/eui/src/components/observer/mutation_observer/mutation_observer';
|
|
12874
|
+
export { EuiMutationObserver, useMutationObserver } from '@elastic/eui/src/components/observer/mutation_observer/mutation_observer';
|
|
12875
|
+
|
|
12876
|
+
}
|
|
12877
|
+
declare module '@elastic/eui/src/components/outside_click_detector/outside_click_detector' {
|
|
12878
|
+
import { MouseEvent as ReactMouseEvent, ReactElement } from 'react';
|
|
12879
|
+
export interface EuiEvent extends Event {
|
|
12880
|
+
euiGeneratedBy: string[];
|
|
12881
|
+
}
|
|
12882
|
+
export interface EuiOutsideClickDetectorProps {
|
|
12883
|
+
/**
|
|
12884
|
+
* ReactNode to render as this component's content
|
|
12885
|
+
*/
|
|
12886
|
+
children: ReactElement<any>;
|
|
12887
|
+
onOutsideClick: (event: Event) => void;
|
|
12888
|
+
isDisabled?: boolean;
|
|
12889
|
+
onMouseDown?: (event: ReactMouseEvent) => void;
|
|
12890
|
+
onMouseUp?: (event: ReactMouseEvent) => void;
|
|
12891
|
+
onTouchStart?: (event: ReactMouseEvent) => void;
|
|
12892
|
+
onTouchEnd?: (event: ReactMouseEvent) => void;
|
|
12893
|
+
}
|
|
12894
|
+
export const EuiOutsideClickDetector: import("react").ForwardRefExoticComponent<EuiOutsideClickDetectorProps & import("react").RefAttributes<HTMLElement>>;
|
|
12895
|
+
|
|
12896
|
+
}
|
|
12897
|
+
declare module '@elastic/eui/src/components/outside_click_detector' {
|
|
12898
|
+
export type { EuiOutsideClickDetectorProps } from '@elastic/eui/src/components/outside_click_detector/outside_click_detector';
|
|
12899
|
+
export { EuiOutsideClickDetector } from '@elastic/eui/src/components/outside_click_detector/outside_click_detector';
|
|
12900
|
+
|
|
12901
|
+
}
|
|
12902
|
+
declare module '@elastic/eui/src/components/popover/popover_arrow/_popover_arrow.styles' {
|
|
12903
|
+
import { UseEuiTheme } from '@elastic/eui/src/services';
|
|
12904
|
+
export const euiPopoverArrowStyles: (euiThemeContext: UseEuiTheme) => {
|
|
12905
|
+
top: import("@emotion/react").SerializedStyles;
|
|
12906
|
+
bottom: import("@emotion/react").SerializedStyles;
|
|
12907
|
+
left: import("@emotion/react").SerializedStyles;
|
|
12908
|
+
right: import("@emotion/react").SerializedStyles;
|
|
12909
|
+
euiPopoverArrowWrapper: import("@emotion/react").SerializedStyles;
|
|
12910
|
+
euiPopoverArrow: import("@emotion/react").SerializedStyles;
|
|
12911
|
+
};
|
|
12912
|
+
|
|
12913
|
+
}
|
|
12914
|
+
declare module '@elastic/eui/src/components/popover/popover_arrow/_popover_arrow' {
|
|
12915
|
+
import { HTMLAttributes, FunctionComponent } from 'react';
|
|
12916
|
+
import { CommonProps } from '@elastic/eui/src/components/common';
|
|
12917
|
+
export const POSITIONS: readonly ["top", "left", "right", "bottom"];
|
|
12918
|
+
export type EuiPopoverArrowPositions = (typeof POSITIONS)[number];
|
|
12919
|
+
export type EuiPopoverArrowProps = HTMLAttributes<HTMLDivElement> & CommonProps & {
|
|
12920
|
+
position: EuiPopoverArrowPositions;
|
|
12921
|
+
};
|
|
12922
|
+
export const EuiPopoverArrow: FunctionComponent<EuiPopoverArrowProps>;
|
|
12923
|
+
|
|
12924
|
+
}
|
|
12925
|
+
declare module '@elastic/eui/src/components/popover/popover_arrow' {
|
|
12926
|
+
export type { EuiPopoverArrowProps, EuiPopoverArrowPositions, } from '@elastic/eui/src/components/popover/popover_arrow/_popover_arrow';
|
|
12927
|
+
export { EuiPopoverArrow } from '@elastic/eui/src/components/popover/popover_arrow/_popover_arrow';
|
|
12928
|
+
|
|
12929
|
+
}
|
|
12930
|
+
declare module '@elastic/eui/src/components/popover/popover.styles' {
|
|
12931
|
+
export const euiPopoverStyles: () => {
|
|
12932
|
+
euiPopover: import("@emotion/react").SerializedStyles;
|
|
12933
|
+
};
|
|
12934
|
+
|
|
12935
|
+
}
|
|
12936
|
+
declare module '@elastic/eui/src/components/popover/popover_panel/_popover_panel.styles' {
|
|
12937
|
+
import { UseEuiTheme } from '@elastic/eui/src/services';
|
|
12938
|
+
export const openAnimationTiming = "slow";
|
|
12939
|
+
/**
|
|
12940
|
+
* 1. Can expand further, but it looks weird if it's smaller than the originating button.
|
|
12941
|
+
* 2. Animation happens on the panel. But don't animate position when using the attached mode like for inputs
|
|
12942
|
+
* 3. Make sure the panel stays within the window.
|
|
12943
|
+
* 4. Make the popover lighter on dark mode (too hard to distinguish from plain bgs otherwise), and set a CSS var for the arrow to use
|
|
12944
|
+
*/
|
|
12945
|
+
export const euiPopoverPanelStyles: (euiThemeContext: UseEuiTheme) => {
|
|
12946
|
+
euiPopover__panel: import("@emotion/react").SerializedStyles;
|
|
12947
|
+
isOpen: import("@emotion/react").SerializedStyles;
|
|
12948
|
+
light: import("@emotion/react").SerializedStyles;
|
|
12949
|
+
dark: import("@emotion/react").SerializedStyles;
|
|
12950
|
+
hasTransform: {
|
|
12951
|
+
hasTransform: import("@emotion/react").SerializedStyles;
|
|
12952
|
+
top: import("@emotion/react").SerializedStyles;
|
|
12953
|
+
bottom: import("@emotion/react").SerializedStyles;
|
|
12954
|
+
left: import("@emotion/react").SerializedStyles;
|
|
12955
|
+
right: import("@emotion/react").SerializedStyles;
|
|
12956
|
+
};
|
|
12957
|
+
isAttached: {
|
|
12958
|
+
isAttached: import("@emotion/react").SerializedStyles;
|
|
12959
|
+
top: import("@emotion/react").SerializedStyles;
|
|
12960
|
+
bottom: import("@emotion/react").SerializedStyles;
|
|
12961
|
+
readonly left: import("@emotion/react").SerializedStyles;
|
|
12962
|
+
readonly right: import("@emotion/react").SerializedStyles;
|
|
12963
|
+
};
|
|
12964
|
+
};
|
|
12965
|
+
|
|
12966
|
+
}
|
|
12967
|
+
declare module '@elastic/eui/src/components/popover/popover_panel/_popover_panel' {
|
|
12968
|
+
import React, { FunctionComponent } from 'react';
|
|
12969
|
+
import { EuiPaddingSize } from '@elastic/eui/src/global_styling';
|
|
12970
|
+
import { _EuiPanelDivlike } from '@elastic/eui/src/components/panel/panel';
|
|
12971
|
+
import { EuiPopoverArrowPositions } from '@elastic/eui/src/components/popover/popover_arrow';
|
|
12972
|
+
export const EuiPopoverPanelContext: React.Context<{
|
|
12973
|
+
paddingSize: EuiPaddingSize;
|
|
12974
|
+
}>;
|
|
12975
|
+
export type EuiPopoverPanelProps = _EuiPanelDivlike;
|
|
12976
|
+
type EuiPopoverPanelInternalProps = {
|
|
12977
|
+
isOpen?: boolean;
|
|
12978
|
+
isAttached?: boolean;
|
|
12979
|
+
position?: EuiPopoverArrowPositions | null;
|
|
12980
|
+
};
|
|
12981
|
+
/**
|
|
12982
|
+
* *INTERNAL ONLY*
|
|
12983
|
+
* Purely for re-use of styling
|
|
12984
|
+
*/
|
|
12985
|
+
export const EuiPopoverPanel: FunctionComponent<EuiPopoverPanelProps & EuiPopoverPanelInternalProps>;
|
|
12986
|
+
export {};
|
|
12987
|
+
|
|
12988
|
+
}
|
|
12989
|
+
declare module '@elastic/eui/src/components/popover/popover_panel' {
|
|
12990
|
+
export { EuiPopoverPanel } from '@elastic/eui/src/components/popover/popover_panel/_popover_panel';
|
|
12991
|
+
|
|
12992
|
+
}
|
|
12993
|
+
declare module '@elastic/eui/src/components/popover/popover' {
|
|
12994
|
+
import React, { Component, KeyboardEvent, CSSProperties, HTMLAttributes, ReactNode, Ref, RefCallback, PropsWithChildren, ContextType } from 'react';
|
|
12995
|
+
import { type FocusableElement } from 'tabbable';
|
|
12996
|
+
import { CommonProps, NoArgCallback } from '@elastic/eui/src/components/common';
|
|
12997
|
+
import { FocusTarget, EuiFocusTrapProps } from '@elastic/eui/src/components/focus_trap';
|
|
12998
|
+
import { EuiPopoverPosition } from '@elastic/eui/src/services/popover';
|
|
12999
|
+
import { EuiPopoverArrowPositions } from '@elastic/eui/src/components/popover/popover_arrow';
|
|
13000
|
+
import { EuiPopoverPanelProps } from '@elastic/eui/src/components/popover/popover_panel/_popover_panel';
|
|
13001
|
+
import { EuiPaddingSize } from '@elastic/eui/src/global_styling';
|
|
13002
|
+
import { EuiComponentDefaultsContext } from '@elastic/eui/src/components/provider/component_defaults';
|
|
13003
|
+
export const popoverAnchorPosition: readonly ["upCenter", "upLeft", "upRight", "downCenter", "downLeft", "downRight", "leftCenter", "leftUp", "leftDown", "rightCenter", "rightUp", "rightDown"];
|
|
13004
|
+
export type PopoverAnchorPosition = (typeof popoverAnchorPosition)[number];
|
|
13005
|
+
export interface EuiPopoverProps extends PropsWithChildren, CommonProps {
|
|
13006
|
+
/**
|
|
13007
|
+
* Alignment of the popover and arrow relative to the button
|
|
13008
|
+
* @default downLeft
|
|
13009
|
+
*/
|
|
13010
|
+
anchorPosition?: PopoverAnchorPosition;
|
|
13011
|
+
/**
|
|
13012
|
+
* Style and position alteration for arrow-less attachment.
|
|
13013
|
+
* Intended for use with inputs as anchors, e.g. EuiInputPopover
|
|
13014
|
+
*/
|
|
13015
|
+
attachToAnchor?: boolean;
|
|
13016
|
+
/**
|
|
13017
|
+
* Triggering element for which to align the popover to
|
|
13018
|
+
*/
|
|
13019
|
+
button: NonNullable<ReactNode>;
|
|
13020
|
+
/**
|
|
13021
|
+
* Callback to handle hiding of the popover
|
|
13022
|
+
*/
|
|
13023
|
+
closePopover: NoArgCallback<void>;
|
|
13024
|
+
/**
|
|
13025
|
+
* Restrict the popover's position within this element
|
|
13026
|
+
*/
|
|
13027
|
+
container?: HTMLElement;
|
|
13028
|
+
/**
|
|
13029
|
+
* CSS display type for both the popover and anchor
|
|
13030
|
+
*/
|
|
13031
|
+
display?: CSSProperties['display'];
|
|
13032
|
+
/**
|
|
13033
|
+
* Object of props passed to EuiFocusTrap
|
|
13034
|
+
*/
|
|
13035
|
+
focusTrapProps?: Partial<EuiFocusTrapProps>;
|
|
13036
|
+
/**
|
|
13037
|
+
* Show arrow indicating to originating button
|
|
13038
|
+
* @default false
|
|
13039
|
+
*/
|
|
13040
|
+
hasArrow?: boolean;
|
|
13041
|
+
/**
|
|
13042
|
+
* Specifies what element should initially have focus; Can be a DOM
|
|
13043
|
+
* node, or a selector string (which will be passed to
|
|
13044
|
+
* document.querySelector() to find the DOM node), or a function that
|
|
13045
|
+
* returns a DOM node.
|
|
13046
|
+
*
|
|
13047
|
+
* If not passed, initial focus defaults to the popover panel.
|
|
13048
|
+
*/
|
|
13049
|
+
initialFocus?: FocusTarget;
|
|
13050
|
+
/**
|
|
13051
|
+
* Passed directly to EuiPortal for DOM positioning. Both properties are
|
|
13052
|
+
* required if prop is specified
|
|
13053
|
+
*/
|
|
13054
|
+
insert?: {
|
|
13055
|
+
sibling: HTMLElement;
|
|
13056
|
+
position: 'before' | 'after';
|
|
13057
|
+
};
|
|
13058
|
+
/**
|
|
13059
|
+
* Visibility state of the popover
|
|
13060
|
+
*/
|
|
13061
|
+
isOpen?: boolean;
|
|
13062
|
+
/**
|
|
13063
|
+
* Traps tab focus within the popover contents
|
|
13064
|
+
*/
|
|
13065
|
+
ownFocus?: boolean;
|
|
13066
|
+
/**
|
|
13067
|
+
* Custom class added to the EuiPanel containing the popover contents
|
|
13068
|
+
*/
|
|
13069
|
+
panelClassName?: string;
|
|
13070
|
+
/**
|
|
13071
|
+
* EuiPanel padding on all sides
|
|
13072
|
+
*/
|
|
13073
|
+
panelPaddingSize?: EuiPaddingSize;
|
|
13074
|
+
/**
|
|
13075
|
+
* Standard DOM `style` attribute. Passed to the EuiPanel
|
|
13076
|
+
*/
|
|
13077
|
+
panelStyle?: CSSProperties;
|
|
13078
|
+
/**
|
|
13079
|
+
* Object of props passed to EuiPanel. See {@link EuiPopoverPanelProps}
|
|
13080
|
+
*/
|
|
13081
|
+
panelProps?: Omit<EuiPopoverPanelProps, 'style' | 'hasShadow' | 'hasBorder' | 'color'>;
|
|
13082
|
+
panelRef?: RefCallback<HTMLElement | null>;
|
|
13083
|
+
/**
|
|
13084
|
+
* Optional screen reader instructions to announce upon popover open,
|
|
13085
|
+
* in addition to EUI's default popover instructions for Escape on close.
|
|
13086
|
+
* Useful for popovers that may have additional keyboard capabilities such as
|
|
13087
|
+
* arrow navigation.
|
|
13088
|
+
*/
|
|
13089
|
+
popoverScreenReaderText?: string | ReactNode;
|
|
13090
|
+
popoverRef?: Ref<HTMLDivElement>;
|
|
13091
|
+
/**
|
|
13092
|
+
* When `true`, the popover's position is re-calculated when the user
|
|
13093
|
+
* scrolls, this supports having fixed-position popover anchors. When nesting
|
|
13094
|
+
* an `EuiPopover` in a scrollable container, `repositionOnScroll` should be `true`
|
|
13095
|
+
*/
|
|
13096
|
+
repositionOnScroll?: boolean;
|
|
13097
|
+
/**
|
|
13098
|
+
* By default, popovers will attempt to position themselves along the initial
|
|
13099
|
+
* axis specified. If there is not enough room either vertically or horizontally
|
|
13100
|
+
* however, the popover will attempt to reposition itself along the secondary
|
|
13101
|
+
* cross axis if there is room there instead.
|
|
13102
|
+
*
|
|
13103
|
+
* If you do not want this repositioning to occur (and it is acceptable for
|
|
13104
|
+
* the popover to appear offscreen), set this to false to disable this behavior.
|
|
13105
|
+
*
|
|
13106
|
+
* @default true
|
|
13107
|
+
*/
|
|
13108
|
+
repositionToCrossAxis?: boolean;
|
|
13109
|
+
/**
|
|
13110
|
+
* By default, popover content inherits the z-index of the anchor
|
|
13111
|
+
* component; pass `zIndex` to override
|
|
13112
|
+
*/
|
|
13113
|
+
zIndex?: number;
|
|
13114
|
+
/**
|
|
13115
|
+
* Distance away from the anchor that the popover will render
|
|
13116
|
+
* @default 4 (0 when `hasArrow=true`)
|
|
13117
|
+
*/
|
|
13118
|
+
offset?: number;
|
|
13119
|
+
/**
|
|
13120
|
+
* Minimum distance between the popover and the bounding container;
|
|
13121
|
+
* Pass an array of 4 values to adjust each side differently: `[top, right, bottom, left]`
|
|
13122
|
+
* @default 16
|
|
13123
|
+
*/
|
|
13124
|
+
buffer?: number | [number, number, number, number];
|
|
13125
|
+
/**
|
|
13126
|
+
* Element to pass as the child element of the arrow;
|
|
13127
|
+
* Use case is typically limited to an accompanying `EuiBeacon`
|
|
13128
|
+
*/
|
|
13129
|
+
arrowChildren?: ReactNode;
|
|
13130
|
+
/**
|
|
13131
|
+
* Provide a name to the popover panel
|
|
13132
|
+
*/
|
|
13133
|
+
'aria-label'?: string;
|
|
13134
|
+
/**
|
|
13135
|
+
* Alternative option to `aria-label` that takes an `id`.
|
|
13136
|
+
* Usually takes the `id` of the popover title
|
|
13137
|
+
*/
|
|
13138
|
+
'aria-labelledby'?: string;
|
|
13139
|
+
/**
|
|
13140
|
+
* Function callback for when the popover positon changes
|
|
13141
|
+
*/
|
|
13142
|
+
onPositionChange?: (position: EuiPopoverPosition) => void;
|
|
13143
|
+
}
|
|
13144
|
+
export function getPopoverPositionFromAnchorPosition(anchorPosition: PopoverAnchorPosition): EuiPopoverPosition;
|
|
13145
|
+
export function getPopoverAlignFromAnchorPosition(anchorPosition: PopoverAnchorPosition): EuiPopoverPosition;
|
|
13146
|
+
export type Props = EuiPopoverProps & HTMLAttributes<HTMLDivElement>;
|
|
13147
|
+
interface State {
|
|
13148
|
+
prevProps: {
|
|
13149
|
+
isOpen?: boolean;
|
|
13150
|
+
};
|
|
13151
|
+
suppressingPopover?: boolean;
|
|
13152
|
+
isClosing: boolean;
|
|
13153
|
+
isOpening: boolean;
|
|
13154
|
+
popoverStyles: CSSProperties;
|
|
13155
|
+
arrowStyles?: CSSProperties;
|
|
13156
|
+
arrowPosition: EuiPopoverArrowPositions | null;
|
|
13157
|
+
openPosition: any;
|
|
13158
|
+
isOpenStable: boolean;
|
|
13159
|
+
}
|
|
13160
|
+
type PropsWithDefaults = Props & {
|
|
13161
|
+
anchorPosition: PopoverAnchorPosition;
|
|
13162
|
+
hasArrow: boolean;
|
|
13163
|
+
isOpen: boolean;
|
|
13164
|
+
ownFocus: boolean;
|
|
13165
|
+
panelPaddingSize: EuiPaddingSize;
|
|
13166
|
+
};
|
|
13167
|
+
export class EuiPopover extends Component<Props, State> {
|
|
13168
|
+
static contextType: React.Context<import ("@elastic/eui/src/components/provider/component_defaults").EuiComponentDefaults>;
|
|
13169
|
+
context: ContextType<typeof EuiComponentDefaultsContext>;
|
|
13170
|
+
private repositionOnScroll;
|
|
13171
|
+
static defaultProps: Partial<PropsWithDefaults>;
|
|
13172
|
+
static getDerivedStateFromProps(nextProps: Props, prevState: State): Partial<State> | null;
|
|
13173
|
+
private repositionTimeout;
|
|
13174
|
+
private strandedFocusTimeout;
|
|
13175
|
+
private closingTransitionTimeout;
|
|
13176
|
+
private closingTransitionAnimationFrame;
|
|
13177
|
+
private button;
|
|
13178
|
+
private panel;
|
|
13179
|
+
private idGenerator;
|
|
13180
|
+
private panelId;
|
|
13181
|
+
private descriptionId;
|
|
13182
|
+
constructor(props: Props);
|
|
13183
|
+
closePopover: () => void;
|
|
13184
|
+
onEscapeKey: (event: Event) => void;
|
|
13185
|
+
getFocusableToggleButton: () => FocusableElement | undefined;
|
|
13186
|
+
handleStrandedFocus: () => void;
|
|
13187
|
+
onKeyDown: (event: KeyboardEvent) => void;
|
|
13188
|
+
onClickOutside: (event: Event) => void;
|
|
13189
|
+
onOpenPopover: () => void;
|
|
13190
|
+
/**
|
|
13191
|
+
* Updates ARIA attributes on the popover trigger button
|
|
13192
|
+
* Only applies ARIA when the trigger is button-like (semantic <button> or role="button").
|
|
13193
|
+
* Avoids adding incorrect ARIA on inputs or other non-button elements.
|
|
13194
|
+
*/
|
|
13195
|
+
private updateTriggerButtonAriaAttributes;
|
|
13196
|
+
componentDidMount(): void;
|
|
13197
|
+
componentDidUpdate(prevProps: Props): void;
|
|
13198
|
+
componentWillUnmount(): void;
|
|
13199
|
+
onMutation: (records: MutationRecord[]) => void;
|
|
13200
|
+
positionPopover: (allowEnforcePosition: boolean) => void;
|
|
13201
|
+
positionPopoverFixed: () => void;
|
|
13202
|
+
positionPopoverFluid: () => void;
|
|
13203
|
+
panelRef: (node: HTMLElement | null) => void;
|
|
13204
|
+
popoverRef: (node: HTMLDivElement | null) => void;
|
|
13205
|
+
render(): React.JSX.Element;
|
|
13206
|
+
}
|
|
13207
|
+
export {};
|
|
13208
|
+
|
|
13209
|
+
}
|
|
13210
|
+
declare module '@elastic/eui/src/components/popover/with_popover' {
|
|
13211
|
+
import React from 'react';
|
|
13212
|
+
import { EuiPopoverProps } from '@elastic/eui/src/components/popover/popover';
|
|
13213
|
+
export type WithEuiPopoverProps = Omit<EuiPopoverProps, 'button'>;
|
|
13214
|
+
export const withEuiPopover: (element: React.ReactElement, popoverProps?: WithEuiPopoverProps) => React.JSX.Element;
|
|
13215
|
+
|
|
13216
|
+
}
|
|
13217
|
+
declare module '@elastic/eui/src/components/tool_tip/with_tooltip' {
|
|
13218
|
+
import React from 'react';
|
|
13219
|
+
import { EuiToolTipProps } from '@elastic/eui/src/components/tool_tip/tool_tip';
|
|
13220
|
+
export type WithEuiToolTipProps = Omit<EuiToolTipProps, 'children'>;
|
|
13221
|
+
export const withEuiToolTip: (element: React.ReactElement, tooltipProps?: WithEuiToolTipProps) => React.JSX.Element;
|
|
13222
|
+
|
|
13223
|
+
}
|
|
13224
|
+
declare module '@elastic/eui/src/components/call_out/call_out_action' {
|
|
13225
|
+
import React from 'react';
|
|
13226
|
+
import { DataAttributeProps, ExclusiveUnion } from '@elastic/eui/src/components/common';
|
|
13227
|
+
import { EuiButtonEmptyProps } from '@elastic/eui/src/components/button';
|
|
13228
|
+
import { Props as EuiButtonProps } from '@elastic/eui/src/components/button/button';
|
|
13229
|
+
import { WithEuiPopoverProps } from '@elastic/eui/src/components/popover/with_popover';
|
|
13230
|
+
import { WithEuiToolTipProps } from '@elastic/eui/src/components/tool_tip/with_tooltip';
|
|
13231
|
+
import { EuiCallOutColor } from '@elastic/eui/src/components/call_out/types';
|
|
13232
|
+
type EuiCallOutActionCommonProps = DataAttributeProps & {
|
|
13233
|
+
tooltipProps?: WithEuiToolTipProps;
|
|
13234
|
+
popoverProps?: WithEuiPopoverProps;
|
|
13235
|
+
};
|
|
13236
|
+
export type EuiCallOutActionPrimaryProps = Omit<EuiButtonProps, 'color' | 'size' | 'fill'> & EuiCallOutActionCommonProps;
|
|
13237
|
+
export type EuiCallOutActionSecondaryProps = Omit<EuiButtonEmptyProps, 'color' | 'size' | 'flush'> & EuiCallOutActionCommonProps;
|
|
13238
|
+
type EuiCallOutActionPrimary = EuiCallOutActionPrimaryProps & {
|
|
13239
|
+
actionType: 'primary';
|
|
13240
|
+
};
|
|
13241
|
+
type EuiCallOutActionSecondary = EuiCallOutActionSecondaryProps & {
|
|
13242
|
+
actionType: 'secondary';
|
|
13243
|
+
};
|
|
13244
|
+
type EuiCallOutActionProps = ExclusiveUnion<EuiCallOutActionPrimary, EuiCallOutActionSecondary>;
|
|
13245
|
+
export const EuiCallOutAction: ({ children, actionType, color, tooltipProps, popoverProps, className, ...rest }: EuiCallOutActionProps & {
|
|
13246
|
+
color?: EuiCallOutColor;
|
|
13247
|
+
}) => React.JSX.Element;
|
|
13248
|
+
export {};
|
|
13249
|
+
|
|
12762
13250
|
}
|
|
12763
13251
|
declare module '@elastic/eui/src/components/call_out/call_out.styles' {
|
|
12764
13252
|
import { UseEuiTheme } from '@elastic/eui/src/services';
|
|
12765
|
-
export const euiCallOutStyles: (
|
|
13253
|
+
export const euiCallOutStyles: (euiThemeContext: UseEuiTheme) => {
|
|
12766
13254
|
euiCallOut: import("@emotion/react").SerializedStyles;
|
|
12767
|
-
|
|
12768
|
-
|
|
12769
|
-
|
|
12770
|
-
|
|
12771
|
-
};
|
|
13255
|
+
wrapper: import("@emotion/react").SerializedStyles;
|
|
13256
|
+
body: import("@emotion/react").SerializedStyles;
|
|
13257
|
+
content: import("@emotion/react").SerializedStyles;
|
|
13258
|
+
hasDismissButton: import("@emotion/react").SerializedStyles;
|
|
12772
13259
|
dismissButton: {
|
|
12773
13260
|
euiCallOut__dismissButton: import("@emotion/react").SerializedStyles;
|
|
12774
|
-
s: import("@emotion/react").SerializedStyles;
|
|
12775
|
-
m: import("@emotion/react").SerializedStyles;
|
|
12776
13261
|
};
|
|
13262
|
+
icon: import("@emotion/react").SerializedStyles;
|
|
13263
|
+
actions: import("@emotion/react").SerializedStyles;
|
|
12777
13264
|
};
|
|
12778
13265
|
export const euiCallOutHeaderStyles: ({ euiTheme }: UseEuiTheme) => {
|
|
12779
13266
|
euiCallOutHeader: import("@emotion/react").SerializedStyles;
|
|
12780
|
-
primary: import("@emotion/react").SerializedStyles;
|
|
12781
|
-
success: import("@emotion/react").SerializedStyles;
|
|
12782
|
-
warning: import("@emotion/react").SerializedStyles;
|
|
12783
|
-
danger: import("@emotion/react").SerializedStyles;
|
|
12784
|
-
accent: import("@emotion/react").SerializedStyles;
|
|
12785
|
-
euiCallOut__icon: import("@emotion/react").SerializedStyles;
|
|
12786
13267
|
};
|
|
12787
13268
|
|
|
12788
13269
|
}
|
|
@@ -12791,18 +13272,35 @@ declare module '@elastic/eui/src/components/call_out/call_out' {
|
|
|
12791
13272
|
import { CommonProps, DataAttributeProps } from '@elastic/eui/src/components/common';
|
|
12792
13273
|
import { IconType } from '@elastic/eui/src/components/icon';
|
|
12793
13274
|
import { type EuiButtonIconPropsForButton } from '@elastic/eui/src/components/button/button_icon/button_icon';
|
|
12794
|
-
|
|
12795
|
-
|
|
12796
|
-
|
|
12797
|
-
export
|
|
12798
|
-
export const SIZES: readonly ["s", "m"];
|
|
12799
|
-
export type Size = (typeof SIZES)[number];
|
|
13275
|
+
import { type EuiNotificationIconType } from '@elastic/eui/src/components/notification_icon/notification_icon';
|
|
13276
|
+
import { EuiCallOutActionPrimaryProps, EuiCallOutActionSecondaryProps } from '@elastic/eui/src/components/call_out/call_out_action';
|
|
13277
|
+
import { EuiCallOutColor, EuiCallOutHeading, EuiCallOutSize } from '@elastic/eui/src/components/call_out/types';
|
|
13278
|
+
export const COLOR_TO_NOTIFICATION_ICON_MAP: Record<EuiCallOutColor, EuiNotificationIconType>;
|
|
12800
13279
|
export type EuiCallOutProps = CommonProps & Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'color'> & {
|
|
13280
|
+
/**
|
|
13281
|
+
* Title of the callout. Should be used with text only. Do not pass complex content or custom components.
|
|
13282
|
+
* Ensure to always pass a title. It's currently marked as optional for backwards compatibility.
|
|
13283
|
+
* In a future major release, this will be required.
|
|
13284
|
+
*/
|
|
12801
13285
|
title?: ReactNode;
|
|
13286
|
+
/**
|
|
13287
|
+
* Main component text. Accepts text, text block elements such as `<p>`, and inline elements such as `<span>`, `<strong>`, `<em>` or `<EuiLink>`.
|
|
13288
|
+
* Avoid passing complex layouts or custom components. Use `children` instead.
|
|
13289
|
+
*/
|
|
13290
|
+
text?: ReactNode;
|
|
13291
|
+
/**
|
|
13292
|
+
* Can be used for additional, non-inline content. Use sparingly, as callouts are not meant to have complex content.
|
|
13293
|
+
* Where possible, use `text` and `actionProps` instead to display text and actions.
|
|
13294
|
+
*/
|
|
13295
|
+
children?: ReactNode;
|
|
13296
|
+
/**
|
|
13297
|
+
* Defines a custom icon to be displayed.
|
|
13298
|
+
* When no `iconType` is set, a default icon will be used based on the `color` of the callout.
|
|
13299
|
+
*/
|
|
12802
13300
|
iconType?: IconType;
|
|
12803
|
-
color?:
|
|
12804
|
-
size?:
|
|
12805
|
-
heading?:
|
|
13301
|
+
color?: EuiCallOutColor;
|
|
13302
|
+
size?: EuiCallOutSize;
|
|
13303
|
+
heading?: EuiCallOutHeading;
|
|
12806
13304
|
/**
|
|
12807
13305
|
* Passing an `onDismiss` callback will render a cross in the top right hand corner
|
|
12808
13306
|
* of the callout.
|
|
@@ -12822,13 +13320,39 @@ declare module '@elastic/eui/src/components/call_out/call_out' {
|
|
|
12822
13320
|
* @default false
|
|
12823
13321
|
*/
|
|
12824
13322
|
announceOnMount?: boolean;
|
|
13323
|
+
/**
|
|
13324
|
+
* Props for primary and secondary actions within the callout.
|
|
13325
|
+
*/
|
|
13326
|
+
actionProps?: {
|
|
13327
|
+
primary?: EuiCallOutActionPrimaryProps;
|
|
13328
|
+
secondary?: EuiCallOutActionSecondaryProps;
|
|
13329
|
+
};
|
|
12825
13330
|
};
|
|
12826
13331
|
export const EuiCallOut: React.ForwardRefExoticComponent<CommonProps & Omit<React.HTMLAttributes<HTMLDivElement>, "title" | "color"> & {
|
|
13332
|
+
/**
|
|
13333
|
+
* Title of the callout. Should be used with text only. Do not pass complex content or custom components.
|
|
13334
|
+
* Ensure to always pass a title. It's currently marked as optional for backwards compatibility.
|
|
13335
|
+
* In a future major release, this will be required.
|
|
13336
|
+
*/
|
|
12827
13337
|
title?: ReactNode;
|
|
13338
|
+
/**
|
|
13339
|
+
* Main component text. Accepts text, text block elements such as `<p>`, and inline elements such as `<span>`, `<strong>`, `<em>` or `<EuiLink>`.
|
|
13340
|
+
* Avoid passing complex layouts or custom components. Use `children` instead.
|
|
13341
|
+
*/
|
|
13342
|
+
text?: ReactNode;
|
|
13343
|
+
/**
|
|
13344
|
+
* Can be used for additional, non-inline content. Use sparingly, as callouts are not meant to have complex content.
|
|
13345
|
+
* Where possible, use `text` and `actionProps` instead to display text and actions.
|
|
13346
|
+
*/
|
|
13347
|
+
children?: ReactNode;
|
|
13348
|
+
/**
|
|
13349
|
+
* Defines a custom icon to be displayed.
|
|
13350
|
+
* When no `iconType` is set, a default icon will be used based on the `color` of the callout.
|
|
13351
|
+
*/
|
|
12828
13352
|
iconType?: IconType;
|
|
12829
|
-
color?:
|
|
12830
|
-
size?:
|
|
12831
|
-
heading?:
|
|
13353
|
+
color?: EuiCallOutColor;
|
|
13354
|
+
size?: EuiCallOutSize;
|
|
13355
|
+
heading?: EuiCallOutHeading;
|
|
12832
13356
|
/**
|
|
12833
13357
|
* Passing an `onDismiss` callback will render a cross in the top right hand corner
|
|
12834
13358
|
* of the callout.
|
|
@@ -12848,12 +13372,20 @@ declare module '@elastic/eui/src/components/call_out/call_out' {
|
|
|
12848
13372
|
* @default false
|
|
12849
13373
|
*/
|
|
12850
13374
|
announceOnMount?: boolean;
|
|
13375
|
+
/**
|
|
13376
|
+
* Props for primary and secondary actions within the callout.
|
|
13377
|
+
*/
|
|
13378
|
+
actionProps?: {
|
|
13379
|
+
primary?: EuiCallOutActionPrimaryProps;
|
|
13380
|
+
secondary?: EuiCallOutActionSecondaryProps;
|
|
13381
|
+
};
|
|
12851
13382
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
12852
13383
|
|
|
12853
13384
|
}
|
|
12854
13385
|
declare module '@elastic/eui/src/components/call_out' {
|
|
12855
13386
|
export type { EuiCallOutProps } from '@elastic/eui/src/components/call_out/call_out';
|
|
12856
13387
|
export { EuiCallOut } from '@elastic/eui/src/components/call_out/call_out';
|
|
13388
|
+
export type { EuiCallOutColor, EuiCallOutSize, EuiCallOutHeading, } from '@elastic/eui/src/components/call_out/types';
|
|
12857
13389
|
|
|
12858
13390
|
}
|
|
12859
13391
|
declare module '@elastic/eui/src/components/form/form' {
|
|
@@ -20210,358 +20742,6 @@ declare module '@elastic/eui/src/components/focus_trap' {
|
|
|
20210
20742
|
export type { EuiFocusTrapProps, FocusTarget } from '@elastic/eui/src/components/focus_trap/focus_trap';
|
|
20211
20743
|
export { EuiFocusTrap } from '@elastic/eui/src/components/focus_trap/focus_trap';
|
|
20212
20744
|
|
|
20213
|
-
}
|
|
20214
|
-
declare module '@elastic/eui/src/components/observer/mutation_observer/mutation_observer' {
|
|
20215
|
-
import { ReactNode, FunctionComponent } from 'react';
|
|
20216
|
-
export interface EuiMutationObserverProps {
|
|
20217
|
-
/**
|
|
20218
|
-
* ReactNode to render as this component's content
|
|
20219
|
-
*/
|
|
20220
|
-
children: (ref: (e: HTMLElement | null) => void) => ReactNode;
|
|
20221
|
-
onMutation: MutationCallback;
|
|
20222
|
-
observerOptions?: MutationObserverInit;
|
|
20223
|
-
}
|
|
20224
|
-
export const EuiMutationObserver: FunctionComponent<EuiMutationObserverProps>;
|
|
20225
|
-
export const useMutationObserver: (container: Element | null, callback: MutationCallback, observerOptions?: MutationObserverInit) => void;
|
|
20226
|
-
|
|
20227
|
-
}
|
|
20228
|
-
declare module '@elastic/eui/src/components/observer/mutation_observer' {
|
|
20229
|
-
export type { EuiMutationObserverProps } from '@elastic/eui/src/components/observer/mutation_observer/mutation_observer';
|
|
20230
|
-
export { EuiMutationObserver, useMutationObserver } from '@elastic/eui/src/components/observer/mutation_observer/mutation_observer';
|
|
20231
|
-
|
|
20232
|
-
}
|
|
20233
|
-
declare module '@elastic/eui/src/components/outside_click_detector/outside_click_detector' {
|
|
20234
|
-
import { MouseEvent as ReactMouseEvent, ReactElement } from 'react';
|
|
20235
|
-
export interface EuiEvent extends Event {
|
|
20236
|
-
euiGeneratedBy: string[];
|
|
20237
|
-
}
|
|
20238
|
-
export interface EuiOutsideClickDetectorProps {
|
|
20239
|
-
/**
|
|
20240
|
-
* ReactNode to render as this component's content
|
|
20241
|
-
*/
|
|
20242
|
-
children: ReactElement<any>;
|
|
20243
|
-
onOutsideClick: (event: Event) => void;
|
|
20244
|
-
isDisabled?: boolean;
|
|
20245
|
-
onMouseDown?: (event: ReactMouseEvent) => void;
|
|
20246
|
-
onMouseUp?: (event: ReactMouseEvent) => void;
|
|
20247
|
-
onTouchStart?: (event: ReactMouseEvent) => void;
|
|
20248
|
-
onTouchEnd?: (event: ReactMouseEvent) => void;
|
|
20249
|
-
}
|
|
20250
|
-
export const EuiOutsideClickDetector: import("react").ForwardRefExoticComponent<EuiOutsideClickDetectorProps & import("react").RefAttributes<HTMLElement>>;
|
|
20251
|
-
|
|
20252
|
-
}
|
|
20253
|
-
declare module '@elastic/eui/src/components/outside_click_detector' {
|
|
20254
|
-
export type { EuiOutsideClickDetectorProps } from '@elastic/eui/src/components/outside_click_detector/outside_click_detector';
|
|
20255
|
-
export { EuiOutsideClickDetector } from '@elastic/eui/src/components/outside_click_detector/outside_click_detector';
|
|
20256
|
-
|
|
20257
|
-
}
|
|
20258
|
-
declare module '@elastic/eui/src/components/popover/popover_arrow/_popover_arrow.styles' {
|
|
20259
|
-
import { UseEuiTheme } from '@elastic/eui/src/services';
|
|
20260
|
-
export const euiPopoverArrowStyles: (euiThemeContext: UseEuiTheme) => {
|
|
20261
|
-
top: import("@emotion/react").SerializedStyles;
|
|
20262
|
-
bottom: import("@emotion/react").SerializedStyles;
|
|
20263
|
-
left: import("@emotion/react").SerializedStyles;
|
|
20264
|
-
right: import("@emotion/react").SerializedStyles;
|
|
20265
|
-
euiPopoverArrowWrapper: import("@emotion/react").SerializedStyles;
|
|
20266
|
-
euiPopoverArrow: import("@emotion/react").SerializedStyles;
|
|
20267
|
-
};
|
|
20268
|
-
|
|
20269
|
-
}
|
|
20270
|
-
declare module '@elastic/eui/src/components/popover/popover_arrow/_popover_arrow' {
|
|
20271
|
-
import { HTMLAttributes, FunctionComponent } from 'react';
|
|
20272
|
-
import { CommonProps } from '@elastic/eui/src/components/common';
|
|
20273
|
-
export const POSITIONS: readonly ["top", "left", "right", "bottom"];
|
|
20274
|
-
export type EuiPopoverArrowPositions = (typeof POSITIONS)[number];
|
|
20275
|
-
export type EuiPopoverArrowProps = HTMLAttributes<HTMLDivElement> & CommonProps & {
|
|
20276
|
-
position: EuiPopoverArrowPositions;
|
|
20277
|
-
};
|
|
20278
|
-
export const EuiPopoverArrow: FunctionComponent<EuiPopoverArrowProps>;
|
|
20279
|
-
|
|
20280
|
-
}
|
|
20281
|
-
declare module '@elastic/eui/src/components/popover/popover_arrow' {
|
|
20282
|
-
export type { EuiPopoverArrowProps, EuiPopoverArrowPositions, } from '@elastic/eui/src/components/popover/popover_arrow/_popover_arrow';
|
|
20283
|
-
export { EuiPopoverArrow } from '@elastic/eui/src/components/popover/popover_arrow/_popover_arrow';
|
|
20284
|
-
|
|
20285
|
-
}
|
|
20286
|
-
declare module '@elastic/eui/src/components/popover/popover.styles' {
|
|
20287
|
-
export const euiPopoverStyles: () => {
|
|
20288
|
-
euiPopover: import("@emotion/react").SerializedStyles;
|
|
20289
|
-
};
|
|
20290
|
-
|
|
20291
|
-
}
|
|
20292
|
-
declare module '@elastic/eui/src/components/popover/popover_panel/_popover_panel.styles' {
|
|
20293
|
-
import { UseEuiTheme } from '@elastic/eui/src/services';
|
|
20294
|
-
export const openAnimationTiming = "slow";
|
|
20295
|
-
/**
|
|
20296
|
-
* 1. Can expand further, but it looks weird if it's smaller than the originating button.
|
|
20297
|
-
* 2. Animation happens on the panel. But don't animate position when using the attached mode like for inputs
|
|
20298
|
-
* 3. Make sure the panel stays within the window.
|
|
20299
|
-
* 4. Make the popover lighter on dark mode (too hard to distinguish from plain bgs otherwise), and set a CSS var for the arrow to use
|
|
20300
|
-
*/
|
|
20301
|
-
export const euiPopoverPanelStyles: (euiThemeContext: UseEuiTheme) => {
|
|
20302
|
-
euiPopover__panel: import("@emotion/react").SerializedStyles;
|
|
20303
|
-
isOpen: import("@emotion/react").SerializedStyles;
|
|
20304
|
-
light: import("@emotion/react").SerializedStyles;
|
|
20305
|
-
dark: import("@emotion/react").SerializedStyles;
|
|
20306
|
-
hasTransform: {
|
|
20307
|
-
hasTransform: import("@emotion/react").SerializedStyles;
|
|
20308
|
-
top: import("@emotion/react").SerializedStyles;
|
|
20309
|
-
bottom: import("@emotion/react").SerializedStyles;
|
|
20310
|
-
left: import("@emotion/react").SerializedStyles;
|
|
20311
|
-
right: import("@emotion/react").SerializedStyles;
|
|
20312
|
-
};
|
|
20313
|
-
isAttached: {
|
|
20314
|
-
isAttached: import("@emotion/react").SerializedStyles;
|
|
20315
|
-
top: import("@emotion/react").SerializedStyles;
|
|
20316
|
-
bottom: import("@emotion/react").SerializedStyles;
|
|
20317
|
-
readonly left: import("@emotion/react").SerializedStyles;
|
|
20318
|
-
readonly right: import("@emotion/react").SerializedStyles;
|
|
20319
|
-
};
|
|
20320
|
-
};
|
|
20321
|
-
|
|
20322
|
-
}
|
|
20323
|
-
declare module '@elastic/eui/src/components/popover/popover_panel/_popover_panel' {
|
|
20324
|
-
import React, { FunctionComponent } from 'react';
|
|
20325
|
-
import { EuiPaddingSize } from '@elastic/eui/src/global_styling';
|
|
20326
|
-
import { _EuiPanelDivlike } from '@elastic/eui/src/components/panel/panel';
|
|
20327
|
-
import { EuiPopoverArrowPositions } from '@elastic/eui/src/components/popover/popover_arrow';
|
|
20328
|
-
export const EuiPopoverPanelContext: React.Context<{
|
|
20329
|
-
paddingSize: EuiPaddingSize;
|
|
20330
|
-
}>;
|
|
20331
|
-
export type EuiPopoverPanelProps = _EuiPanelDivlike;
|
|
20332
|
-
type EuiPopoverPanelInternalProps = {
|
|
20333
|
-
isOpen?: boolean;
|
|
20334
|
-
isAttached?: boolean;
|
|
20335
|
-
position?: EuiPopoverArrowPositions | null;
|
|
20336
|
-
};
|
|
20337
|
-
/**
|
|
20338
|
-
* *INTERNAL ONLY*
|
|
20339
|
-
* Purely for re-use of styling
|
|
20340
|
-
*/
|
|
20341
|
-
export const EuiPopoverPanel: FunctionComponent<EuiPopoverPanelProps & EuiPopoverPanelInternalProps>;
|
|
20342
|
-
export {};
|
|
20343
|
-
|
|
20344
|
-
}
|
|
20345
|
-
declare module '@elastic/eui/src/components/popover/popover_panel' {
|
|
20346
|
-
export { EuiPopoverPanel } from '@elastic/eui/src/components/popover/popover_panel/_popover_panel';
|
|
20347
|
-
|
|
20348
|
-
}
|
|
20349
|
-
declare module '@elastic/eui/src/components/popover/popover' {
|
|
20350
|
-
import React, { Component, KeyboardEvent, CSSProperties, HTMLAttributes, ReactNode, Ref, RefCallback, PropsWithChildren, ContextType } from 'react';
|
|
20351
|
-
import { type FocusableElement } from 'tabbable';
|
|
20352
|
-
import { CommonProps, NoArgCallback } from '@elastic/eui/src/components/common';
|
|
20353
|
-
import { FocusTarget, EuiFocusTrapProps } from '@elastic/eui/src/components/focus_trap';
|
|
20354
|
-
import { EuiPopoverPosition } from '@elastic/eui/src/services/popover';
|
|
20355
|
-
import { EuiPopoverArrowPositions } from '@elastic/eui/src/components/popover/popover_arrow';
|
|
20356
|
-
import { EuiPopoverPanelProps } from '@elastic/eui/src/components/popover/popover_panel/_popover_panel';
|
|
20357
|
-
import { EuiPaddingSize } from '@elastic/eui/src/global_styling';
|
|
20358
|
-
import { EuiComponentDefaultsContext } from '@elastic/eui/src/components/provider/component_defaults';
|
|
20359
|
-
export const popoverAnchorPosition: readonly ["upCenter", "upLeft", "upRight", "downCenter", "downLeft", "downRight", "leftCenter", "leftUp", "leftDown", "rightCenter", "rightUp", "rightDown"];
|
|
20360
|
-
export type PopoverAnchorPosition = (typeof popoverAnchorPosition)[number];
|
|
20361
|
-
export interface EuiPopoverProps extends PropsWithChildren, CommonProps {
|
|
20362
|
-
/**
|
|
20363
|
-
* Alignment of the popover and arrow relative to the button
|
|
20364
|
-
* @default downLeft
|
|
20365
|
-
*/
|
|
20366
|
-
anchorPosition?: PopoverAnchorPosition;
|
|
20367
|
-
/**
|
|
20368
|
-
* Style and position alteration for arrow-less attachment.
|
|
20369
|
-
* Intended for use with inputs as anchors, e.g. EuiInputPopover
|
|
20370
|
-
*/
|
|
20371
|
-
attachToAnchor?: boolean;
|
|
20372
|
-
/**
|
|
20373
|
-
* Triggering element for which to align the popover to
|
|
20374
|
-
*/
|
|
20375
|
-
button: NonNullable<ReactNode>;
|
|
20376
|
-
/**
|
|
20377
|
-
* Callback to handle hiding of the popover
|
|
20378
|
-
*/
|
|
20379
|
-
closePopover: NoArgCallback<void>;
|
|
20380
|
-
/**
|
|
20381
|
-
* Restrict the popover's position within this element
|
|
20382
|
-
*/
|
|
20383
|
-
container?: HTMLElement;
|
|
20384
|
-
/**
|
|
20385
|
-
* CSS display type for both the popover and anchor
|
|
20386
|
-
*/
|
|
20387
|
-
display?: CSSProperties['display'];
|
|
20388
|
-
/**
|
|
20389
|
-
* Object of props passed to EuiFocusTrap
|
|
20390
|
-
*/
|
|
20391
|
-
focusTrapProps?: Partial<EuiFocusTrapProps>;
|
|
20392
|
-
/**
|
|
20393
|
-
* Show arrow indicating to originating button
|
|
20394
|
-
* @default false
|
|
20395
|
-
*/
|
|
20396
|
-
hasArrow?: boolean;
|
|
20397
|
-
/**
|
|
20398
|
-
* Specifies what element should initially have focus; Can be a DOM
|
|
20399
|
-
* node, or a selector string (which will be passed to
|
|
20400
|
-
* document.querySelector() to find the DOM node), or a function that
|
|
20401
|
-
* returns a DOM node.
|
|
20402
|
-
*
|
|
20403
|
-
* If not passed, initial focus defaults to the popover panel.
|
|
20404
|
-
*/
|
|
20405
|
-
initialFocus?: FocusTarget;
|
|
20406
|
-
/**
|
|
20407
|
-
* Passed directly to EuiPortal for DOM positioning. Both properties are
|
|
20408
|
-
* required if prop is specified
|
|
20409
|
-
*/
|
|
20410
|
-
insert?: {
|
|
20411
|
-
sibling: HTMLElement;
|
|
20412
|
-
position: 'before' | 'after';
|
|
20413
|
-
};
|
|
20414
|
-
/**
|
|
20415
|
-
* Visibility state of the popover
|
|
20416
|
-
*/
|
|
20417
|
-
isOpen?: boolean;
|
|
20418
|
-
/**
|
|
20419
|
-
* Traps tab focus within the popover contents
|
|
20420
|
-
*/
|
|
20421
|
-
ownFocus?: boolean;
|
|
20422
|
-
/**
|
|
20423
|
-
* Custom class added to the EuiPanel containing the popover contents
|
|
20424
|
-
*/
|
|
20425
|
-
panelClassName?: string;
|
|
20426
|
-
/**
|
|
20427
|
-
* EuiPanel padding on all sides
|
|
20428
|
-
*/
|
|
20429
|
-
panelPaddingSize?: EuiPaddingSize;
|
|
20430
|
-
/**
|
|
20431
|
-
* Standard DOM `style` attribute. Passed to the EuiPanel
|
|
20432
|
-
*/
|
|
20433
|
-
panelStyle?: CSSProperties;
|
|
20434
|
-
/**
|
|
20435
|
-
* Object of props passed to EuiPanel. See {@link EuiPopoverPanelProps}
|
|
20436
|
-
*/
|
|
20437
|
-
panelProps?: Omit<EuiPopoverPanelProps, 'style' | 'hasShadow' | 'hasBorder' | 'color'>;
|
|
20438
|
-
panelRef?: RefCallback<HTMLElement | null>;
|
|
20439
|
-
/**
|
|
20440
|
-
* Optional screen reader instructions to announce upon popover open,
|
|
20441
|
-
* in addition to EUI's default popover instructions for Escape on close.
|
|
20442
|
-
* Useful for popovers that may have additional keyboard capabilities such as
|
|
20443
|
-
* arrow navigation.
|
|
20444
|
-
*/
|
|
20445
|
-
popoverScreenReaderText?: string | ReactNode;
|
|
20446
|
-
popoverRef?: Ref<HTMLDivElement>;
|
|
20447
|
-
/**
|
|
20448
|
-
* When `true`, the popover's position is re-calculated when the user
|
|
20449
|
-
* scrolls, this supports having fixed-position popover anchors. When nesting
|
|
20450
|
-
* an `EuiPopover` in a scrollable container, `repositionOnScroll` should be `true`
|
|
20451
|
-
*/
|
|
20452
|
-
repositionOnScroll?: boolean;
|
|
20453
|
-
/**
|
|
20454
|
-
* By default, popovers will attempt to position themselves along the initial
|
|
20455
|
-
* axis specified. If there is not enough room either vertically or horizontally
|
|
20456
|
-
* however, the popover will attempt to reposition itself along the secondary
|
|
20457
|
-
* cross axis if there is room there instead.
|
|
20458
|
-
*
|
|
20459
|
-
* If you do not want this repositioning to occur (and it is acceptable for
|
|
20460
|
-
* the popover to appear offscreen), set this to false to disable this behavior.
|
|
20461
|
-
*
|
|
20462
|
-
* @default true
|
|
20463
|
-
*/
|
|
20464
|
-
repositionToCrossAxis?: boolean;
|
|
20465
|
-
/**
|
|
20466
|
-
* By default, popover content inherits the z-index of the anchor
|
|
20467
|
-
* component; pass `zIndex` to override
|
|
20468
|
-
*/
|
|
20469
|
-
zIndex?: number;
|
|
20470
|
-
/**
|
|
20471
|
-
* Distance away from the anchor that the popover will render
|
|
20472
|
-
* @default 4 (0 when `hasArrow=true`)
|
|
20473
|
-
*/
|
|
20474
|
-
offset?: number;
|
|
20475
|
-
/**
|
|
20476
|
-
* Minimum distance between the popover and the bounding container;
|
|
20477
|
-
* Pass an array of 4 values to adjust each side differently: `[top, right, bottom, left]`
|
|
20478
|
-
* @default 16
|
|
20479
|
-
*/
|
|
20480
|
-
buffer?: number | [number, number, number, number];
|
|
20481
|
-
/**
|
|
20482
|
-
* Element to pass as the child element of the arrow;
|
|
20483
|
-
* Use case is typically limited to an accompanying `EuiBeacon`
|
|
20484
|
-
*/
|
|
20485
|
-
arrowChildren?: ReactNode;
|
|
20486
|
-
/**
|
|
20487
|
-
* Provide a name to the popover panel
|
|
20488
|
-
*/
|
|
20489
|
-
'aria-label'?: string;
|
|
20490
|
-
/**
|
|
20491
|
-
* Alternative option to `aria-label` that takes an `id`.
|
|
20492
|
-
* Usually takes the `id` of the popover title
|
|
20493
|
-
*/
|
|
20494
|
-
'aria-labelledby'?: string;
|
|
20495
|
-
/**
|
|
20496
|
-
* Function callback for when the popover positon changes
|
|
20497
|
-
*/
|
|
20498
|
-
onPositionChange?: (position: EuiPopoverPosition) => void;
|
|
20499
|
-
}
|
|
20500
|
-
export function getPopoverPositionFromAnchorPosition(anchorPosition: PopoverAnchorPosition): EuiPopoverPosition;
|
|
20501
|
-
export function getPopoverAlignFromAnchorPosition(anchorPosition: PopoverAnchorPosition): EuiPopoverPosition;
|
|
20502
|
-
export type Props = EuiPopoverProps & HTMLAttributes<HTMLDivElement>;
|
|
20503
|
-
interface State {
|
|
20504
|
-
prevProps: {
|
|
20505
|
-
isOpen?: boolean;
|
|
20506
|
-
};
|
|
20507
|
-
suppressingPopover?: boolean;
|
|
20508
|
-
isClosing: boolean;
|
|
20509
|
-
isOpening: boolean;
|
|
20510
|
-
popoverStyles: CSSProperties;
|
|
20511
|
-
arrowStyles?: CSSProperties;
|
|
20512
|
-
arrowPosition: EuiPopoverArrowPositions | null;
|
|
20513
|
-
openPosition: any;
|
|
20514
|
-
isOpenStable: boolean;
|
|
20515
|
-
}
|
|
20516
|
-
type PropsWithDefaults = Props & {
|
|
20517
|
-
anchorPosition: PopoverAnchorPosition;
|
|
20518
|
-
hasArrow: boolean;
|
|
20519
|
-
isOpen: boolean;
|
|
20520
|
-
ownFocus: boolean;
|
|
20521
|
-
panelPaddingSize: EuiPaddingSize;
|
|
20522
|
-
};
|
|
20523
|
-
export class EuiPopover extends Component<Props, State> {
|
|
20524
|
-
static contextType: React.Context<import ("@elastic/eui/src/components/provider/component_defaults").EuiComponentDefaults>;
|
|
20525
|
-
context: ContextType<typeof EuiComponentDefaultsContext>;
|
|
20526
|
-
private repositionOnScroll;
|
|
20527
|
-
static defaultProps: Partial<PropsWithDefaults>;
|
|
20528
|
-
static getDerivedStateFromProps(nextProps: Props, prevState: State): Partial<State> | null;
|
|
20529
|
-
private repositionTimeout;
|
|
20530
|
-
private strandedFocusTimeout;
|
|
20531
|
-
private closingTransitionTimeout;
|
|
20532
|
-
private closingTransitionAnimationFrame;
|
|
20533
|
-
private button;
|
|
20534
|
-
private panel;
|
|
20535
|
-
private idGenerator;
|
|
20536
|
-
private panelId;
|
|
20537
|
-
private descriptionId;
|
|
20538
|
-
constructor(props: Props);
|
|
20539
|
-
closePopover: () => void;
|
|
20540
|
-
onEscapeKey: (event: Event) => void;
|
|
20541
|
-
getFocusableToggleButton: () => FocusableElement | undefined;
|
|
20542
|
-
handleStrandedFocus: () => void;
|
|
20543
|
-
onKeyDown: (event: KeyboardEvent) => void;
|
|
20544
|
-
onClickOutside: (event: Event) => void;
|
|
20545
|
-
onOpenPopover: () => void;
|
|
20546
|
-
/**
|
|
20547
|
-
* Updates ARIA attributes on the popover trigger button
|
|
20548
|
-
* Only applies ARIA when the trigger is button-like (semantic <button> or role="button").
|
|
20549
|
-
* Avoids adding incorrect ARIA on inputs or other non-button elements.
|
|
20550
|
-
*/
|
|
20551
|
-
private updateTriggerButtonAriaAttributes;
|
|
20552
|
-
componentDidMount(): void;
|
|
20553
|
-
componentDidUpdate(prevProps: Props): void;
|
|
20554
|
-
componentWillUnmount(): void;
|
|
20555
|
-
onMutation: (records: MutationRecord[]) => void;
|
|
20556
|
-
positionPopover: (allowEnforcePosition: boolean) => void;
|
|
20557
|
-
positionPopoverFixed: () => void;
|
|
20558
|
-
positionPopoverFluid: () => void;
|
|
20559
|
-
panelRef: (node: HTMLElement | null) => void;
|
|
20560
|
-
popoverRef: (node: HTMLDivElement | null) => void;
|
|
20561
|
-
render(): React.JSX.Element;
|
|
20562
|
-
}
|
|
20563
|
-
export {};
|
|
20564
|
-
|
|
20565
20745
|
}
|
|
20566
20746
|
declare module '@elastic/eui/src/components/popover/input_popover' {
|
|
20567
20747
|
import React, { FunctionComponent, HTMLAttributes } from 'react';
|
|
@@ -21743,6 +21923,9 @@ declare module '@elastic/eui/src/services/window_event/hooks' {
|
|
|
21743
21923
|
declare module '@elastic/eui/src/services/window_event/window_event' {
|
|
21744
21924
|
type EventNames = keyof WindowEventMap;
|
|
21745
21925
|
interface Props<Ev extends EventNames> {
|
|
21926
|
+
/**
|
|
21927
|
+
* The window event to listen for. Accepts any event name from TypeScript's [WindowEventMap](https://github.com/microsoft/TypeScript/blob/68cead182cc24afdc3f1ce7c8ff5853aba14b65a/lib/lib.dom.d.ts#L26898-L26906).
|
|
21928
|
+
*/
|
|
21746
21929
|
event: Ev;
|
|
21747
21930
|
handler: (this: Window, ev: WindowEventMap[Ev]) => any;
|
|
21748
21931
|
}
|
|
@@ -31098,6 +31281,63 @@ declare module '@elastic/eui/src/components/image' {
|
|
|
31098
31281
|
export type { EuiImageProps } from '@elastic/eui/src/components/image/image_types';
|
|
31099
31282
|
export { EuiImage } from '@elastic/eui/src/components/image/image';
|
|
31100
31283
|
|
|
31284
|
+
}
|
|
31285
|
+
declare module '@elastic/eui/src/components/illustration/illustration.styles' {
|
|
31286
|
+
import { UseEuiTheme } from '@elastic/eui/src/services';
|
|
31287
|
+
export const euiIllustrationStyles: (_euiThemeContext: UseEuiTheme) => {
|
|
31288
|
+
euiIllustration: import("@emotion/react").SerializedStyles;
|
|
31289
|
+
fullWidth: import("@emotion/react").SerializedStyles;
|
|
31290
|
+
};
|
|
31291
|
+
|
|
31292
|
+
}
|
|
31293
|
+
declare module '@elastic/eui/src/components/illustration/illustration' {
|
|
31294
|
+
import { FunctionComponent, HTMLAttributes } from 'react';
|
|
31295
|
+
import { CommonProps } from '@elastic/eui/src/components/common';
|
|
31296
|
+
/**
|
|
31297
|
+
* The data contract for an illustration asset (e.g. an export from `@elastic/eui-illustrations`).
|
|
31298
|
+
* It is declared here so that `@elastic/eui` does not depend on the illustrations package.
|
|
31299
|
+
* The illustrations package can be released independently as long as its assets satisfy this shape.
|
|
31300
|
+
*
|
|
31301
|
+
* @remarks
|
|
31302
|
+
* The `light`/`dark` markup is inlined via `dangerouslySetInnerHTML`. Only pass
|
|
31303
|
+
* trusted, package-authored SVGs — never untrusted or user-supplied markup, as
|
|
31304
|
+
* it would be rendered as-is and could introduce an XSS vulnerability.
|
|
31305
|
+
*/
|
|
31306
|
+
export interface EuiIllustrationSource {
|
|
31307
|
+
/** Unique id for the illustration. */
|
|
31308
|
+
readonly id: string;
|
|
31309
|
+
/** Human-readable title, used as the default accessible label. */
|
|
31310
|
+
readonly title: string;
|
|
31311
|
+
/** Trusted SVG markup for the light color mode. Inlined verbatim — see the interface's security note. */
|
|
31312
|
+
readonly light: string;
|
|
31313
|
+
/** Trusted SVG markup for the dark color mode. Inlined verbatim — see the interface's security note. */
|
|
31314
|
+
readonly dark: string;
|
|
31315
|
+
}
|
|
31316
|
+
export type EuiIllustrationProps = Omit<HTMLAttributes<HTMLSpanElement>, 'children'> & CommonProps & {
|
|
31317
|
+
/**
|
|
31318
|
+
* The illustration asset to render, typically imported from
|
|
31319
|
+
* `@elastic/eui-illustrations`.
|
|
31320
|
+
*/
|
|
31321
|
+
type: EuiIllustrationSource;
|
|
31322
|
+
/**
|
|
31323
|
+
* Accessible label for the illustration. Defaults to the illustration's
|
|
31324
|
+
* `title`. Pass an empty string to mark the illustration as decorative.
|
|
31325
|
+
*/
|
|
31326
|
+
alt?: string;
|
|
31327
|
+
/**
|
|
31328
|
+
* When `true`, stretches the SVG to fill the full width of its container.
|
|
31329
|
+
* When `false`, the SVG maintains its intrinsic width.
|
|
31330
|
+
* Defaults to `true`.
|
|
31331
|
+
*/
|
|
31332
|
+
fullWidth?: boolean;
|
|
31333
|
+
};
|
|
31334
|
+
export const EuiIllustration: FunctionComponent<EuiIllustrationProps>;
|
|
31335
|
+
|
|
31336
|
+
}
|
|
31337
|
+
declare module '@elastic/eui/src/components/illustration' {
|
|
31338
|
+
export type { EuiIllustrationProps, EuiIllustrationSource, } from '@elastic/eui/src/components/illustration/illustration';
|
|
31339
|
+
export { EuiIllustration } from '@elastic/eui/src/components/illustration/illustration';
|
|
31340
|
+
|
|
31101
31341
|
}
|
|
31102
31342
|
declare module '@elastic/eui/src/components/skeleton/skeleton_loading' {
|
|
31103
31343
|
import { FunctionComponent, HTMLAttributes, ReactElement } from 'react';
|
|
@@ -35197,6 +35437,10 @@ declare module '@elastic/eui/src/components/search_bar/search_filters' {
|
|
|
35197
35437
|
query: Query;
|
|
35198
35438
|
onChange: (query: Query) => void;
|
|
35199
35439
|
filters: SearchFilterConfig[];
|
|
35440
|
+
/**
|
|
35441
|
+
* When `true`, creates a shorter height filter group
|
|
35442
|
+
*/
|
|
35443
|
+
compressed?: boolean;
|
|
35200
35444
|
}
|
|
35201
35445
|
export const EuiSearchBarFilters: FunctionComponent<EuiSearchBarFiltersProps>;
|
|
35202
35446
|
|
|
@@ -35208,7 +35452,7 @@ declare module '@elastic/eui/src/components/search_bar/search_bar.styles' {
|
|
|
35208
35452
|
|
|
35209
35453
|
}
|
|
35210
35454
|
declare module '@elastic/eui/src/components/search_bar/search_bar' {
|
|
35211
|
-
import React, {
|
|
35455
|
+
import React, { ReactElement } from 'react';
|
|
35212
35456
|
import { SearchFilterConfig } from '@elastic/eui/src/components/search_bar/search_filters';
|
|
35213
35457
|
import { Query } from '@elastic/eui/src/components/search_bar/query';
|
|
35214
35458
|
import { CommonProps } from '@elastic/eui/src/components/common';
|
|
@@ -35283,27 +35527,20 @@ declare module '@elastic/eui/src/components/search_bar/search_bar' {
|
|
|
35283
35527
|
content: React.ReactNode;
|
|
35284
35528
|
popoverProps?: HintPopOverProps;
|
|
35285
35529
|
};
|
|
35530
|
+
/**
|
|
35531
|
+
* When `true`, creates a shorter height search bar and filters
|
|
35532
|
+
*/
|
|
35533
|
+
compressed?: boolean;
|
|
35534
|
+
/**
|
|
35535
|
+
* Shows a built-in tooltip when an invalid query is typed.
|
|
35536
|
+
* If set to `false`, consumers should provide an alternative way to surface and announce parse errors.
|
|
35537
|
+
*/
|
|
35538
|
+
showErrorTooltip?: boolean;
|
|
35286
35539
|
}
|
|
35287
|
-
|
|
35288
|
-
|
|
35289
|
-
|
|
35290
|
-
error: null | Error;
|
|
35291
|
-
isHintVisible: boolean;
|
|
35292
|
-
}
|
|
35293
|
-
type NotifyControllingParent = Pick<State, 'queryText' | 'error'> & {
|
|
35294
|
-
query: Query | null;
|
|
35540
|
+
export const EuiSearchBar: {
|
|
35541
|
+
(props: EuiSearchBarProps): React.JSX.Element;
|
|
35542
|
+
Query: typeof Query;
|
|
35295
35543
|
};
|
|
35296
|
-
export class EuiSearchBar extends Component<EuiSearchBarProps, State> {
|
|
35297
|
-
static Query: typeof Query;
|
|
35298
|
-
hintId: string;
|
|
35299
|
-
constructor(props: EuiSearchBarProps);
|
|
35300
|
-
static getDerivedStateFromProps(nextProps: EuiSearchBarProps, prevState: State): State | null;
|
|
35301
|
-
notifyControllingParent(newState: NotifyControllingParent): void;
|
|
35302
|
-
onSearch: (queryText: string) => void;
|
|
35303
|
-
onFiltersChange: (query: Query) => void;
|
|
35304
|
-
renderTools(tools?: Tools): React.JSX.Element | React.JSX.Element[] | undefined;
|
|
35305
|
-
render(): React.JSX.Element;
|
|
35306
|
-
}
|
|
35307
35544
|
|
|
35308
35545
|
}
|
|
35309
35546
|
declare module '@elastic/eui/src/components/search_bar' {
|
|
@@ -36571,55 +36808,6 @@ declare module '@elastic/eui/src/components/toast/toast.styles' {
|
|
|
36571
36808
|
hasDismissButton: import("@emotion/react").SerializedStyles;
|
|
36572
36809
|
};
|
|
36573
36810
|
|
|
36574
|
-
}
|
|
36575
|
-
declare module '@elastic/eui/src/components/notification_icon/assets/info_fill' {
|
|
36576
|
-
import * as React from 'react';
|
|
36577
|
-
import type { SVGProps } from 'react';
|
|
36578
|
-
interface SVGRProps {
|
|
36579
|
-
title?: string;
|
|
36580
|
-
titleId?: string;
|
|
36581
|
-
}
|
|
36582
|
-
export const icon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => React.JSX.Element;
|
|
36583
|
-
export {};
|
|
36584
|
-
|
|
36585
|
-
}
|
|
36586
|
-
declare module '@elastic/eui/src/components/notification_icon/assets/warning_static' {
|
|
36587
|
-
import * as React from 'react';
|
|
36588
|
-
import type { SVGProps } from 'react';
|
|
36589
|
-
interface SVGRProps {
|
|
36590
|
-
title?: string;
|
|
36591
|
-
titleId?: string;
|
|
36592
|
-
}
|
|
36593
|
-
export const icon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => React.JSX.Element;
|
|
36594
|
-
export {};
|
|
36595
|
-
|
|
36596
|
-
}
|
|
36597
|
-
declare module '@elastic/eui/src/components/notification_icon/notification_icon.styles' {
|
|
36598
|
-
import { UseEuiTheme } from '@elastic/eui/src/services';
|
|
36599
|
-
export const euiNotificationIconStyles: ({ euiTheme }: UseEuiTheme) => {
|
|
36600
|
-
euiNotificationIcon: import("@emotion/react").SerializedStyles;
|
|
36601
|
-
size: {
|
|
36602
|
-
l: import("@emotion/react").SerializedStyles;
|
|
36603
|
-
};
|
|
36604
|
-
};
|
|
36605
|
-
|
|
36606
|
-
}
|
|
36607
|
-
declare module '@elastic/eui/src/components/notification_icon/notification_icon' {
|
|
36608
|
-
import { FunctionComponent } from 'react';
|
|
36609
|
-
import { CommonProps } from '@elastic/eui/src/components/common';
|
|
36610
|
-
import { IconType } from '@elastic/eui/src/components/icon/icon'; const TYPES: readonly ["info", "success", "warning", "error"];
|
|
36611
|
-
export type EuiNotificationIconType = (typeof TYPES)[number];
|
|
36612
|
-
export const NOTIFICATION_ICONS_MAP: Record<EuiNotificationIconType, {
|
|
36613
|
-
name: string;
|
|
36614
|
-
icon: IconType;
|
|
36615
|
-
}>;
|
|
36616
|
-
export type EuiNotificationIconProps = CommonProps & {
|
|
36617
|
-
type: EuiNotificationIconType;
|
|
36618
|
-
size?: 'm' | 'l';
|
|
36619
|
-
};
|
|
36620
|
-
export const EuiNotificationIcon: FunctionComponent<EuiNotificationIconProps>;
|
|
36621
|
-
export {};
|
|
36622
|
-
|
|
36623
36811
|
}
|
|
36624
36812
|
declare module '@elastic/eui/src/components/toast/types' {
|
|
36625
36813
|
export const COLORS: readonly ["primary", "success", "warning", "danger"];
|
|
@@ -36854,6 +37042,7 @@ declare module '@elastic/eui/src/components' {
|
|
|
36854
37042
|
export * from '@elastic/eui/src/components/horizontal_rule';
|
|
36855
37043
|
export * from '@elastic/eui/src/components/icon';
|
|
36856
37044
|
export * from '@elastic/eui/src/components/image';
|
|
37045
|
+
export * from '@elastic/eui/src/components/illustration';
|
|
36857
37046
|
export * from '@elastic/eui/src/components/inner_text';
|
|
36858
37047
|
export * from '@elastic/eui/src/components/inline_edit';
|
|
36859
37048
|
export * from '@elastic/eui/src/components/i18n';
|