@elastic/eui 116.1.0 → 116.2.0-snapshot.1780097782326

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.
Files changed (445) hide show
  1. package/es/components/avatar/avatar.js +15 -6
  2. package/es/components/badge/badge.js +1 -1
  3. package/es/components/badge/beta_badge/beta_badge.js +1 -1
  4. package/es/components/banner/banner.js +202 -0
  5. package/es/components/banner/banner.styles.js +76 -0
  6. package/es/components/banner/index.js +9 -0
  7. package/es/components/basic_table/basic_table.js +28 -14
  8. package/es/components/basic_table/collapsed_item_actions.js +5 -4
  9. package/es/components/basic_table/default_item_action.js +3 -5
  10. package/es/components/basic_table/in_memory_table.js +4 -4
  11. package/es/components/breadcrumbs/_breadcrumb_content.js +29 -19
  12. package/es/components/button/button_display/_button_display_content.js +1 -1
  13. package/es/components/button/button_empty/button_empty.js +1 -1
  14. package/es/components/button/button_icon/button_icon.js +1 -1
  15. package/es/components/call_out/call_out.js +1 -1
  16. package/es/components/card/card.js +1 -1
  17. package/es/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +1 -1
  18. package/es/components/collapsible_nav_beta/_kibana_solution/collapsible_nav_kibana_solution.js +1 -1
  19. package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_button.js +1 -1
  20. package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_item.js +2 -2
  21. package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_popover.js +2 -2
  22. package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.js +4 -4
  23. package/es/components/combo_box/combo_box_options_list/combo_box_options_list.js +2 -1
  24. package/es/components/comment_list/comment.js +2 -2
  25. package/es/components/comment_list/comment_event.js +1 -1
  26. package/es/components/comment_list/comment_list.js +2 -2
  27. package/es/components/comment_list/comment_timeline.js +1 -1
  28. package/es/components/context_menu/context_menu_item.js +1 -1
  29. package/es/components/context_menu/context_menu_panel_title.js +0 -12
  30. package/es/components/datagrid/body/cell/data_grid_cell.js +12 -12
  31. package/es/components/datagrid/body/cell/data_grid_cell_actions.js +11 -7
  32. package/es/components/datagrid/body/cell/data_grid_cell_actions.styles.js +2 -2
  33. package/es/components/datagrid/body/data_grid_body.js +7 -7
  34. package/es/components/datagrid/body/data_grid_body_custom.js +7 -7
  35. package/es/components/datagrid/body/data_grid_body_virtualized.js +7 -7
  36. package/es/components/datagrid/body/header/data_grid_header_cell.js +6 -6
  37. package/es/components/datagrid/controls/column_sorting.js +7 -7
  38. package/es/components/datagrid/controls/column_sorting_draggable.js +1 -1
  39. package/es/components/datagrid/controls/data_grid_toolbar_control.js +1 -1
  40. package/es/components/datagrid/controls/display_selector.js +2 -1
  41. package/es/components/datagrid/controls/keyboard_shortcuts.js +2 -1
  42. package/es/components/datagrid/utils/in_memory.js +6 -6
  43. package/es/components/date_picker/auto_refresh/auto_refresh.js +7 -4
  44. package/es/components/date_picker/date_picker.js +2 -2
  45. package/es/components/date_picker/date_picker_range.js +1 -1
  46. package/es/components/date_picker/super_date_picker/date_popover/absolute_tab.js +6 -3
  47. package/es/components/date_picker/super_date_picker/date_popover/date_popover_button.js +10 -2
  48. package/es/components/date_picker/super_date_picker/date_popover/date_popover_button.styles.js +2 -1
  49. package/es/components/date_picker/super_date_picker/quick_select_popover/quick_select_popover.js +8 -5
  50. package/es/components/empty_prompt/empty_prompt.js +1 -1
  51. package/es/components/flyout/flyout_menu.js +2 -2
  52. package/es/components/flyout/manager/flyout_child.js +1 -1
  53. package/es/components/flyout/manager/flyout_managed.js +1 -1
  54. package/es/components/form/field_number/field_number.js +2 -2
  55. package/es/components/form/field_password/field_password.js +6 -3
  56. package/es/components/form/field_text/field_text.js +2 -2
  57. package/es/components/form/form_control_button/form_control_button.js +1 -1
  58. package/es/components/form/form_control_layout/append_prepend/form_append_prepend.js +2 -2
  59. package/es/components/form/form_control_layout/form_control_layout.js +2 -2
  60. package/es/components/form/form_control_layout/form_control_layout_custom_icon.js +1 -1
  61. package/es/components/form/form_control_layout/form_control_layout_icons.js +2 -2
  62. package/es/components/form/text_area/text_area.js +2 -2
  63. package/es/components/header/header.a11y.js +1 -1
  64. package/es/components/header/header_links/header_link.js +1 -1
  65. package/es/components/header/header_links/header_links.js +1 -1
  66. package/es/components/header/header_logo/header_logo.js +1 -1
  67. package/es/components/header/header_section/header_section_item_button.js +1 -1
  68. package/es/components/icon/assets/significant_events.js +39 -0
  69. package/es/components/icon/icon.js +1 -1
  70. package/es/components/icon/icon_glyphs.a11y.js +1 -1
  71. package/es/components/icon/icon_map.js +3 -0
  72. package/es/components/index.js +1 -0
  73. package/es/components/key_pad_menu/key_pad_menu_item.js +1 -1
  74. package/es/components/list_group/list_group.js +2 -2
  75. package/es/components/list_group/list_group_item.js +2 -2
  76. package/es/components/list_group/list_group_item_extra_action.js +1 -1
  77. package/es/components/list_group/pinnable_list_group/pinnable_list_group.js +4 -4
  78. package/es/components/list_item_layout/_list_item_layout.styles.js +1 -1
  79. package/es/components/loading/loading_logo.js +1 -1
  80. package/es/components/markdown_editor/markdown_editor.js +1 -1
  81. package/es/components/markdown_editor/markdown_editor_drop_zone.js +1 -1
  82. package/es/components/markdown_editor/markdown_editor_footer.js +1 -1
  83. package/es/components/markdown_editor/markdown_editor_help_button.js +7 -4
  84. package/es/components/markdown_editor/markdown_editor_toolbar.js +1 -1
  85. package/es/components/outside_click_detector/outside_click_detector.js +71 -108
  86. package/es/components/page/page_header/page_header_content.js +1 -1
  87. package/es/components/pagination/pagination_button.js +1 -1
  88. package/es/components/pagination/pagination_button_arrow.js +6 -2
  89. package/es/components/search_bar/search_bar.js +20 -16
  90. package/es/components/search_bar/search_box.js +4 -2
  91. package/es/components/selectable/selectable_list/selectable_list.js +2 -2
  92. package/es/components/selectable/selectable_list/selectable_list.styles.js +1 -1
  93. package/es/components/selectable/selectable_list/selectable_list_item.js +1 -1
  94. package/es/components/selectable/selectable_templates/selectable_template_sitewide.js +3 -2
  95. package/es/components/table/sticky_header/context.js +32 -0
  96. package/es/components/table/sticky_header/index.js +10 -0
  97. package/es/components/table/sticky_header/sticky_header.js +151 -0
  98. package/es/components/table/sticky_header/sticky_header.styles.js +43 -0
  99. package/es/components/table/sticky_scrollbar/index.js +9 -0
  100. package/es/components/table/sticky_scrollbar/sticky_scrollbar.js +141 -0
  101. package/es/components/table/sticky_scrollbar/sticky_scrollbar.styles.js +27 -0
  102. package/es/components/table/store/provider.js +37 -0
  103. package/es/components/table/store/store.js +75 -0
  104. package/es/components/table/table.js +43 -6
  105. package/es/components/table/table.styles.js +4 -4
  106. package/es/components/table/table_header_cell.js +117 -49
  107. package/es/components/table/table_header_cell_checkbox.js +59 -25
  108. package/es/components/text_truncate/text_truncate.js +8 -3
  109. package/es/components/timeline/timeline_item_icon.js +1 -1
  110. package/es/components/toast/global_toast_list.js +1 -1
  111. package/es/components/toast/toast.js +1 -1
  112. package/es/components/tool_tip/icon_tip.js +1 -1
  113. package/es/components/tool_tip/tool_tip.js +1 -1
  114. package/es/components/tool_tip/tool_tip.styles.js +14 -5
  115. package/es/utils/publisher.js +53 -0
  116. package/eui.d.ts +1300 -989
  117. package/i18ntokens.json +2390 -2372
  118. package/lib/components/avatar/avatar.js +15 -6
  119. package/lib/components/badge/badge.js +1 -1
  120. package/lib/components/badge/beta_badge/beta_badge.js +1 -1
  121. package/lib/components/banner/banner.js +211 -0
  122. package/lib/components/banner/banner.styles.js +80 -0
  123. package/lib/components/banner/index.js +12 -0
  124. package/lib/components/basic_table/basic_table.js +28 -14
  125. package/lib/components/basic_table/collapsed_item_actions.js +5 -4
  126. package/lib/components/basic_table/default_item_action.js +3 -5
  127. package/lib/components/basic_table/in_memory_table.js +4 -4
  128. package/lib/components/breadcrumbs/_breadcrumb_content.js +29 -19
  129. package/lib/components/button/button_display/_button_display_content.js +1 -1
  130. package/lib/components/button/button_empty/button_empty.js +1 -1
  131. package/lib/components/button/button_icon/button_icon.js +1 -1
  132. package/lib/components/call_out/call_out.js +1 -1
  133. package/lib/components/card/card.js +1 -1
  134. package/lib/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +1 -1
  135. package/lib/components/collapsible_nav_beta/_kibana_solution/collapsible_nav_kibana_solution.js +1 -1
  136. package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_button.js +1 -1
  137. package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_item.js +2 -2
  138. package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_popover.js +2 -2
  139. package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.js +4 -4
  140. package/lib/components/combo_box/combo_box_options_list/combo_box_options_list.js +2 -1
  141. package/lib/components/comment_list/comment.js +2 -2
  142. package/lib/components/comment_list/comment_event.js +1 -1
  143. package/lib/components/comment_list/comment_list.js +2 -2
  144. package/lib/components/comment_list/comment_timeline.js +1 -1
  145. package/lib/components/context_menu/context_menu_item.js +1 -1
  146. package/lib/components/context_menu/context_menu_panel_title.js +0 -12
  147. package/lib/components/datagrid/body/cell/data_grid_cell.js +12 -12
  148. package/lib/components/datagrid/body/cell/data_grid_cell_actions.js +11 -7
  149. package/lib/components/datagrid/body/cell/data_grid_cell_actions.styles.js +1 -1
  150. package/lib/components/datagrid/body/data_grid_body.js +7 -7
  151. package/lib/components/datagrid/body/data_grid_body_custom.js +7 -7
  152. package/lib/components/datagrid/body/data_grid_body_virtualized.js +7 -7
  153. package/lib/components/datagrid/body/header/data_grid_header_cell.js +6 -6
  154. package/lib/components/datagrid/controls/column_sorting.js +7 -7
  155. package/lib/components/datagrid/controls/column_sorting_draggable.js +1 -1
  156. package/lib/components/datagrid/controls/data_grid_toolbar_control.js +1 -1
  157. package/lib/components/datagrid/controls/display_selector.js +2 -1
  158. package/lib/components/datagrid/controls/keyboard_shortcuts.js +2 -1
  159. package/lib/components/datagrid/utils/in_memory.js +6 -6
  160. package/lib/components/date_picker/auto_refresh/auto_refresh.js +7 -4
  161. package/lib/components/date_picker/date_picker.js +2 -2
  162. package/lib/components/date_picker/date_picker_range.js +1 -1
  163. package/lib/components/date_picker/super_date_picker/date_popover/absolute_tab.js +6 -3
  164. package/lib/components/date_picker/super_date_picker/date_popover/date_popover_button.js +10 -2
  165. package/lib/components/date_picker/super_date_picker/date_popover/date_popover_button.styles.js +2 -1
  166. package/lib/components/date_picker/super_date_picker/quick_select_popover/quick_select_popover.js +8 -5
  167. package/lib/components/empty_prompt/empty_prompt.js +1 -1
  168. package/lib/components/flyout/flyout_menu.js +2 -2
  169. package/lib/components/flyout/manager/flyout_child.js +1 -1
  170. package/lib/components/form/field_number/field_number.js +2 -2
  171. package/lib/components/form/field_password/field_password.js +6 -3
  172. package/lib/components/form/field_text/field_text.js +2 -2
  173. package/lib/components/form/form_control_button/form_control_button.js +1 -1
  174. package/lib/components/form/form_control_layout/append_prepend/form_append_prepend.js +2 -2
  175. package/lib/components/form/form_control_layout/form_control_layout.js +2 -2
  176. package/lib/components/form/form_control_layout/form_control_layout_custom_icon.js +1 -1
  177. package/lib/components/form/form_control_layout/form_control_layout_icons.js +2 -2
  178. package/lib/components/form/text_area/text_area.js +2 -2
  179. package/lib/components/header/header.a11y.js +1 -1
  180. package/lib/components/header/header_links/header_link.js +1 -1
  181. package/lib/components/header/header_links/header_links.js +1 -1
  182. package/lib/components/header/header_logo/header_logo.js +1 -1
  183. package/lib/components/header/header_section/header_section_item_button.js +1 -1
  184. package/lib/components/icon/assets/significant_events.js +46 -0
  185. package/lib/components/icon/icon.js +1 -1
  186. package/lib/components/icon/icon_glyphs.a11y.js +1 -1
  187. package/lib/components/icon/icon_map.js +5 -0
  188. package/lib/components/icon/svgs/significant_events.svg +11 -0
  189. package/lib/components/index.js +11 -0
  190. package/lib/components/key_pad_menu/key_pad_menu_item.js +1 -1
  191. package/lib/components/list_group/list_group.js +2 -2
  192. package/lib/components/list_group/list_group_item.js +2 -2
  193. package/lib/components/list_group/list_group_item_extra_action.js +1 -1
  194. package/lib/components/list_group/pinnable_list_group/pinnable_list_group.js +4 -4
  195. package/lib/components/list_item_layout/_list_item_layout.styles.js +1 -1
  196. package/lib/components/loading/loading_logo.js +1 -1
  197. package/lib/components/markdown_editor/markdown_editor.js +1 -1
  198. package/lib/components/markdown_editor/markdown_editor_drop_zone.js +1 -1
  199. package/lib/components/markdown_editor/markdown_editor_footer.js +1 -1
  200. package/lib/components/markdown_editor/markdown_editor_help_button.js +7 -4
  201. package/lib/components/markdown_editor/markdown_editor_toolbar.js +1 -1
  202. package/lib/components/outside_click_detector/outside_click_detector.js +69 -106
  203. package/lib/components/page/page_header/page_header_content.js +1 -1
  204. package/lib/components/pagination/pagination_button.js +1 -1
  205. package/lib/components/pagination/pagination_button_arrow.js +6 -2
  206. package/lib/components/search_bar/search_bar.js +20 -16
  207. package/lib/components/search_bar/search_box.js +4 -2
  208. package/lib/components/selectable/selectable_list/selectable_list.js +2 -2
  209. package/lib/components/selectable/selectable_list/selectable_list.styles.js +1 -1
  210. package/lib/components/selectable/selectable_list/selectable_list_item.js +1 -1
  211. package/lib/components/selectable/selectable_templates/selectable_template_sitewide.js +3 -2
  212. package/lib/components/table/sticky_header/context.js +41 -0
  213. package/lib/components/table/sticky_header/index.js +19 -0
  214. package/lib/components/table/sticky_header/sticky_header.js +156 -0
  215. package/lib/components/table/sticky_header/sticky_header.styles.js +47 -0
  216. package/lib/components/table/sticky_scrollbar/index.js +12 -0
  217. package/lib/components/table/sticky_scrollbar/sticky_scrollbar.js +148 -0
  218. package/lib/components/table/sticky_scrollbar/sticky_scrollbar.styles.js +31 -0
  219. package/lib/components/table/store/provider.js +46 -0
  220. package/lib/components/table/store/store.js +80 -0
  221. package/lib/components/table/table.js +46 -6
  222. package/lib/components/table/table.styles.js +4 -4
  223. package/lib/components/table/table_header_cell.js +119 -49
  224. package/lib/components/table/table_header_cell_checkbox.js +62 -25
  225. package/lib/components/text_truncate/text_truncate.js +8 -3
  226. package/lib/components/timeline/timeline_item_icon.js +1 -1
  227. package/lib/components/toast/global_toast_list.js +1 -1
  228. package/lib/components/toast/toast.js +1 -1
  229. package/lib/components/tool_tip/icon_tip.js +1 -1
  230. package/lib/components/tool_tip/tool_tip.js +1 -1
  231. package/lib/components/tool_tip/tool_tip.styles.js +14 -5
  232. package/lib/utils/publisher.js +59 -0
  233. package/optimize/es/components/avatar/avatar.js +12 -4
  234. package/optimize/es/components/banner/banner.js +112 -0
  235. package/optimize/es/components/banner/banner.styles.js +76 -0
  236. package/optimize/es/components/banner/index.js +9 -0
  237. package/optimize/es/components/basic_table/basic_table.js +24 -10
  238. package/optimize/es/components/basic_table/collapsed_item_actions.js +5 -4
  239. package/optimize/es/components/basic_table/default_item_action.js +3 -5
  240. package/optimize/es/components/breadcrumbs/_breadcrumb_content.js +27 -18
  241. package/optimize/es/components/combo_box/combo_box_options_list/combo_box_options_list.js +2 -1
  242. package/optimize/es/components/datagrid/body/cell/data_grid_cell_actions.js +11 -7
  243. package/optimize/es/components/datagrid/body/cell/data_grid_cell_actions.styles.js +2 -2
  244. package/optimize/es/components/datagrid/controls/display_selector.js +2 -1
  245. package/optimize/es/components/datagrid/controls/keyboard_shortcuts.js +2 -1
  246. package/optimize/es/components/date_picker/auto_refresh/auto_refresh.js +7 -4
  247. package/optimize/es/components/date_picker/super_date_picker/date_popover/absolute_tab.js +6 -3
  248. package/optimize/es/components/date_picker/super_date_picker/date_popover/date_popover_button.js +10 -2
  249. package/optimize/es/components/date_picker/super_date_picker/date_popover/date_popover_button.styles.js +2 -1
  250. package/optimize/es/components/date_picker/super_date_picker/quick_select_popover/quick_select_popover.js +8 -5
  251. package/optimize/es/components/form/field_password/field_password.js +6 -3
  252. package/optimize/es/components/header/header.a11y.js +1 -1
  253. package/optimize/es/components/icon/assets/significant_events.js +38 -0
  254. package/optimize/es/components/icon/icon_glyphs.a11y.js +1 -1
  255. package/optimize/es/components/icon/icon_map.js +3 -0
  256. package/optimize/es/components/index.js +1 -0
  257. package/optimize/es/components/list_item_layout/_list_item_layout.styles.js +1 -1
  258. package/optimize/es/components/markdown_editor/markdown_editor_help_button.js +7 -4
  259. package/optimize/es/components/outside_click_detector/outside_click_detector.js +70 -104
  260. package/optimize/es/components/pagination/pagination_button_arrow.js +6 -2
  261. package/optimize/es/components/search_bar/search_bar.js +20 -16
  262. package/optimize/es/components/search_bar/search_box.js +4 -2
  263. package/optimize/es/components/selectable/selectable_list/selectable_list.js +1 -1
  264. package/optimize/es/components/selectable/selectable_list/selectable_list.styles.js +1 -1
  265. package/optimize/es/components/table/sticky_header/context.js +32 -0
  266. package/optimize/es/components/table/sticky_header/index.js +10 -0
  267. package/optimize/es/components/table/sticky_header/sticky_header.js +146 -0
  268. package/optimize/es/components/table/sticky_header/sticky_header.styles.js +43 -0
  269. package/optimize/es/components/table/sticky_scrollbar/index.js +9 -0
  270. package/optimize/es/components/table/sticky_scrollbar/sticky_scrollbar.js +136 -0
  271. package/optimize/es/components/table/sticky_scrollbar/sticky_scrollbar.styles.js +27 -0
  272. package/optimize/es/components/table/store/provider.js +37 -0
  273. package/optimize/es/components/table/store/store.js +75 -0
  274. package/optimize/es/components/table/table.js +25 -6
  275. package/optimize/es/components/table/table.styles.js +4 -4
  276. package/optimize/es/components/table/table_header_cell.js +116 -48
  277. package/optimize/es/components/table/table_header_cell_checkbox.js +59 -25
  278. package/optimize/es/components/text_truncate/text_truncate.js +8 -3
  279. package/optimize/es/components/tool_tip/tool_tip.js +1 -1
  280. package/optimize/es/components/tool_tip/tool_tip.styles.js +14 -5
  281. package/optimize/es/utils/publisher.js +53 -0
  282. package/optimize/lib/components/avatar/avatar.js +12 -4
  283. package/optimize/lib/components/banner/banner.js +121 -0
  284. package/optimize/lib/components/banner/banner.styles.js +80 -0
  285. package/optimize/lib/components/banner/index.js +12 -0
  286. package/optimize/lib/components/basic_table/basic_table.js +24 -10
  287. package/optimize/lib/components/basic_table/collapsed_item_actions.js +5 -4
  288. package/optimize/lib/components/basic_table/default_item_action.js +3 -5
  289. package/optimize/lib/components/breadcrumbs/_breadcrumb_content.js +27 -18
  290. package/optimize/lib/components/combo_box/combo_box_options_list/combo_box_options_list.js +2 -1
  291. package/optimize/lib/components/datagrid/body/cell/data_grid_cell_actions.js +11 -7
  292. package/optimize/lib/components/datagrid/body/cell/data_grid_cell_actions.styles.js +1 -1
  293. package/optimize/lib/components/datagrid/controls/display_selector.js +2 -1
  294. package/optimize/lib/components/datagrid/controls/keyboard_shortcuts.js +2 -1
  295. package/optimize/lib/components/date_picker/auto_refresh/auto_refresh.js +7 -4
  296. package/optimize/lib/components/date_picker/super_date_picker/date_popover/absolute_tab.js +6 -3
  297. package/optimize/lib/components/date_picker/super_date_picker/date_popover/date_popover_button.js +10 -2
  298. package/optimize/lib/components/date_picker/super_date_picker/date_popover/date_popover_button.styles.js +2 -1
  299. package/optimize/lib/components/date_picker/super_date_picker/quick_select_popover/quick_select_popover.js +8 -5
  300. package/optimize/lib/components/form/field_password/field_password.js +6 -3
  301. package/optimize/lib/components/header/header.a11y.js +1 -1
  302. package/optimize/lib/components/icon/assets/significant_events.js +46 -0
  303. package/optimize/lib/components/icon/icon_glyphs.a11y.js +1 -1
  304. package/optimize/lib/components/icon/icon_map.js +5 -0
  305. package/optimize/lib/components/icon/svgs/significant_events.svg +11 -0
  306. package/optimize/lib/components/index.js +11 -0
  307. package/optimize/lib/components/list_item_layout/_list_item_layout.styles.js +1 -1
  308. package/optimize/lib/components/markdown_editor/markdown_editor_help_button.js +7 -4
  309. package/optimize/lib/components/outside_click_detector/outside_click_detector.js +69 -103
  310. package/optimize/lib/components/pagination/pagination_button_arrow.js +6 -2
  311. package/optimize/lib/components/search_bar/search_bar.js +20 -16
  312. package/optimize/lib/components/search_bar/search_box.js +4 -2
  313. package/optimize/lib/components/selectable/selectable_list/selectable_list.js +1 -1
  314. package/optimize/lib/components/selectable/selectable_list/selectable_list.styles.js +1 -1
  315. package/optimize/lib/components/table/sticky_header/context.js +41 -0
  316. package/optimize/lib/components/table/sticky_header/index.js +19 -0
  317. package/optimize/lib/components/table/sticky_header/sticky_header.js +156 -0
  318. package/optimize/lib/components/table/sticky_header/sticky_header.styles.js +47 -0
  319. package/optimize/lib/components/table/sticky_scrollbar/index.js +12 -0
  320. package/optimize/lib/components/table/sticky_scrollbar/sticky_scrollbar.js +146 -0
  321. package/optimize/lib/components/table/sticky_scrollbar/sticky_scrollbar.styles.js +31 -0
  322. package/optimize/lib/components/table/store/provider.js +46 -0
  323. package/optimize/lib/components/table/store/store.js +80 -0
  324. package/optimize/lib/components/table/table.js +28 -6
  325. package/optimize/lib/components/table/table.styles.js +4 -4
  326. package/optimize/lib/components/table/table_header_cell.js +119 -48
  327. package/optimize/lib/components/table/table_header_cell_checkbox.js +62 -25
  328. package/optimize/lib/components/text_truncate/text_truncate.js +8 -3
  329. package/optimize/lib/components/tool_tip/tool_tip.js +1 -1
  330. package/optimize/lib/components/tool_tip/tool_tip.styles.js +14 -5
  331. package/optimize/lib/utils/publisher.js +59 -0
  332. package/package.json +4 -4
  333. package/test-env/components/avatar/avatar.js +15 -6
  334. package/test-env/components/badge/badge.js +1 -1
  335. package/test-env/components/badge/beta_badge/beta_badge.js +1 -1
  336. package/test-env/components/banner/banner.js +210 -0
  337. package/test-env/components/banner/banner.styles.js +80 -0
  338. package/test-env/components/banner/index.js +12 -0
  339. package/test-env/components/basic_table/basic_table.js +28 -14
  340. package/test-env/components/basic_table/collapsed_item_actions.js +5 -4
  341. package/test-env/components/basic_table/default_item_action.js +3 -5
  342. package/test-env/components/basic_table/in_memory_table.js +4 -4
  343. package/test-env/components/breadcrumbs/_breadcrumb_content.js +29 -19
  344. package/test-env/components/button/button_display/_button_display_content.js +1 -1
  345. package/test-env/components/button/button_empty/button_empty.js +1 -1
  346. package/test-env/components/button/button_icon/button_icon.js +1 -1
  347. package/test-env/components/call_out/call_out.js +1 -1
  348. package/test-env/components/card/card.js +1 -1
  349. package/test-env/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +1 -1
  350. package/test-env/components/collapsible_nav_beta/_kibana_solution/collapsible_nav_kibana_solution.js +1 -1
  351. package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_button.js +1 -1
  352. package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_item.js +2 -2
  353. package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_popover.js +2 -2
  354. package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.js +4 -4
  355. package/test-env/components/combo_box/combo_box_options_list/combo_box_options_list.js +2 -1
  356. package/test-env/components/comment_list/comment.js +2 -2
  357. package/test-env/components/comment_list/comment_event.js +1 -1
  358. package/test-env/components/comment_list/comment_list.js +2 -2
  359. package/test-env/components/comment_list/comment_timeline.js +1 -1
  360. package/test-env/components/context_menu/context_menu_item.js +1 -1
  361. package/test-env/components/context_menu/context_menu_panel_title.js +0 -12
  362. package/test-env/components/datagrid/body/cell/data_grid_cell.js +12 -12
  363. package/test-env/components/datagrid/body/cell/data_grid_cell_actions.js +11 -7
  364. package/test-env/components/datagrid/body/cell/data_grid_cell_actions.styles.js +1 -1
  365. package/test-env/components/datagrid/body/data_grid_body.js +7 -7
  366. package/test-env/components/datagrid/body/data_grid_body_custom.js +7 -7
  367. package/test-env/components/datagrid/body/data_grid_body_virtualized.js +7 -7
  368. package/test-env/components/datagrid/body/header/data_grid_header_cell.js +6 -6
  369. package/test-env/components/datagrid/controls/column_sorting.js +7 -7
  370. package/test-env/components/datagrid/controls/column_sorting_draggable.js +1 -1
  371. package/test-env/components/datagrid/controls/data_grid_toolbar_control.js +1 -1
  372. package/test-env/components/datagrid/controls/display_selector.js +2 -1
  373. package/test-env/components/datagrid/controls/keyboard_shortcuts.js +2 -1
  374. package/test-env/components/datagrid/utils/in_memory.js +6 -6
  375. package/test-env/components/date_picker/auto_refresh/auto_refresh.js +7 -4
  376. package/test-env/components/date_picker/date_picker.js +2 -2
  377. package/test-env/components/date_picker/date_picker_range.js +1 -1
  378. package/test-env/components/date_picker/super_date_picker/date_popover/absolute_tab.js +6 -3
  379. package/test-env/components/date_picker/super_date_picker/date_popover/date_popover_button.js +10 -2
  380. package/test-env/components/date_picker/super_date_picker/date_popover/date_popover_button.styles.js +2 -1
  381. package/test-env/components/date_picker/super_date_picker/quick_select_popover/quick_select_popover.js +8 -5
  382. package/test-env/components/empty_prompt/empty_prompt.js +1 -1
  383. package/test-env/components/flyout/flyout_menu.js +2 -2
  384. package/test-env/components/flyout/manager/flyout_child.js +1 -1
  385. package/test-env/components/form/field_number/field_number.js +2 -2
  386. package/test-env/components/form/field_password/field_password.js +6 -3
  387. package/test-env/components/form/field_text/field_text.js +2 -2
  388. package/test-env/components/form/form_control_button/form_control_button.js +1 -1
  389. package/test-env/components/form/form_control_layout/append_prepend/form_append_prepend.js +2 -2
  390. package/test-env/components/form/form_control_layout/form_control_layout.js +2 -2
  391. package/test-env/components/form/form_control_layout/form_control_layout_custom_icon.js +1 -1
  392. package/test-env/components/form/form_control_layout/form_control_layout_icons.js +2 -2
  393. package/test-env/components/form/text_area/text_area.js +2 -2
  394. package/test-env/components/header/header.a11y.js +1 -1
  395. package/test-env/components/header/header_links/header_link.js +1 -1
  396. package/test-env/components/header/header_links/header_links.js +1 -1
  397. package/test-env/components/header/header_logo/header_logo.js +1 -1
  398. package/test-env/components/header/header_section/header_section_item_button.js +1 -1
  399. package/test-env/components/icon/assets/significant_events.js +46 -0
  400. package/test-env/components/icon/icon_glyphs.a11y.js +1 -1
  401. package/test-env/components/icon/icon_map.js +5 -0
  402. package/test-env/components/index.js +11 -0
  403. package/test-env/components/key_pad_menu/key_pad_menu_item.js +1 -1
  404. package/test-env/components/list_group/list_group.js +2 -2
  405. package/test-env/components/list_group/list_group_item.js +2 -2
  406. package/test-env/components/list_group/list_group_item_extra_action.js +1 -1
  407. package/test-env/components/list_group/pinnable_list_group/pinnable_list_group.js +4 -4
  408. package/test-env/components/list_item_layout/_list_item_layout.styles.js +1 -1
  409. package/test-env/components/loading/loading_logo.js +1 -1
  410. package/test-env/components/markdown_editor/markdown_editor.js +1 -1
  411. package/test-env/components/markdown_editor/markdown_editor_drop_zone.js +1 -1
  412. package/test-env/components/markdown_editor/markdown_editor_footer.js +1 -1
  413. package/test-env/components/markdown_editor/markdown_editor_help_button.js +7 -4
  414. package/test-env/components/markdown_editor/markdown_editor_toolbar.js +1 -1
  415. package/test-env/components/outside_click_detector/outside_click_detector.js +70 -104
  416. package/test-env/components/page/page_header/page_header_content.js +1 -1
  417. package/test-env/components/pagination/pagination_button.js +1 -1
  418. package/test-env/components/pagination/pagination_button_arrow.js +6 -2
  419. package/test-env/components/search_bar/search_bar.js +20 -16
  420. package/test-env/components/search_bar/search_box.js +4 -2
  421. package/test-env/components/selectable/selectable_list/selectable_list.js +2 -2
  422. package/test-env/components/selectable/selectable_list/selectable_list.styles.js +1 -1
  423. package/test-env/components/selectable/selectable_list/selectable_list_item.js +1 -1
  424. package/test-env/components/selectable/selectable_templates/selectable_template_sitewide.js +3 -2
  425. package/test-env/components/table/sticky_header/context.js +41 -0
  426. package/test-env/components/table/sticky_header/index.js +19 -0
  427. package/test-env/components/table/sticky_header/sticky_header.js +156 -0
  428. package/test-env/components/table/sticky_header/sticky_header.styles.js +47 -0
  429. package/test-env/components/table/sticky_scrollbar/index.js +12 -0
  430. package/test-env/components/table/sticky_scrollbar/sticky_scrollbar.js +146 -0
  431. package/test-env/components/table/sticky_scrollbar/sticky_scrollbar.styles.js +31 -0
  432. package/test-env/components/table/store/provider.js +46 -0
  433. package/test-env/components/table/store/store.js +80 -0
  434. package/test-env/components/table/table.js +46 -6
  435. package/test-env/components/table/table.styles.js +4 -4
  436. package/test-env/components/table/table_header_cell.js +120 -49
  437. package/test-env/components/table/table_header_cell_checkbox.js +62 -25
  438. package/test-env/components/text_truncate/text_truncate.js +8 -3
  439. package/test-env/components/timeline/timeline_item_icon.js +1 -1
  440. package/test-env/components/toast/global_toast_list.js +1 -1
  441. package/test-env/components/toast/toast.js +1 -1
  442. package/test-env/components/tool_tip/icon_tip.js +1 -1
  443. package/test-env/components/tool_tip/tool_tip.js +1 -1
  444. package/test-env/components/tool_tip/tool_tip.styles.js +14 -5
  445. package/test-env/utils/publisher.js +59 -0
package/eui.d.ts CHANGED
@@ -2207,6 +2207,179 @@ declare module '@elastic/eui/src/components/table/const' {
2207
2207
  */
2208
2208
  export const EUI_TABLE_CSS_CONTAINER_NAME = "EuiTable";
2209
2209
 
2210
+ }
2211
+ declare module '@elastic/eui/src/components/table/sticky_scrollbar/sticky_scrollbar.styles' {
2212
+ import { type UseEuiTheme } from '@elastic/eui/src/services';
2213
+ export const euiTableStickyScrollbarStyles: ({ euiTheme }: UseEuiTheme) => {
2214
+ wrapper: import("@emotion/react").SerializedStyles;
2215
+ wrapperHidden: import("@emotion/react").SerializedStyles;
2216
+ track: import("@emotion/react").SerializedStyles;
2217
+ };
2218
+
2219
+ }
2220
+ declare module '@elastic/eui/src/components/table/sticky_scrollbar/sticky_scrollbar' {
2221
+ import React, { type RefObject } from 'react';
2222
+ export interface EuiTableStickyScrollbarProps {
2223
+ tableWrapperRef: RefObject<HTMLDivElement>;
2224
+ }
2225
+ export const EuiTableStickyScrollbar: ({ tableWrapperRef, }: EuiTableStickyScrollbarProps) => React.JSX.Element | null;
2226
+
2227
+ }
2228
+ declare module '@elastic/eui/src/components/table/sticky_scrollbar' {
2229
+ export { EuiTableStickyScrollbar } from '@elastic/eui/src/components/table/sticky_scrollbar/sticky_scrollbar';
2230
+
2231
+ }
2232
+ declare module '@elastic/eui/src/utils/publisher' {
2233
+ type Subscriber<TSubject> = (subject: TSubject) => void;
2234
+ /**
2235
+ * @internal
2236
+ */
2237
+ export type PublisherSubscribeFunc<TSubject> = (subscriber: Subscriber<TSubject>) => () => void;
2238
+ /**
2239
+ * @internal
2240
+ */
2241
+ interface Publisher<TSubject> {
2242
+ subscribe: PublisherSubscribeFunc<TSubject>;
2243
+ unsubscribe: (subscriber: Subscriber<TSubject>) => void;
2244
+ notify: (subject: TSubject) => void;
2245
+ }
2246
+ /**
2247
+ * @internal
2248
+ */
2249
+ export const createPublisher: <TSubject>() => Publisher<TSubject>;
2250
+ export {};
2251
+
2252
+ }
2253
+ declare module '@elastic/eui/src/components/table/store/store' {
2254
+ import { MutableRefObject, ReactNode, RefAttributes } from 'react';
2255
+ import { type PublisherSubscribeFunc } from '@elastic/eui/src/utils/publisher';
2256
+ /**
2257
+ * @internal
2258
+ */
2259
+ export type EuiTableStoreRenderHeaderCell = (extraProps: RefAttributes<HTMLTableCellElement>) => ReactNode;
2260
+ /**
2261
+ * @internal
2262
+ */
2263
+ export interface EuiTableStoreColumnData {
2264
+ currentWidth?: number;
2265
+ renderHeaderCellRef: MutableRefObject<EuiTableStoreRenderHeaderCell | undefined>;
2266
+ }
2267
+ type EuiTableStoreColumnsMap = ReadonlyMap<string, EuiTableStoreColumnData>;
2268
+ type EuiTableStoreColumnWidthsMap = ReadonlyMap<string, number>;
2269
+ /**
2270
+ * @internal
2271
+ */
2272
+ export interface EuiTableStore {
2273
+ /**
2274
+ * Register a table column with the store.
2275
+ * Registration must be performed on the first render of the column
2276
+ * to keep things in sync.
2277
+ *
2278
+ * @returns {Function} A function that unregisters the column from the store.
2279
+ */
2280
+ registerColumn: (id: string, data: EuiTableStoreColumnData) => () => void;
2281
+ /**
2282
+ * Update a table column with new data.
2283
+ */
2284
+ updateColumn: (id: string, data: EuiTableStoreColumnData) => void;
2285
+ /**
2286
+ * Update the current width of a column.
2287
+ */
2288
+ updateColumnWidth: (id: string, width: number) => void;
2289
+ /**
2290
+ * Subscribe to changes in table columns.
2291
+ *
2292
+ * @returns {Function} A function that unsubscribes the subscriber from the store.
2293
+ */
2294
+ subscribe: PublisherSubscribeFunc<EuiTableStoreColumnsMap>;
2295
+ /**
2296
+ * Subscribe to changes in table column widths.
2297
+ *
2298
+ * @returns {Function} A function that unsubscribes the subscriber from the store.
2299
+ */
2300
+ subscribeToColumnWidths: PublisherSubscribeFunc<EuiTableStoreColumnWidthsMap>;
2301
+ /**
2302
+ * Get all registered columns as a readonly map.
2303
+ */
2304
+ getColumns: () => EuiTableStoreColumnsMap;
2305
+ /**
2306
+ * Get all column widths as a readonly map.
2307
+ */
2308
+ getColumnWidths: () => EuiTableStoreColumnWidthsMap;
2309
+ }
2310
+ export const createEuiTableStore: () => EuiTableStore;
2311
+ export {};
2312
+
2313
+ }
2314
+ declare module '@elastic/eui/src/components/table/store/provider' {
2315
+ import React, { type PropsWithChildren } from 'react';
2316
+ import { EuiTableStore } from '@elastic/eui/src/components/table/store/store';
2317
+ /**
2318
+ * @internal
2319
+ */
2320
+ export const EuiTableStoreProvider: ({ children }: PropsWithChildren) => React.JSX.Element;
2321
+ /**
2322
+ * @internal
2323
+ */
2324
+ export const useEuiTableColumnDataStore: () => EuiTableStore;
2325
+
2326
+ }
2327
+ declare module '@elastic/eui/src/components/table/table_header' {
2328
+ import { FunctionComponent, ReactNode, HTMLAttributes } from 'react';
2329
+ import { CommonProps } from '@elastic/eui/src/components/common';
2330
+ export type EuiTableHeaderProps = CommonProps & HTMLAttributes<HTMLElement> & {
2331
+ /**
2332
+ * Children must be valid DOM structure residing within `<thead>`.
2333
+ * Use `<td> | <th>` by default, or `<tr><th/></tr>` when `wrapWithTableRow=false`
2334
+ */
2335
+ children?: ReactNode;
2336
+ /**
2337
+ * Automatically adds a wrapping `<tr>` element around the children
2338
+ */
2339
+ wrapWithTableRow?: boolean;
2340
+ };
2341
+ export const EuiTableHeader: FunctionComponent<EuiTableHeaderProps>;
2342
+
2343
+ }
2344
+ declare module '@elastic/eui/src/components/table/sticky_header/context' {
2345
+ import React, { PropsWithChildren } from 'react';
2346
+ /**
2347
+ * React context provider to detect whether a component is rendered
2348
+ * inside <EuiTableStickyHeader> to prevent duplicated header cell renders.
2349
+ * @internal
2350
+ */
2351
+ export const EuiTableWithinStickyHeaderProvider: ({ children, }: PropsWithChildren) => React.JSX.Element;
2352
+ /**
2353
+ * Returns true if the component (usually the EuiTableHeaderCell or EuiTableHeaderCellCheckbox)
2354
+ * is rendered inside EuiTableStickyHeader.
2355
+ * @internal
2356
+ */
2357
+ export const useEuiTableWithinStickyHeader: () => boolean;
2358
+
2359
+ }
2360
+ declare module '@elastic/eui/src/components/table/sticky_header/sticky_header.styles' {
2361
+ import type { UseEuiTheme } from '@elastic/eui/src/services';
2362
+ export const euiTableStickyHeaderStyles: ({ euiTheme }: UseEuiTheme) => {
2363
+ wrapper: import("@emotion/react").SerializedStyles;
2364
+ innerWrapper: import("@emotion/react").SerializedStyles;
2365
+ table: import("@emotion/react").SerializedStyles;
2366
+ header: import("@emotion/react").SerializedStyles;
2367
+ };
2368
+
2369
+ }
2370
+ declare module '@elastic/eui/src/components/table/sticky_header/sticky_header' {
2371
+ import React, { type RefObject } from 'react';
2372
+ import type { EuiTableProps } from '@elastic/eui/src/components/table/table';
2373
+ /**
2374
+ * @internal
2375
+ */
2376
+ export interface EuiTableStickyHeaderProps extends Pick<EuiTableProps, 'scrollableInline' | 'compressed'> {
2377
+ tableRef: RefObject<HTMLTableElement>;
2378
+ tableWrapperRef: RefObject<HTMLDivElement>;
2379
+ isResponsive: boolean;
2380
+ }
2381
+ export const EuiTableStickyHeader: ({ tableRef, tableWrapperRef, compressed, scrollableInline, isResponsive, }: EuiTableStickyHeaderProps) => React.JSX.Element | null;
2382
+
2210
2383
  }
2211
2384
  declare module '@elastic/eui/src/components/table/table' {
2212
2385
  import { FunctionComponent, TableHTMLAttributes } from 'react';
@@ -2244,6 +2417,24 @@ declare module '@elastic/eui/src/components/table/table' {
2244
2417
  * @default false
2245
2418
  */
2246
2419
  scrollableInline?: boolean;
2420
+ /**
2421
+ * Make the horizontal scrollbar visible even if the table is larger
2422
+ * than the viewport height. Useful for long tables when the native browser
2423
+ * scrollbar is at the bottom of the table and hard to reach.
2424
+ *
2425
+ * This prop requires [`scrollableInline`](#scrollableInline) to be `true`.
2426
+ * @beta
2427
+ * @default false
2428
+ */
2429
+ stickyScrollbar?: boolean;
2430
+ /**
2431
+ * Enable sticky table header that remains visible when scrolling.
2432
+ * The header row will be duplicated and positioned with `position: sticky`.
2433
+ *
2434
+ * @beta
2435
+ * @default false
2436
+ */
2437
+ stickyHeader?: boolean;
2247
2438
  }
2248
2439
  /**
2249
2440
  * EuiTable is a low-level building block component used to render tabular data
@@ -2320,449 +2511,431 @@ declare module '@elastic/eui/src/components/table/utils' {
2320
2511
  export const resolveWidthPropsAsStyle: (style: CSSProperties | undefined, { width: rawWidth, minWidth: rawMinWidth, maxWidth: rawMaxWidth, }: EuiTableSharedWidthProps) => CSSProperties;
2321
2512
 
2322
2513
  }
2323
- declare module '@elastic/eui/src/services/canvas/canvas_text_utils' {
2324
- import type { ExclusiveUnion } from '@elastic/eui/src/components/common';
2325
- export type CanvasTextParams = ExclusiveUnion<{
2326
- container: HTMLElement;
2327
- }, {
2328
- font: CanvasTextDrawingStyles['font'];
2329
- }>;
2514
+ declare module '@elastic/eui/src/services/popover/types' {
2515
+ export type EuiPopoverPosition = 'top' | 'right' | 'bottom' | 'left';
2516
+
2517
+ }
2518
+ declare module '@elastic/eui/src/services/popover/calculate_popover_position' {
2519
+ import { EuiPopoverPosition } from '@elastic/eui/src/services/popover/types';
2520
+ interface EuiPopoverBoundingBox {
2521
+ top: number;
2522
+ left: number;
2523
+ width: number;
2524
+ height: number;
2525
+ }
2526
+ interface EuiPopoverAnchorRect extends EuiPopoverBoundingBox {
2527
+ right: number;
2528
+ bottom: number;
2529
+ }
2530
+ interface EuiPopoverDimensions {
2531
+ width: number;
2532
+ height: number;
2533
+ }
2534
+ interface EuiPopoverPositionedBox extends EuiPopoverBoundingBox {
2535
+ position: EuiPopoverPosition;
2536
+ }
2330
2537
  /**
2331
- * Creates a temporary Canvas element for manipulating text & determining text width.
2538
+ * Determine the best position for a popover that avoids clipping by the window view port.
2332
2539
  *
2333
- * To accurately measure text, canvas rendering requires either a container to
2334
- * compute/derive font styles from, or a static font string (useful for usage
2335
- * outside the DOM). Particular care should be applied when fallback fonts are
2336
- * used, as more fallback fonts can lead to less precision.
2540
+ * @param {Object} anchorBounds - getBoundingClientRect() of the node the popover is tethered to (e.g. a button).
2541
+ * @param {Object} popoverBounds - getBoundingClientRect() of the popover node (e.g. the tooltip).
2542
+ * @param {string} requestedPosition - Position the user wants. One of ["top", "right", "bottom", "left"]
2543
+ * @param {number} buffer - The space between the wrapper and the popover. Also the minimum space between the
2544
+ * popover and the window.
2545
+ * @param {Array} positions - List of acceptable positions. Defaults to ["top", "right", "bottom", "left"].
2337
2546
  *
2338
- * Please note that while canvas is more significantly more performant than DOM
2339
- * measurement, there are subpixel to single digit pixel differences between
2340
- * DOM and canvas measurement due to the different rendering engines used.
2547
+ * @returns {Object} With properties position (one of ["top", "right", "bottom", "left"]), left, top, width, and height.
2341
2548
  */
2342
- export class CanvasTextUtils {
2343
- context: CanvasRenderingContext2D;
2344
- currentText: string;
2345
- constructor({ font, container }: CanvasTextParams);
2346
- computeFontFromElement: (element: HTMLElement) => string;
2347
- get textWidth(): number;
2348
- setTextToCheck: (text: string) => void;
2349
- }
2350
-
2351
- }
2352
- declare module '@elastic/eui/src/services/canvas' {
2353
- export { CanvasTextUtils } from '@elastic/eui/src/services/canvas/canvas_text_utils';
2354
- export type { CanvasTextParams } from '@elastic/eui/src/services/canvas/canvas_text_utils';
2549
+ export function calculatePopoverPosition(anchorBounds: EuiPopoverAnchorRect, popoverBounds: EuiPopoverDimensions, requestedPosition: EuiPopoverPosition, buffer?: number, positions?: EuiPopoverPosition[]): EuiPopoverPositionedBox;
2550
+ export {};
2355
2551
 
2356
2552
  }
2357
- declare module '@elastic/eui/src/components/text_truncate/utils' {
2358
- import { CanvasTextParams, CanvasTextUtils } from '@elastic/eui/src/services/canvas';
2359
- type TruncationParams = CanvasTextParams & {
2360
- fullText: string;
2361
- ellipsis: string;
2362
- availableWidth: number;
2363
- };
2553
+ declare module '@elastic/eui/src/services/popover/popover_positioning' {
2554
+ import { EuiPopoverPosition } from '@elastic/eui/src/services/popover/types';
2555
+ export const POSITIONS: EuiPopoverPosition[];
2556
+ interface BoundingBox {
2557
+ [position: string]: number;
2558
+ top: number;
2559
+ right: number;
2560
+ bottom: number;
2561
+ left: number;
2562
+ }
2563
+ export interface EuiClientRect extends BoundingBox {
2564
+ height: number;
2565
+ width: number;
2566
+ }
2567
+ interface FindPopoverPositionArgs {
2568
+ anchor: HTMLElement;
2569
+ popover: HTMLElement;
2570
+ align?: EuiPopoverPosition;
2571
+ position: EuiPopoverPosition;
2572
+ forcePosition?: boolean;
2573
+ buffer?: number | [number, number, number, number];
2574
+ offset?: number;
2575
+ allowCrossAxis?: boolean;
2576
+ container?: HTMLElement;
2577
+ arrowConfig?: {
2578
+ arrowWidth: number;
2579
+ arrowBuffer: number;
2580
+ };
2581
+ returnBoundingBox?: boolean;
2582
+ }
2583
+ interface FindPopoverPositionResult {
2584
+ top: number;
2585
+ left: number;
2586
+ position: EuiPopoverPosition;
2587
+ fit: number;
2588
+ arrow?: Record<EuiPopoverPosition, number | string>;
2589
+ anchorBoundingBox?: EuiClientRect;
2590
+ }
2364
2591
  /**
2365
- * Utilities for truncating types at various positions, as well as
2366
- * determining whether truncation is possible or even necessary.
2592
+ * Calculates the absolute positioning (relative to document.body) to place a popover element
2593
+ *
2594
+ * @param anchor {HTMLElement} Element to anchor the popover to
2595
+ * @param popover {HTMLElement} Element containing the popover content
2596
+ * @param position {string} Position the user wants. One of ["top", "right", "bottom", "left"]
2597
+ * @param [forcePosition] {boolean} If true, use only the provided `position` value and don't try any other position
2598
+ * @param [align] {string} Cross-axis alignment. One of ["top", "right", "bottom", "left"]
2599
+ * @param [buffer=16] {number} Minimum distance between the popover and the bounding container
2600
+ * @param [offset=0] {number} Distance between the popover and the anchor
2601
+ * @param [allowCrossAxis=true] {boolean} Whether to allow the popover to be positioned on the cross-axis
2602
+ * @param [container] {HTMLElement} Element the popover must be constrained to fit within
2603
+ * @param [arrowConfig] {{arrowWidth: number, arrowBuffer: number}} If
2604
+ * present, describes the size & constraints for an arrow element, and the
2605
+ * function return value will include an `arrow` param with position details
2606
+ *
2607
+ * @returns {FindPopoverPositionResult} absolute page coordinates for the
2608
+ * popover, and the placement's relation to the anchor or undefined
2609
+ * there's no room.
2367
2610
  */
2368
- export class TruncationUtils extends CanvasTextUtils {
2369
- protected fullText: TruncationParams['fullText'];
2370
- protected ellipsis: TruncationParams['ellipsis'];
2371
- protected availableWidth: TruncationParams['availableWidth'];
2372
- constructor({ fullText, ellipsis, availableWidth, ...rest }: TruncationParams);
2373
- /**
2374
- * Performance utilities
2375
- */
2376
- debugPerformance: boolean;
2377
- debugCounter: number;
2378
- get textWidth(): number;
2379
- /**
2380
- * Internal utils for calculating a ratio based on the passed available width
2381
- * vs the full text width.
2382
- * This ratio is used to get an initial _approximate_ text string that should
2383
- * be slightly over the available width, which we can then remove from
2384
- * character-by-character until the text just fits within the available width.
2385
- */
2386
- widthRatio: number;
2387
- setTextWidthRatio: (text?: string, textToOffset?: string) => void;
2388
- getTextFromRatio: (text: string, type: "start" | "end") => string;
2389
- /**
2390
- * Early return checks
2391
- */
2392
- checkIfTruncationIsNeeded: () => false | undefined;
2393
- checkSufficientEllipsisWidth: (truncation: string) => false | undefined;
2394
- checkTruncationOffsetWidth: (text: string) => false | undefined;
2395
- /**
2396
- * Truncation types logic. This is where the magic happens
2397
- */
2398
- truncateStart: (truncationOffset?: number) => string;
2399
- truncateEnd: (truncationOffset?: number) => string;
2400
- truncateStartEndAtPosition: (truncationPosition: number) => string;
2401
- truncateStartEndAtMiddle: () => string;
2402
- truncateMiddle: () => string;
2611
+ export function findPopoverPosition({ anchor, popover, align, position, forcePosition, buffer, offset, allowCrossAxis, container, arrowConfig, returnBoundingBox, }: FindPopoverPositionArgs): FindPopoverPositionResult;
2612
+ interface GetPopoverScreenCoordinatesArgs {
2613
+ position: EuiPopoverPosition;
2614
+ align?: EuiPopoverPosition;
2615
+ anchorBoundingBox: EuiClientRect;
2616
+ popoverBoundingBox: EuiClientRect;
2617
+ windowBoundingBox: EuiClientRect;
2618
+ containerBoundingBox: EuiClientRect;
2619
+ arrowConfig?: {
2620
+ arrowWidth: number;
2621
+ arrowBuffer: number;
2622
+ };
2623
+ offset?: number;
2624
+ buffer?: number | [number, number, number, number];
2403
2625
  }
2626
+ interface GetPopoverScreenCoordinatesResult {
2627
+ top: number;
2628
+ left: number;
2629
+ fit: number;
2630
+ arrow?: Record<EuiPopoverPosition, number | string>;
2631
+ }
2632
+ /**
2633
+ * Given a target position and the popover's surrounding context, returns either an
2634
+ * object with {top, left} screen coordinates or `null` if it's not possible to show
2635
+ * content in the target position
2636
+ * @param position {string} the target position, one of ["top", "right", "bottom", "left"]
2637
+ * @param align {string} target alignment on the cross-axis, one of ["top", "right", "bottom", "left"]
2638
+ * @param anchorBoundingBox {Object} bounding box of the anchor element
2639
+ * @param popoverBoundingBox {Object} bounding box of the popover element
2640
+ * @param windowBoundingBox {Object} bounding box of the window
2641
+ * @param containerBoundingBox {Object} bounding box of the container
2642
+ * @param [arrowConfig] {{arrowWidth: number, arrowBuffer: number}} If present, describes the size &
2643
+ * constraints for an arrow element, and the function return value will include an `arrow` param
2644
+ * with position details
2645
+ * @param [offset=0] {number} Distance between the popover and the anchor
2646
+ * @param [buffer=0] {number} Minimum distance between the popover's
2647
+ * placement and the container edge
2648
+ *
2649
+ * @returns {GetPopoverScreenCoordinatesResult}
2650
+ * object with top/left coordinates, the popover's relative position to the anchor, and how well the
2651
+ * popover fits in the location (0.0 -> 1.0) coordinates and the popover's relative position, if
2652
+ * there is no room in this placement then null
2653
+ */
2654
+ export function getPopoverScreenCoordinates({ position, align, anchorBoundingBox, popoverBoundingBox, windowBoundingBox, containerBoundingBox, arrowConfig, offset, buffer, }: GetPopoverScreenCoordinatesArgs): GetPopoverScreenCoordinatesResult;
2655
+ /**
2656
+ * Finds the client pixel coordinate of each edge for the element's bounding box,
2657
+ * and the bounding box's width & height
2658
+ *
2659
+ * @param {HTMLElement} element
2660
+ * @returns {{top: number, right: number, bottom: number, left: number, height: number, width: number}}
2661
+ */
2662
+ export function getElementBoundingBox(element: HTMLElement): EuiClientRect;
2663
+ /**
2664
+ * Calculates the available content space between anchor and container
2665
+ *
2666
+ * @param {Object} anchorBoundingBox Client bounding box of the anchor element
2667
+ * @param {Object} containerBoundingBox Client bounding box of the container element
2668
+ * @param {number} buffer Minimum distance between the popover and the bounding container
2669
+ * @param {number} offset Distance between the popover and the anchor
2670
+ * @param {string} offsetSide Side the offset needs to be applied to, one
2671
+ * of ["top", "right", "bottom", "left"]
2672
+ * @returns {{top: number, right: number, bottom: number, left: number}}
2673
+ */
2674
+ export function getAvailableSpace(anchorBoundingBox: BoundingBox, containerBoundingBox: BoundingBox, buffer: number | [number, number, number, number], offset: number, offsetSide: EuiPopoverPosition): BoundingBox;
2675
+ /**
2676
+ * Computes the fit (overlap) of the content within the container, fit is in range 0.0 => 1.0
2677
+ * @param contentBoundingBox bounding box of content to calculate fit for
2678
+ * @param containerBoundingBox bounding box of container
2679
+ * @returns {number}
2680
+ */
2681
+ export function getVisibleFit(contentBoundingBox: BoundingBox, containerBoundingBox: BoundingBox): number;
2682
+ /**
2683
+ * Calculates the intersection space between two bounding boxes
2684
+ *
2685
+ * @param firstBox
2686
+ * @param secondBox
2687
+ * @returns {EuiClientRect}
2688
+ */
2689
+ export function intersectBoundingBoxes(firstBox: BoundingBox, secondBox: BoundingBox): EuiClientRect;
2690
+ /**
2691
+ * Returns the top-most defined z-index in the element's ancestor hierarchy
2692
+ * relative to the `target` element; if no z-index is defined, returns 0
2693
+ * @param element {HTMLElement}
2694
+ * @param cousin {HTMLElement}
2695
+ * @returns {number}
2696
+ */
2697
+ export function getElementZIndex(element: HTMLElement, cousin: HTMLElement): number;
2404
2698
  export {};
2405
2699
 
2406
2700
  }
2407
- declare module '@elastic/eui/src/components/text_truncate/text_truncate.styles' {
2701
+ declare module '@elastic/eui/src/services/popover/popover_arrow.styles' {
2408
2702
  import { UseEuiTheme } from '@elastic/eui/src/services';
2409
- export const euiTextTruncateStyles: (euiThemeContext: UseEuiTheme) => {
2410
- euiTextTruncate: import("@emotion/react").SerializedStyles;
2411
- /**
2412
- * The below CSS is a hack to get double clicking and selecting the *full* text
2413
- * instead of the truncated text (useful for copying/pasting, and mimics how
2414
- * `text-overflow: ellipsis` works).
2415
- *
2416
- * Real talk: I'm lowkey amazed it works and it wouldn't surprise me if we ran into
2417
- * cross-browser issues with this at some point. Hopefully CSS natively implements
2418
- * custom text truncation some day (https://github.com/w3c/csswg-drafts/issues/3937)
2419
- * and there'll be no need for the entire component at that point 🙏
2420
- */
2421
- euiTextTruncate__truncatedText: import("@emotion/react").SerializedStyles;
2422
- euiTextTruncate__fullText: import("@emotion/react").SerializedStyles;
2703
+ /**
2704
+ * Arrow clipping/transform/positioning CSS shared between EuiPopover and EuiToolTip
2705
+ */
2706
+ export const _popoverArrowStyles: ({ euiTheme, colorMode, highContrastMode }: UseEuiTheme, arrowSize: string) => {
2707
+ _arrowStyles: string;
2708
+ positions: {
2709
+ top: import("@emotion/react").SerializedStyles;
2710
+ bottom: import("@emotion/react").SerializedStyles;
2711
+ left: import("@emotion/react").SerializedStyles;
2712
+ right: import("@emotion/react").SerializedStyles;
2713
+ };
2423
2714
  };
2424
2715
 
2425
2716
  }
2426
- declare module '@elastic/eui/src/components/text_truncate/text_truncate' {
2427
- import { HTMLAttributes, FunctionComponent, ReactNode } from 'react';
2428
- import type { CommonProps } from '@elastic/eui/src/components/common'; const TRUNCATION_TYPES: readonly ["end", "start", "startEnd", "middle"];
2429
- export type EuiTextTruncationTypes = (typeof TRUNCATION_TYPES)[number];
2430
- export type EuiTextTruncateProps = Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'onResize'> & CommonProps & {
2431
- /**
2432
- * The full text string to truncate
2433
- */
2434
- text: string;
2435
- /**
2436
- * The truncation type desired. Determines where the ellipses are placed.
2437
- */
2438
- truncation?: EuiTextTruncationTypes;
2439
- /**
2440
- * This prop **only** applies to the `start` and `end` truncation types.
2441
- * It allows preserving a certain number of characters of either the
2442
- * starting or ending text.
2443
- *
2444
- * If the passed offset is greater than the total text length,
2445
- * the offset will be ignored.
2446
- */
2447
- truncationOffset?: number;
2448
- /**
2449
- * This prop **only** applies to the `startEnd` truncation type.
2450
- * It allows customizing the anchor position of the displayed text,
2451
- * which otherwise defaults to the middle of the text string.
2452
- *
2453
- * The primary use case for this prop for is search highlighting - e.g., if
2454
- * a user searches for a specific word in the text, pass the index of that
2455
- * found word to ensure it is always visible.
2456
- *
2457
- * This behavior will intelligently detect when positions are close to the start
2458
- * or end of the text, and omit leading or trailing ellipses when necessary.
2459
- * If the passed position is greater than the total text length,
2460
- * the truncation will simply default to `start` instead.
2461
- */
2462
- truncationPosition?: number;
2463
- /**
2464
- * Defaults to the horizontal ellipsis character.
2465
- * Can be optionally configured to use other punctuation,
2466
- * e.g. spaces, brackets, hyphens, asterisks, etc.
2467
- */
2468
- ellipsis?: string;
2469
- /**
2470
- * By default, EuiTextTruncate will render a resize observer to detect the
2471
- * available width it has. For performance reasons (e.g. multiple truncated
2472
- * text items within the same container), you may opt to pass in your own
2473
- * container width, which will skip initializing a resize observer.
2474
- */
2475
- width?: number;
2476
- /**
2477
- * Optional callback that fires when the default resizer observer both mounts and
2478
- * registers a size change. This callback will **not** fire if `width` is passed.
2479
- */
2480
- onResize?: (width: number) => void;
2481
- /**
2482
- * By default, EuiTextTruncate will render the truncated string directly.
2483
- * You can optionally pass a render prop function to the component, which
2484
- * allows for more flexible text rendering, e.g. adding custom markup
2485
- * or highlighting
2486
- */
2487
- children?: (truncatedString: string) => ReactNode;
2488
- /**
2489
- * For some edge case scenarios, EuiTextTruncate's calculations may be off until
2490
- * fonts are done loading or layout is done shifting or settling. Adding a delay
2491
- * may help resolve any rendering issues.
2492
- */
2493
- calculationDelayMs?: number;
2494
- };
2495
- export const EuiTextTruncate: FunctionComponent<EuiTextTruncateProps>;
2496
- export {};
2717
+ declare module '@elastic/eui/src/services/popover' {
2718
+ export { calculatePopoverPosition } from '@elastic/eui/src/services/popover/calculate_popover_position';
2719
+ export { findPopoverPosition, getElementZIndex } from '@elastic/eui/src/services/popover/popover_positioning';
2720
+ export { _popoverArrowStyles } from '@elastic/eui/src/services/popover/popover_arrow.styles';
2721
+ export type { EuiPopoverPosition } from '@elastic/eui/src/services/popover/types';
2497
2722
 
2498
2723
  }
2499
- declare module '@elastic/eui/src/components/text_truncate/text_block_truncate' {
2500
- import { FunctionComponent, HTMLAttributes, PropsWithChildren } from 'react';
2501
- import { CommonProps } from '@elastic/eui/src/components/common';
2502
- export type EuiTextBlockTruncateProps = PropsWithChildren & CommonProps & HTMLAttributes<HTMLDivElement> & {
2503
- /**
2504
- * Number of lines of text to truncate to
2505
- */
2506
- lines: number;
2507
- /**
2508
- * Applies styling to the child element instead of rendering a parent wrapper `div`.
2509
- * Can only be used when wrapping a *single* child element/tag, and not raw text.
2510
- */
2511
- cloneElement?: boolean;
2724
+ declare module '@elastic/eui/src/components/panel/panel.styles' {
2725
+ import { UseEuiTheme } from '@elastic/eui/src/services';
2726
+ export const euiPanelBorderStyles: (euiThemeContext: UseEuiTheme, options?: {
2727
+ borderColor?: string;
2728
+ }) => string;
2729
+ export const euiPanelStyles: (euiThemeContext: UseEuiTheme) => {
2730
+ euiPanel: import("@emotion/react").SerializedStyles;
2731
+ grow: import("@emotion/react").SerializedStyles;
2732
+ hasShadow: import("@emotion/react").SerializedStyles;
2733
+ hasBorder: import("@emotion/react").SerializedStyles;
2734
+ radius: {
2735
+ none: import("@emotion/react").SerializedStyles;
2736
+ m: import("@emotion/react").SerializedStyles;
2737
+ };
2738
+ isClickable: import("@emotion/react").SerializedStyles;
2512
2739
  };
2513
- export const EuiTextBlockTruncate: FunctionComponent<EuiTextBlockTruncateProps>;
2514
2740
 
2515
2741
  }
2516
- declare module '@elastic/eui/src/components/text_truncate' {
2517
- export type { EuiTextTruncateProps, EuiTextTruncationTypes, } from '@elastic/eui/src/components/text_truncate/text_truncate';
2518
- export { EuiTextTruncate } from '@elastic/eui/src/components/text_truncate/text_truncate';
2519
- export type { EuiTextBlockTruncateProps } from '@elastic/eui/src/components/text_truncate/text_block_truncate';
2520
- export { EuiTextBlockTruncate } from '@elastic/eui/src/components/text_truncate/text_block_truncate';
2521
- export { TruncationUtils } from '@elastic/eui/src/components/text_truncate/utils';
2522
-
2523
- }
2524
- declare module '@elastic/eui/src/components/table/table_row_cell.styles' {
2742
+ declare module '@elastic/eui/src/components/tool_tip/tool_tip.styles' {
2525
2743
  import { UseEuiTheme } from '@elastic/eui/src/services';
2526
- export const euiTableRowCellStyles: (euiThemeContext: UseEuiTheme) => {
2527
- euiTableRowCell: import("@emotion/react").SerializedStyles;
2528
- rowHeader: import("@emotion/react").SerializedStyles;
2529
- isExpander: import("@emotion/react").SerializedStyles;
2530
- hasActions: import("@emotion/react").SerializedStyles;
2531
- middle: import("@emotion/react").SerializedStyles;
2532
- baseline: import("@emotion/react").SerializedStyles;
2744
+ export const euiToolTipBackgroundColor: (euiTheme: UseEuiTheme["euiTheme"]) => string;
2745
+ export const euiToolTipBorderColor: (euiTheme: UseEuiTheme["euiTheme"]) => string;
2746
+ export const euiToolTipStyles: (euiThemeContext: UseEuiTheme) => {
2747
+ euiToolTip: import("@emotion/react").SerializedStyles;
2533
2748
  top: import("@emotion/react").SerializedStyles;
2534
2749
  bottom: import("@emotion/react").SerializedStyles;
2535
- desktop: {
2536
- desktop: import("@emotion/react").SerializedStyles;
2537
- actions: import("@emotion/react").SerializedStyles;
2538
- };
2539
- mobile: {
2540
- mobile: import("@emotion/react").SerializedStyles;
2541
- enlarge: import("@emotion/react").SerializedStyles;
2542
- rightColumnContent: string;
2543
- readonly actions: import("@emotion/react").SerializedStyles;
2544
- readonly expander: import("@emotion/react").SerializedStyles;
2545
- /**
2546
- * Custom actions may not be icons and therefore may not fit in a column
2547
- * If they're the last cell, we can create a pseudo "row"/"border-top"
2548
- * that mimicks the visual separation that the right column has
2549
- */
2550
- customActions: import("@emotion/react").SerializedStyles;
2750
+ left: import("@emotion/react").SerializedStyles;
2751
+ right: import("@emotion/react").SerializedStyles;
2752
+ euiToolTip__arrow: import("@emotion/react").SerializedStyles;
2753
+ arrowPositions: {
2754
+ top: import("@emotion/react").SerializedStyles;
2755
+ bottom: import("@emotion/react").SerializedStyles;
2756
+ left: import("@emotion/react").SerializedStyles;
2757
+ right: import("@emotion/react").SerializedStyles;
2551
2758
  };
2552
- euiTableRowCell__mobileHeader: import("@emotion/react").SerializedStyles;
2759
+ euiToolTip__title: import("@emotion/react").SerializedStyles;
2760
+ };
2761
+ export const euiToolTipAnchorStyles: () => {
2762
+ euiToolTipAnchor: import("@emotion/react").SerializedStyles;
2763
+ block: import("@emotion/react").SerializedStyles;
2764
+ inlineBlock: import("@emotion/react").SerializedStyles;
2765
+ flex: import("@emotion/react").SerializedStyles;
2553
2766
  };
2554
2767
 
2555
2768
  }
2556
- declare module '@elastic/eui/src/components/table/table_cells_shared.styles' {
2557
- import { UseEuiTheme } from '@elastic/eui/src/services';
2558
- import { EuiTableStickyCellOptions } from '@elastic/eui/src/components/table/types';
2559
- export const euiTableHeaderFooterCellStyles: (euiThemeContext: UseEuiTheme) => {
2560
- euiTableHeaderCell: import("@emotion/react").SerializedStyles;
2561
- euiTableHeaderCell__content: import("@emotion/react").SerializedStyles;
2562
- euiTableHeaderCell__button: import("@emotion/react").SerializedStyles;
2563
- euiTableFooterCell: {
2564
- euiTableFooterCell: import("@emotion/react").SerializedStyles;
2565
- hasBackground: import("@emotion/react").SerializedStyles;
2566
- };
2567
- };
2568
- export const euiTableCellCheckboxStyles: (euiThemeContext: UseEuiTheme) => {
2569
- euiTableHeaderCellCheckbox: import("@emotion/react").SerializedStyles;
2570
- euiTableRowCellCheckbox: import("@emotion/react").SerializedStyles;
2571
- desktop: import("@emotion/react").SerializedStyles;
2572
- mobile: import("@emotion/react").SerializedStyles;
2769
+ declare module '@elastic/eui/src/components/tool_tip/tool_tip_popover' {
2770
+ import { HTMLAttributes, FunctionComponent, ReactNode } from 'react';
2771
+ import { CommonProps } from '@elastic/eui/src/components/common';
2772
+ export type ToolTipPositions = 'top' | 'right' | 'bottom' | 'left';
2773
+ type Props = CommonProps & Omit<HTMLAttributes<HTMLDivElement>, 'title'> & {
2774
+ positionToolTip: () => void;
2775
+ children?: ReactNode;
2776
+ title?: ReactNode;
2777
+ popoverRef?: (ref: HTMLDivElement | null) => void;
2778
+ calculatedPosition?: ToolTipPositions;
2573
2779
  };
2574
- /**
2575
- * @internal
2576
- */
2577
- export const _useEuiTableStickyCellStyles: (options?: EuiTableStickyCellOptions) => import("@emotion/react").SerializedStyles[] | undefined;
2780
+ export const EuiToolTipPopover: FunctionComponent<Props>;
2781
+ export {};
2578
2782
 
2579
2783
  }
2580
- declare module '@elastic/eui/src/components/table/table_row_cell' {
2581
- import { CSSProperties, FunctionComponent, ReactNode, TdHTMLAttributes } from 'react';
2582
- import { CommonProps } from '@elastic/eui/src/components/common';
2583
- import { HorizontalAlignment } from '@elastic/eui/src/services';
2584
- import type { EuiTableStickyCellOptions, EuiTableSharedWidthProps } from '@elastic/eui/src/components/table/types';
2585
- interface EuiTableRowCellSharedPropsShape extends EuiTableSharedWidthProps {
2784
+ declare module '@elastic/eui/src/services/popover/reposition_on_scroll' {
2785
+ type SupportedComponentDefaults = {
2786
+ repositionOnScroll?: boolean;
2787
+ };
2788
+ type RepositionOnScrollArgs<T extends SupportedComponentDefaults> = {
2586
2789
  /**
2587
- * Horizontal alignment of the text in the cell
2790
+ * The component's `repositionOnScroll` prop.
2588
2791
  */
2589
- align?: HorizontalAlignment;
2792
+ repositionOnScroll?: boolean;
2590
2793
  /**
2591
- * Creates a text wrapper around cell content that helps word break or truncate
2592
- * long text correctly.
2593
- * @default true
2794
+ * The function to be called on scroll to reposition the component.
2594
2795
  */
2595
- textOnly?: boolean;
2796
+ repositionFn: () => void;
2596
2797
  /**
2597
- * Indicates whether this column should truncate overflowing text content.
2598
- * - Set to `true` to enable single-line truncation.
2599
- * - To enable multi-line truncation, use a configuration object with `lines`
2600
- * set to a number of lines to truncate to.
2601
- * @default false
2798
+ * The component's defaults context.
2602
2799
  */
2603
- truncateText?: boolean | {
2604
- lines: number;
2605
- };
2800
+ componentDefaults?: T;
2801
+ };
2802
+ /**
2803
+ * Returns the value of the `repositionOnScroll` from the props, component's defaults context
2804
+ * or default to `false`.
2805
+ *
2806
+ * @param args The arguments for `getRepositionOnScroll`. See {@link RepositionOnScrollArgs}.
2807
+ * @returns The value of the `repositionOnScroll`.
2808
+ */
2809
+ export const getRepositionOnScroll: <T extends SupportedComponentDefaults>(args: RepositionOnScrollArgs<T>) => boolean;
2810
+ export type CreateRepositionOnScrollReturnType = {
2811
+ subscribe: () => void;
2812
+ update: () => void;
2813
+ cleanup: () => void;
2814
+ };
2815
+ /**
2816
+ * Creates a manager for handling `repositionOnScroll` logic in overlay components.
2817
+ * This utility abstracts the adding, updating, and removing of window scroll event listeners.
2818
+ *
2819
+ * @param getArgs A function that returns the arguments for `getRepositionOnScroll`. See {@link RepositionOnScrollArgs}.
2820
+ * @returns An object with `subscribe`, `update`, and `cleanup` methods to manage the scroll listener.
2821
+ */
2822
+ export const createRepositionOnScroll: <T extends SupportedComponentDefaults>(getArgs: () => RepositionOnScrollArgs<T>) => CreateRepositionOnScrollReturnType;
2823
+ export {};
2824
+
2825
+ }
2826
+ declare module '@elastic/eui/src/components/tool_tip/tool_tip_anchor' {
2827
+ import React, { HTMLAttributes, type FocusEvent as ReactFocusEvent } from 'react';
2828
+ import type { EuiToolTipProps } from '@elastic/eui/src/components/tool_tip/tool_tip';
2829
+ export type EuiToolTipAnchorProps = Omit<HTMLAttributes<HTMLSpanElement>, 'onBlur' | 'onFocus' | 'children'> & Required<Pick<EuiToolTipProps, 'display' | 'children'>> & {
2830
+ onBlur: () => void;
2831
+ onFocus: (e: ReactFocusEvent) => void;
2832
+ isVisible: boolean;
2833
+ };
2834
+ export const EuiToolTipAnchor: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLSpanElement>, "children" | "onFocus" | "onBlur"> & Required<Pick<EuiToolTipProps, "children" | "display">> & {
2835
+ onBlur: () => void;
2836
+ onFocus: (e: ReactFocusEvent) => void;
2837
+ isVisible: boolean;
2838
+ } & React.RefAttributes<HTMLSpanElement>>;
2839
+
2840
+ }
2841
+ declare module '@elastic/eui/src/components/tool_tip/tool_tip_arrow' {
2842
+ import { HTMLAttributes, FunctionComponent } from 'react';
2843
+ import { ToolTipPositions } from '@elastic/eui/src/components/tool_tip/tool_tip_popover';
2844
+ export const EuiToolTipArrow: FunctionComponent<{
2845
+ position: ToolTipPositions;
2846
+ } & HTMLAttributes<HTMLDivElement>>;
2847
+
2848
+ }
2849
+ declare module '@elastic/eui/src/components/tool_tip/tool_tip_manager' {
2850
+ class ToolTipManager {
2851
+ toolTipsToHide: Set<Function>;
2852
+ registerTooltip: (hideCallback: Function) => void;
2853
+ deregisterToolTip: (hideCallback: Function) => void;
2606
2854
  }
2607
- export interface EuiTableRowCellMobileOptionsShape extends EuiTableRowCellSharedPropsShape {
2608
- /**
2609
- * If false, will not render the cell at all for mobile
2610
- * @default true
2611
- */
2612
- show?: boolean;
2613
- /**
2614
- * Only show for mobile? If true, will not render the column at all for desktop
2615
- * @default false
2616
- */
2617
- only?: boolean;
2855
+ export const toolTipManager: ToolTipManager;
2856
+ export {};
2857
+
2858
+ }
2859
+ declare module '@elastic/eui/src/components/tool_tip/tool_tip' {
2860
+ import React, { ReactElement, ReactNode, type MouseEvent as ReactMouseEvent, HTMLAttributes } from 'react';
2861
+ import { CommonProps } from '@elastic/eui/src/components/common';
2862
+ import { ToolTipPositions } from '@elastic/eui/src/components/tool_tip/tool_tip_popover';
2863
+ export const POSITIONS: readonly ["top", "right", "bottom", "left"]; const DISPLAYS: readonly ["inlineBlock", "block", "flex"];
2864
+ export const DEFAULT_TOOLTIP_OFFSET = 16;
2865
+ export interface EuiToolTipProps extends CommonProps {
2618
2866
  /**
2619
- * Custom render/children if different from desktop
2867
+ * Passes onto the span wrapping the trigger.
2620
2868
  */
2621
- render?: ReactNode;
2869
+ anchorClassName?: string;
2622
2870
  /**
2623
- * The column's header for use in mobile view (automatically passed down
2624
- * when using `EuiBasicTable`).
2625
- * Or pass `false` to not show a header at all.
2871
+ * Passes onto the span wrapping the trigger.
2626
2872
  */
2627
- header?: ReactNode | boolean;
2873
+ anchorProps?: CommonProps & HTMLAttributes<HTMLSpanElement>;
2628
2874
  /**
2629
- * Increase text size compared to rest of cells
2630
- * @default false
2875
+ * The in-view trigger for your tooltip.
2631
2876
  */
2632
- enlarge?: boolean;
2877
+ children: ReactElement;
2633
2878
  /**
2634
- * Applies the value to the width of the cell in mobile view (typically 50%)
2635
- * @default 50%
2879
+ * Passes onto the tooltip itself, not the trigger.
2636
2880
  */
2637
- width?: CSSProperties['width'];
2638
- }
2639
- export interface EuiTableRowCellProps extends EuiTableRowCellSharedPropsShape {
2881
+ className?: string;
2640
2882
  /**
2641
- * Vertical alignment of the content in the cell
2883
+ * The main content of your tooltip.
2642
2884
  */
2643
- valign?: TdHTMLAttributes<HTMLTableCellElement>['valign'];
2885
+ content?: ReactNode;
2644
2886
  /**
2645
- * Indicates whether the cell should be marked as the heading for its row
2887
+ * Common display alternatives for the anchor wrapper
2646
2888
  */
2647
- setScopeRow?: boolean;
2889
+ display?: (typeof DISPLAYS)[number];
2648
2890
  /**
2649
- * Indicates if the cell is dedicated to row actions
2650
- * (used for mobile styling and desktop action hover behavior)
2891
+ * An optional title for your tooltip.
2651
2892
  */
2652
- hasActions?: boolean | 'custom';
2893
+ title?: ReactNode;
2653
2894
  /**
2654
- * Indicates if the column is dedicated as the expandable row toggle
2895
+ * Unless you provide one, this will be randomly generated.
2655
2896
  */
2656
- isExpander?: boolean;
2897
+ id?: string;
2657
2898
  /**
2658
- * Mobile options for displaying differently at small screens;
2659
- * See {@link EuiTableRowCellMobileOptionsShape}
2899
+ * Suggested position. If there is not enough room for it this will be changed.
2660
2900
  */
2661
- mobileOptions?: EuiTableRowCellMobileOptionsShape;
2901
+ position?: ToolTipPositions;
2662
2902
  /**
2663
- * Content rendered outside the visible cell content wrapper. Useful for, e.g. screen reader text.
2903
+ * When `true`, the tooltip's position is re-calculated when the user
2904
+ * scrolls. This supports having fixed-position tooltip anchors.
2664
2905
  *
2665
- * Used by EuiBasicTable to render hidden copy markers
2906
+ * When nesting an `EuiTooltip` in a scrollable container, `repositionOnScroll` should be `true`
2666
2907
  */
2667
- append?: ReactNode;
2908
+ repositionOnScroll?: boolean;
2668
2909
  /**
2669
- * Whether the cell should stick to a side of the table.
2670
- *
2671
- * This option is not applied in the responsive cards layout - see
2672
- * {@link EuiTableProps#responsiveBreakpoint|`responsiveBreakpoint`}.
2673
- *
2674
- * Currently, it can only be used when the cell is in the first or the last
2675
- * column of a table.
2676
- *
2677
- * When set to `true` and `hasBackground: false` is set on the table,
2678
- * `--euiTableCellStickyBackgroundColor` CSS variable should be set to match
2679
- * the background color of the element containing the table.
2680
- * Otherwise, the sticky cell will use the default `backgroundBasePlain`
2681
- * background color.
2682
- * @internal
2683
- * @beta
2910
+ * Disables the tooltip content being read by screen readers when focusing the trigger element.
2911
+ * Do not use when the trigger `aria-label` and tooltip `content` can be rephrased to be standalone
2912
+ * information (action & additional information).
2913
+ * Enable this prop only when the trigger has a descriptive label that either duplicates or includes
2914
+ * the tooltip content and would result in repetitive output.
2684
2915
  * @default false
2685
2916
  */
2686
- sticky?: EuiTableStickyCellOptions;
2687
- }
2688
- type Props = CommonProps & Omit<TdHTMLAttributes<HTMLTableCellElement>, 'valign'> & EuiTableRowCellProps;
2689
- export const EuiTableRowCell: FunctionComponent<Props>;
2690
- export {};
2691
-
2692
- }
2693
- declare module '@elastic/eui/src/components/table/_table_cell_content.styles' {
2694
- import { UseEuiTheme } from '@elastic/eui/src/services';
2695
- export const euiTableCellContentStyles: ({ euiTheme }: UseEuiTheme) => {
2696
- euiTableCellContent: import("@emotion/react").SerializedStyles;
2697
- left: null;
2698
- right: import("@emotion/react").SerializedStyles;
2699
- center: import("@emotion/react").SerializedStyles;
2700
- truncateText: import("@emotion/react").SerializedStyles;
2701
- wrapText: import("@emotion/react").SerializedStyles;
2702
- hasActions: {
2703
- actions: import("@emotion/react").SerializedStyles;
2704
- custom: import("@emotion/react").SerializedStyles;
2705
- desktop: import("@emotion/react").SerializedStyles;
2706
- mobile: import("@emotion/react").SerializedStyles;
2707
- };
2708
- };
2709
-
2710
- }
2711
- declare module '@elastic/eui/src/components/table/_table_cell_content' {
2712
- import { FunctionComponent, HTMLAttributes } from 'react';
2713
- import { CommonProps } from '@elastic/eui/src/components/common';
2714
- import type { EuiTableRowCellProps } from '@elastic/eui/src/components/table/table_row_cell';
2715
- export type EuiTableCellContentProps = CommonProps & HTMLAttributes<HTMLDivElement> & Pick<EuiTableRowCellProps, 'align' | 'hasActions' | 'textOnly'> & {
2716
- truncateText?: EuiTableRowCellProps['truncateText'] | null;
2717
- };
2718
- export const EuiTableCellContent: FunctionComponent<EuiTableCellContentProps>;
2719
-
2720
- }
2721
- declare module '@elastic/eui/src/components/table/table_footer_cell' {
2722
- import { FunctionComponent, TdHTMLAttributes } from 'react';
2723
- import { HorizontalAlignment } from '@elastic/eui/src/services';
2724
- import { CommonProps } from '@elastic/eui/src/components/common';
2725
- import { EuiTableSharedWidthProps, EuiTableStickyCellOptions } from '@elastic/eui/src/components/table/types';
2726
- export type EuiTableFooterCellProps = CommonProps & Omit<TdHTMLAttributes<HTMLTableCellElement>, 'width'> & EuiTableSharedWidthProps & {
2727
- align?: HorizontalAlignment;
2917
+ disableScreenReaderOutput?: boolean;
2728
2918
  /**
2729
- * Whether the cell should stick to a side of the table.
2730
- *
2731
- * This option is not applied in the responsive cards layout - see
2732
- * {@link EuiTableProps#responsiveBreakpoint|`responsiveBreakpoint`}.
2733
- *
2734
- * Currently, it can only be used when the cell is in the first or the last
2735
- * column of a table.
2736
- *
2737
- * When set to `true` and `hasBackground: false` is set on the table,
2738
- * `--euiTableCellStickyBackgroundColor` CSS variable should be set to match
2739
- * the background color of the element containing the table.
2740
- * Otherwise, the sticky cell will use the default `backgroundBasePlain`
2741
- * background color.
2742
- * @internal
2743
- * @beta
2744
- * @default false
2919
+ * If supplied, called when mouse movement causes the tool tip to be
2920
+ * hidden.
2745
2921
  */
2746
- sticky?: EuiTableStickyCellOptions;
2747
- };
2748
- export const EuiTableFooterCell: FunctionComponent<EuiTableFooterCellProps>;
2749
-
2750
- }
2751
- declare module '@elastic/eui/src/components/table/table_header' {
2752
- import { FunctionComponent, ReactNode, HTMLAttributes } from 'react';
2753
- import { CommonProps } from '@elastic/eui/src/components/common';
2754
- export type EuiTableHeaderProps = CommonProps & HTMLAttributes<HTMLElement> & {
2922
+ onMouseOut?: (event: ReactMouseEvent<HTMLSpanElement, MouseEvent>) => void;
2755
2923
  /**
2756
- * Children must be valid DOM structure residing within `<thead>`.
2757
- * Use `<td> | <th>` by default, or `<tr><th/></tr>` when `wrapWithTableRow=false`
2924
+ * If supplied, called when the trigger loses focus.
2758
2925
  */
2759
- children?: ReactNode;
2926
+ onBlur?: () => void;
2760
2927
  /**
2761
- * Automatically adds a wrapping `<tr>` element around the children
2928
+ * Offset in pixels from the anchor. Defaults to 16.
2762
2929
  */
2763
- wrapWithTableRow?: boolean;
2764
- };
2765
- export const EuiTableHeader: FunctionComponent<EuiTableHeaderProps>;
2930
+ offset?: number;
2931
+ }
2932
+ export interface EuiToolTipRef {
2933
+ showToolTip: () => void;
2934
+ hideToolTip: () => void;
2935
+ id: string;
2936
+ }
2937
+ export const EuiToolTip: React.ForwardRefExoticComponent<EuiToolTipProps & React.RefAttributes<EuiToolTipRef>>;
2938
+ export {};
2766
2939
 
2767
2940
  }
2768
2941
  declare module '@elastic/eui/src/components/icon/assets/accessibility' {
@@ -7274,6 +7447,17 @@ declare module '@elastic/eui/src/components/icon/assets/share' {
7274
7447
  export const icon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => React.JSX.Element;
7275
7448
  export {};
7276
7449
 
7450
+ }
7451
+ declare module '@elastic/eui/src/components/icon/assets/significant_events' {
7452
+ import * as React from 'react';
7453
+ import type { SVGProps } from 'react';
7454
+ interface SVGRProps {
7455
+ title?: string;
7456
+ titleId?: string;
7457
+ }
7458
+ export const icon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => React.JSX.Element;
7459
+ export {};
7460
+
7277
7461
  }
7278
7462
  declare module '@elastic/eui/src/components/icon/assets/single_metric_viewer' {
7279
7463
  import * as React from 'react';
@@ -9206,6 +9390,7 @@ declare module '@elastic/eui/src/components/icon/icon_map' {
9206
9390
  sessionViewer: () => Promise<typeof import ("@elastic/eui/src/components/icon/assets/session_viewer")>;
9207
9391
  shard: () => Promise<typeof import ("@elastic/eui/src/components/icon/assets/shard")>;
9208
9392
  share: () => Promise<typeof import ("@elastic/eui/src/components/icon/assets/share")>;
9393
+ significantEvents: () => Promise<typeof import ("@elastic/eui/src/components/icon/assets/significant_events")>;
9209
9394
  singleMetricViewer: () => Promise<typeof import ("@elastic/eui/src/components/icon/assets/single_metric_viewer")>;
9210
9395
  snowflake: () => Promise<typeof import ("@elastic/eui/src/components/icon/assets/snowflake")>;
9211
9396
  sortAscending: () => Promise<typeof import ("@elastic/eui/src/components/icon/assets/sort_ascending")>;
@@ -9426,7 +9611,7 @@ declare module '@elastic/eui/src/components/icon/icon' {
9426
9611
  import { WithEuiStylesMemoizerProps } from '@elastic/eui/src/services';
9427
9612
  export { COLORS } from '@elastic/eui/src/components/icon/named_colors';
9428
9613
  import { NamedColor } from '@elastic/eui/src/components/icon/named_colors';
9429
- 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" | "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")[];
9614
+ 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")[];
9430
9615
  export type EuiIconType = keyof typeof typeToPathMap;
9431
9616
  export type IconType = EuiIconType | string | ComponentType;
9432
9617
  export type IconColor = string | NamedColor;
@@ -9490,452 +9675,6 @@ declare module '@elastic/eui/src/components/icon' {
9490
9675
  export type { EuiIconProps, IconColor, IconSize, IconType } from '@elastic/eui/src/components/icon/icon';
9491
9676
  export { EuiIcon, TYPES as ICON_TYPES, SIZES as ICON_SIZES, COLORS as ICON_COLORS, } from '@elastic/eui/src/components/icon/icon';
9492
9677
 
9493
- }
9494
- declare module '@elastic/eui/src/components/inner_text/inner_text' {
9495
- import { FunctionComponent, ReactElement } from 'react';
9496
- type RefT = HTMLElement | Element | undefined | null;
9497
- export function useInnerText(innerTextFallback?: string): [(node: RefT) => void, string | undefined];
9498
- export interface EuiInnerTextProps {
9499
- /**
9500
- * ReactNode to render as this component's content
9501
- */
9502
- children: (ref?: (node: RefT) => void, innerText?: string) => ReactElement;
9503
- fallback?: string;
9504
- }
9505
- export const EuiInnerText: FunctionComponent<EuiInnerTextProps>;
9506
- export {};
9507
-
9508
- }
9509
- declare module '@elastic/eui/src/components/inner_text' {
9510
- export type { EuiInnerTextProps } from '@elastic/eui/src/components/inner_text/inner_text';
9511
- export { useInnerText, EuiInnerText } from '@elastic/eui/src/components/inner_text/inner_text';
9512
-
9513
- }
9514
- declare module '@elastic/eui/src/services/popover/types' {
9515
- export type EuiPopoverPosition = 'top' | 'right' | 'bottom' | 'left';
9516
-
9517
- }
9518
- declare module '@elastic/eui/src/services/popover/calculate_popover_position' {
9519
- import { EuiPopoverPosition } from '@elastic/eui/src/services/popover/types';
9520
- interface EuiPopoverBoundingBox {
9521
- top: number;
9522
- left: number;
9523
- width: number;
9524
- height: number;
9525
- }
9526
- interface EuiPopoverAnchorRect extends EuiPopoverBoundingBox {
9527
- right: number;
9528
- bottom: number;
9529
- }
9530
- interface EuiPopoverDimensions {
9531
- width: number;
9532
- height: number;
9533
- }
9534
- interface EuiPopoverPositionedBox extends EuiPopoverBoundingBox {
9535
- position: EuiPopoverPosition;
9536
- }
9537
- /**
9538
- * Determine the best position for a popover that avoids clipping by the window view port.
9539
- *
9540
- * @param {Object} anchorBounds - getBoundingClientRect() of the node the popover is tethered to (e.g. a button).
9541
- * @param {Object} popoverBounds - getBoundingClientRect() of the popover node (e.g. the tooltip).
9542
- * @param {string} requestedPosition - Position the user wants. One of ["top", "right", "bottom", "left"]
9543
- * @param {number} buffer - The space between the wrapper and the popover. Also the minimum space between the
9544
- * popover and the window.
9545
- * @param {Array} positions - List of acceptable positions. Defaults to ["top", "right", "bottom", "left"].
9546
- *
9547
- * @returns {Object} With properties position (one of ["top", "right", "bottom", "left"]), left, top, width, and height.
9548
- */
9549
- export function calculatePopoverPosition(anchorBounds: EuiPopoverAnchorRect, popoverBounds: EuiPopoverDimensions, requestedPosition: EuiPopoverPosition, buffer?: number, positions?: EuiPopoverPosition[]): EuiPopoverPositionedBox;
9550
- export {};
9551
-
9552
- }
9553
- declare module '@elastic/eui/src/services/popover/popover_positioning' {
9554
- import { EuiPopoverPosition } from '@elastic/eui/src/services/popover/types';
9555
- export const POSITIONS: EuiPopoverPosition[];
9556
- interface BoundingBox {
9557
- [position: string]: number;
9558
- top: number;
9559
- right: number;
9560
- bottom: number;
9561
- left: number;
9562
- }
9563
- export interface EuiClientRect extends BoundingBox {
9564
- height: number;
9565
- width: number;
9566
- }
9567
- interface FindPopoverPositionArgs {
9568
- anchor: HTMLElement;
9569
- popover: HTMLElement;
9570
- align?: EuiPopoverPosition;
9571
- position: EuiPopoverPosition;
9572
- forcePosition?: boolean;
9573
- buffer?: number | [number, number, number, number];
9574
- offset?: number;
9575
- allowCrossAxis?: boolean;
9576
- container?: HTMLElement;
9577
- arrowConfig?: {
9578
- arrowWidth: number;
9579
- arrowBuffer: number;
9580
- };
9581
- returnBoundingBox?: boolean;
9582
- }
9583
- interface FindPopoverPositionResult {
9584
- top: number;
9585
- left: number;
9586
- position: EuiPopoverPosition;
9587
- fit: number;
9588
- arrow?: Record<EuiPopoverPosition, number | string>;
9589
- anchorBoundingBox?: EuiClientRect;
9590
- }
9591
- /**
9592
- * Calculates the absolute positioning (relative to document.body) to place a popover element
9593
- *
9594
- * @param anchor {HTMLElement} Element to anchor the popover to
9595
- * @param popover {HTMLElement} Element containing the popover content
9596
- * @param position {string} Position the user wants. One of ["top", "right", "bottom", "left"]
9597
- * @param [forcePosition] {boolean} If true, use only the provided `position` value and don't try any other position
9598
- * @param [align] {string} Cross-axis alignment. One of ["top", "right", "bottom", "left"]
9599
- * @param [buffer=16] {number} Minimum distance between the popover and the bounding container
9600
- * @param [offset=0] {number} Distance between the popover and the anchor
9601
- * @param [allowCrossAxis=true] {boolean} Whether to allow the popover to be positioned on the cross-axis
9602
- * @param [container] {HTMLElement} Element the popover must be constrained to fit within
9603
- * @param [arrowConfig] {{arrowWidth: number, arrowBuffer: number}} If
9604
- * present, describes the size & constraints for an arrow element, and the
9605
- * function return value will include an `arrow` param with position details
9606
- *
9607
- * @returns {FindPopoverPositionResult} absolute page coordinates for the
9608
- * popover, and the placement's relation to the anchor or undefined
9609
- * there's no room.
9610
- */
9611
- export function findPopoverPosition({ anchor, popover, align, position, forcePosition, buffer, offset, allowCrossAxis, container, arrowConfig, returnBoundingBox, }: FindPopoverPositionArgs): FindPopoverPositionResult;
9612
- interface GetPopoverScreenCoordinatesArgs {
9613
- position: EuiPopoverPosition;
9614
- align?: EuiPopoverPosition;
9615
- anchorBoundingBox: EuiClientRect;
9616
- popoverBoundingBox: EuiClientRect;
9617
- windowBoundingBox: EuiClientRect;
9618
- containerBoundingBox: EuiClientRect;
9619
- arrowConfig?: {
9620
- arrowWidth: number;
9621
- arrowBuffer: number;
9622
- };
9623
- offset?: number;
9624
- buffer?: number | [number, number, number, number];
9625
- }
9626
- interface GetPopoverScreenCoordinatesResult {
9627
- top: number;
9628
- left: number;
9629
- fit: number;
9630
- arrow?: Record<EuiPopoverPosition, number | string>;
9631
- }
9632
- /**
9633
- * Given a target position and the popover's surrounding context, returns either an
9634
- * object with {top, left} screen coordinates or `null` if it's not possible to show
9635
- * content in the target position
9636
- * @param position {string} the target position, one of ["top", "right", "bottom", "left"]
9637
- * @param align {string} target alignment on the cross-axis, one of ["top", "right", "bottom", "left"]
9638
- * @param anchorBoundingBox {Object} bounding box of the anchor element
9639
- * @param popoverBoundingBox {Object} bounding box of the popover element
9640
- * @param windowBoundingBox {Object} bounding box of the window
9641
- * @param containerBoundingBox {Object} bounding box of the container
9642
- * @param [arrowConfig] {{arrowWidth: number, arrowBuffer: number}} If present, describes the size &
9643
- * constraints for an arrow element, and the function return value will include an `arrow` param
9644
- * with position details
9645
- * @param [offset=0] {number} Distance between the popover and the anchor
9646
- * @param [buffer=0] {number} Minimum distance between the popover's
9647
- * placement and the container edge
9648
- *
9649
- * @returns {GetPopoverScreenCoordinatesResult}
9650
- * object with top/left coordinates, the popover's relative position to the anchor, and how well the
9651
- * popover fits in the location (0.0 -> 1.0) coordinates and the popover's relative position, if
9652
- * there is no room in this placement then null
9653
- */
9654
- export function getPopoverScreenCoordinates({ position, align, anchorBoundingBox, popoverBoundingBox, windowBoundingBox, containerBoundingBox, arrowConfig, offset, buffer, }: GetPopoverScreenCoordinatesArgs): GetPopoverScreenCoordinatesResult;
9655
- /**
9656
- * Finds the client pixel coordinate of each edge for the element's bounding box,
9657
- * and the bounding box's width & height
9658
- *
9659
- * @param {HTMLElement} element
9660
- * @returns {{top: number, right: number, bottom: number, left: number, height: number, width: number}}
9661
- */
9662
- export function getElementBoundingBox(element: HTMLElement): EuiClientRect;
9663
- /**
9664
- * Calculates the available content space between anchor and container
9665
- *
9666
- * @param {Object} anchorBoundingBox Client bounding box of the anchor element
9667
- * @param {Object} containerBoundingBox Client bounding box of the container element
9668
- * @param {number} buffer Minimum distance between the popover and the bounding container
9669
- * @param {number} offset Distance between the popover and the anchor
9670
- * @param {string} offsetSide Side the offset needs to be applied to, one
9671
- * of ["top", "right", "bottom", "left"]
9672
- * @returns {{top: number, right: number, bottom: number, left: number}}
9673
- */
9674
- export function getAvailableSpace(anchorBoundingBox: BoundingBox, containerBoundingBox: BoundingBox, buffer: number | [number, number, number, number], offset: number, offsetSide: EuiPopoverPosition): BoundingBox;
9675
- /**
9676
- * Computes the fit (overlap) of the content within the container, fit is in range 0.0 => 1.0
9677
- * @param contentBoundingBox bounding box of content to calculate fit for
9678
- * @param containerBoundingBox bounding box of container
9679
- * @returns {number}
9680
- */
9681
- export function getVisibleFit(contentBoundingBox: BoundingBox, containerBoundingBox: BoundingBox): number;
9682
- /**
9683
- * Calculates the intersection space between two bounding boxes
9684
- *
9685
- * @param firstBox
9686
- * @param secondBox
9687
- * @returns {EuiClientRect}
9688
- */
9689
- export function intersectBoundingBoxes(firstBox: BoundingBox, secondBox: BoundingBox): EuiClientRect;
9690
- /**
9691
- * Returns the top-most defined z-index in the element's ancestor hierarchy
9692
- * relative to the `target` element; if no z-index is defined, returns 0
9693
- * @param element {HTMLElement}
9694
- * @param cousin {HTMLElement}
9695
- * @returns {number}
9696
- */
9697
- export function getElementZIndex(element: HTMLElement, cousin: HTMLElement): number;
9698
- export {};
9699
-
9700
- }
9701
- declare module '@elastic/eui/src/services/popover/popover_arrow.styles' {
9702
- import { UseEuiTheme } from '@elastic/eui/src/services';
9703
- /**
9704
- * Arrow clipping/transform/positioning CSS shared between EuiPopover and EuiToolTip
9705
- */
9706
- export const _popoverArrowStyles: ({ euiTheme, colorMode, highContrastMode }: UseEuiTheme, arrowSize: string) => {
9707
- _arrowStyles: string;
9708
- positions: {
9709
- top: import("@emotion/react").SerializedStyles;
9710
- bottom: import("@emotion/react").SerializedStyles;
9711
- left: import("@emotion/react").SerializedStyles;
9712
- right: import("@emotion/react").SerializedStyles;
9713
- };
9714
- };
9715
-
9716
- }
9717
- declare module '@elastic/eui/src/services/popover' {
9718
- export { calculatePopoverPosition } from '@elastic/eui/src/services/popover/calculate_popover_position';
9719
- export { findPopoverPosition, getElementZIndex } from '@elastic/eui/src/services/popover/popover_positioning';
9720
- export { _popoverArrowStyles } from '@elastic/eui/src/services/popover/popover_arrow.styles';
9721
- export type { EuiPopoverPosition } from '@elastic/eui/src/services/popover/types';
9722
-
9723
- }
9724
- declare module '@elastic/eui/src/components/panel/panel.styles' {
9725
- import { UseEuiTheme } from '@elastic/eui/src/services';
9726
- export const euiPanelBorderStyles: (euiThemeContext: UseEuiTheme, options?: {
9727
- borderColor?: string;
9728
- }) => string;
9729
- export const euiPanelStyles: (euiThemeContext: UseEuiTheme) => {
9730
- euiPanel: import("@emotion/react").SerializedStyles;
9731
- grow: import("@emotion/react").SerializedStyles;
9732
- hasShadow: import("@emotion/react").SerializedStyles;
9733
- hasBorder: import("@emotion/react").SerializedStyles;
9734
- radius: {
9735
- none: import("@emotion/react").SerializedStyles;
9736
- m: import("@emotion/react").SerializedStyles;
9737
- };
9738
- isClickable: import("@emotion/react").SerializedStyles;
9739
- };
9740
-
9741
- }
9742
- declare module '@elastic/eui/src/components/tool_tip/tool_tip.styles' {
9743
- import { UseEuiTheme } from '@elastic/eui/src/services';
9744
- export const euiToolTipBackgroundColor: (euiTheme: UseEuiTheme["euiTheme"]) => string;
9745
- export const euiToolTipBorderColor: (euiTheme: UseEuiTheme["euiTheme"]) => string;
9746
- export const euiToolTipStyles: (euiThemeContext: UseEuiTheme) => {
9747
- euiToolTip: import("@emotion/react").SerializedStyles;
9748
- top: import("@emotion/react").SerializedStyles;
9749
- bottom: import("@emotion/react").SerializedStyles;
9750
- left: import("@emotion/react").SerializedStyles;
9751
- right: import("@emotion/react").SerializedStyles;
9752
- euiToolTip__arrow: import("@emotion/react").SerializedStyles;
9753
- arrowPositions: {
9754
- top: import("@emotion/react").SerializedStyles;
9755
- bottom: import("@emotion/react").SerializedStyles;
9756
- left: import("@emotion/react").SerializedStyles;
9757
- right: import("@emotion/react").SerializedStyles;
9758
- };
9759
- euiToolTip__title: import("@emotion/react").SerializedStyles;
9760
- };
9761
- export const euiToolTipAnchorStyles: () => {
9762
- euiToolTipAnchor: import("@emotion/react").SerializedStyles;
9763
- block: import("@emotion/react").SerializedStyles;
9764
- inlineBlock: import("@emotion/react").SerializedStyles;
9765
- };
9766
-
9767
- }
9768
- declare module '@elastic/eui/src/components/tool_tip/tool_tip_popover' {
9769
- import { HTMLAttributes, FunctionComponent, ReactNode } from 'react';
9770
- import { CommonProps } from '@elastic/eui/src/components/common';
9771
- export type ToolTipPositions = 'top' | 'right' | 'bottom' | 'left';
9772
- type Props = CommonProps & Omit<HTMLAttributes<HTMLDivElement>, 'title'> & {
9773
- positionToolTip: () => void;
9774
- children?: ReactNode;
9775
- title?: ReactNode;
9776
- popoverRef?: (ref: HTMLDivElement | null) => void;
9777
- calculatedPosition?: ToolTipPositions;
9778
- };
9779
- export const EuiToolTipPopover: FunctionComponent<Props>;
9780
- export {};
9781
-
9782
- }
9783
- declare module '@elastic/eui/src/services/popover/reposition_on_scroll' {
9784
- type SupportedComponentDefaults = {
9785
- repositionOnScroll?: boolean;
9786
- };
9787
- type RepositionOnScrollArgs<T extends SupportedComponentDefaults> = {
9788
- /**
9789
- * The component's `repositionOnScroll` prop.
9790
- */
9791
- repositionOnScroll?: boolean;
9792
- /**
9793
- * The function to be called on scroll to reposition the component.
9794
- */
9795
- repositionFn: () => void;
9796
- /**
9797
- * The component's defaults context.
9798
- */
9799
- componentDefaults?: T;
9800
- };
9801
- /**
9802
- * Returns the value of the `repositionOnScroll` from the props, component's defaults context
9803
- * or default to `false`.
9804
- *
9805
- * @param args The arguments for `getRepositionOnScroll`. See {@link RepositionOnScrollArgs}.
9806
- * @returns The value of the `repositionOnScroll`.
9807
- */
9808
- export const getRepositionOnScroll: <T extends SupportedComponentDefaults>(args: RepositionOnScrollArgs<T>) => boolean;
9809
- export type CreateRepositionOnScrollReturnType = {
9810
- subscribe: () => void;
9811
- update: () => void;
9812
- cleanup: () => void;
9813
- };
9814
- /**
9815
- * Creates a manager for handling `repositionOnScroll` logic in overlay components.
9816
- * This utility abstracts the adding, updating, and removing of window scroll event listeners.
9817
- *
9818
- * @param getArgs A function that returns the arguments for `getRepositionOnScroll`. See {@link RepositionOnScrollArgs}.
9819
- * @returns An object with `subscribe`, `update`, and `cleanup` methods to manage the scroll listener.
9820
- */
9821
- export const createRepositionOnScroll: <T extends SupportedComponentDefaults>(getArgs: () => RepositionOnScrollArgs<T>) => CreateRepositionOnScrollReturnType;
9822
- export {};
9823
-
9824
- }
9825
- declare module '@elastic/eui/src/components/tool_tip/tool_tip_anchor' {
9826
- import React, { HTMLAttributes, type FocusEvent as ReactFocusEvent } from 'react';
9827
- import type { EuiToolTipProps } from '@elastic/eui/src/components/tool_tip/tool_tip';
9828
- export type EuiToolTipAnchorProps = Omit<HTMLAttributes<HTMLSpanElement>, 'onBlur' | 'onFocus' | 'children'> & Required<Pick<EuiToolTipProps, 'display' | 'children'>> & {
9829
- onBlur: () => void;
9830
- onFocus: (e: ReactFocusEvent) => void;
9831
- isVisible: boolean;
9832
- };
9833
- export const EuiToolTipAnchor: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLSpanElement>, "children" | "onFocus" | "onBlur"> & Required<Pick<EuiToolTipProps, "children" | "display">> & {
9834
- onBlur: () => void;
9835
- onFocus: (e: ReactFocusEvent) => void;
9836
- isVisible: boolean;
9837
- } & React.RefAttributes<HTMLSpanElement>>;
9838
-
9839
- }
9840
- declare module '@elastic/eui/src/components/tool_tip/tool_tip_arrow' {
9841
- import { HTMLAttributes, FunctionComponent } from 'react';
9842
- import { ToolTipPositions } from '@elastic/eui/src/components/tool_tip/tool_tip_popover';
9843
- export const EuiToolTipArrow: FunctionComponent<{
9844
- position: ToolTipPositions;
9845
- } & HTMLAttributes<HTMLDivElement>>;
9846
-
9847
- }
9848
- declare module '@elastic/eui/src/components/tool_tip/tool_tip_manager' {
9849
- class ToolTipManager {
9850
- toolTipsToHide: Set<Function>;
9851
- registerTooltip: (hideCallback: Function) => void;
9852
- deregisterToolTip: (hideCallback: Function) => void;
9853
- }
9854
- export const toolTipManager: ToolTipManager;
9855
- export {};
9856
-
9857
- }
9858
- declare module '@elastic/eui/src/components/tool_tip/tool_tip' {
9859
- import React, { ReactElement, ReactNode, type MouseEvent as ReactMouseEvent, HTMLAttributes } from 'react';
9860
- import { CommonProps } from '@elastic/eui/src/components/common';
9861
- import { ToolTipPositions } from '@elastic/eui/src/components/tool_tip/tool_tip_popover';
9862
- export const POSITIONS: readonly ["top", "right", "bottom", "left"]; const DISPLAYS: readonly ["inlineBlock", "block"];
9863
- export const DEFAULT_TOOLTIP_OFFSET = 16;
9864
- export interface EuiToolTipProps extends CommonProps {
9865
- /**
9866
- * Passes onto the span wrapping the trigger.
9867
- */
9868
- anchorClassName?: string;
9869
- /**
9870
- * Passes onto the span wrapping the trigger.
9871
- */
9872
- anchorProps?: CommonProps & HTMLAttributes<HTMLSpanElement>;
9873
- /**
9874
- * The in-view trigger for your tooltip.
9875
- */
9876
- children: ReactElement;
9877
- /**
9878
- * Passes onto the tooltip itself, not the trigger.
9879
- */
9880
- className?: string;
9881
- /**
9882
- * The main content of your tooltip.
9883
- */
9884
- content?: ReactNode;
9885
- /**
9886
- * Common display alternatives for the anchor wrapper
9887
- */
9888
- display?: (typeof DISPLAYS)[number];
9889
- /**
9890
- * An optional title for your tooltip.
9891
- */
9892
- title?: ReactNode;
9893
- /**
9894
- * Unless you provide one, this will be randomly generated.
9895
- */
9896
- id?: string;
9897
- /**
9898
- * Suggested position. If there is not enough room for it this will be changed.
9899
- */
9900
- position?: ToolTipPositions;
9901
- /**
9902
- * When `true`, the tooltip's position is re-calculated when the user
9903
- * scrolls. This supports having fixed-position tooltip anchors.
9904
- *
9905
- * When nesting an `EuiTooltip` in a scrollable container, `repositionOnScroll` should be `true`
9906
- */
9907
- repositionOnScroll?: boolean;
9908
- /**
9909
- * Disables the tooltip content being read by screen readers when focusing the trigger element.
9910
- * Do not use when the trigger `aria-label` and tooltip `content` can be rephrased to be standalone
9911
- * information (action & additional information).
9912
- * Enable this prop only when the trigger has a descriptive label that either duplicates or includes
9913
- * the tooltip content and would result in repetitive output.
9914
- * @default false
9915
- */
9916
- disableScreenReaderOutput?: boolean;
9917
- /**
9918
- * If supplied, called when mouse movement causes the tool tip to be
9919
- * hidden.
9920
- */
9921
- onMouseOut?: (event: ReactMouseEvent<HTMLSpanElement, MouseEvent>) => void;
9922
- /**
9923
- * If supplied, called when the trigger loses focus.
9924
- */
9925
- onBlur?: () => void;
9926
- /**
9927
- * Offset in pixels from the anchor. Defaults to 16.
9928
- */
9929
- offset?: number;
9930
- }
9931
- export interface EuiToolTipRef {
9932
- showToolTip: () => void;
9933
- hideToolTip: () => void;
9934
- id: string;
9935
- }
9936
- export const EuiToolTip: React.ForwardRefExoticComponent<EuiToolTipProps & React.RefAttributes<EuiToolTipRef>>;
9937
- export {};
9938
-
9939
9678
  }
9940
9679
  declare module '@elastic/eui/src/components/tool_tip/icon_tip' {
9941
9680
  import { FunctionComponent } from 'react';
@@ -9981,6 +9720,454 @@ declare module '@elastic/eui/src/components/tool_tip' {
9981
9720
  export type { EuiIconTipProps } from '@elastic/eui/src/components/tool_tip/icon_tip';
9982
9721
  export { EuiIconTip } from '@elastic/eui/src/components/tool_tip/icon_tip';
9983
9722
 
9723
+ }
9724
+ declare module '@elastic/eui/src/services/canvas/canvas_text_utils' {
9725
+ import type { ExclusiveUnion } from '@elastic/eui/src/components/common';
9726
+ export type CanvasTextParams = ExclusiveUnion<{
9727
+ container: HTMLElement;
9728
+ }, {
9729
+ font: CanvasTextDrawingStyles['font'];
9730
+ }>;
9731
+ /**
9732
+ * Creates a temporary Canvas element for manipulating text & determining text width.
9733
+ *
9734
+ * To accurately measure text, canvas rendering requires either a container to
9735
+ * compute/derive font styles from, or a static font string (useful for usage
9736
+ * outside the DOM). Particular care should be applied when fallback fonts are
9737
+ * used, as more fallback fonts can lead to less precision.
9738
+ *
9739
+ * Please note that while canvas is more significantly more performant than DOM
9740
+ * measurement, there are subpixel to single digit pixel differences between
9741
+ * DOM and canvas measurement due to the different rendering engines used.
9742
+ */
9743
+ export class CanvasTextUtils {
9744
+ context: CanvasRenderingContext2D;
9745
+ currentText: string;
9746
+ constructor({ font, container }: CanvasTextParams);
9747
+ computeFontFromElement: (element: HTMLElement) => string;
9748
+ get textWidth(): number;
9749
+ setTextToCheck: (text: string) => void;
9750
+ }
9751
+
9752
+ }
9753
+ declare module '@elastic/eui/src/services/canvas' {
9754
+ export { CanvasTextUtils } from '@elastic/eui/src/services/canvas/canvas_text_utils';
9755
+ export type { CanvasTextParams } from '@elastic/eui/src/services/canvas/canvas_text_utils';
9756
+
9757
+ }
9758
+ declare module '@elastic/eui/src/components/text_truncate/utils' {
9759
+ import { CanvasTextParams, CanvasTextUtils } from '@elastic/eui/src/services/canvas';
9760
+ type TruncationParams = CanvasTextParams & {
9761
+ fullText: string;
9762
+ ellipsis: string;
9763
+ availableWidth: number;
9764
+ };
9765
+ /**
9766
+ * Utilities for truncating types at various positions, as well as
9767
+ * determining whether truncation is possible or even necessary.
9768
+ */
9769
+ export class TruncationUtils extends CanvasTextUtils {
9770
+ protected fullText: TruncationParams['fullText'];
9771
+ protected ellipsis: TruncationParams['ellipsis'];
9772
+ protected availableWidth: TruncationParams['availableWidth'];
9773
+ constructor({ fullText, ellipsis, availableWidth, ...rest }: TruncationParams);
9774
+ /**
9775
+ * Performance utilities
9776
+ */
9777
+ debugPerformance: boolean;
9778
+ debugCounter: number;
9779
+ get textWidth(): number;
9780
+ /**
9781
+ * Internal utils for calculating a ratio based on the passed available width
9782
+ * vs the full text width.
9783
+ * This ratio is used to get an initial _approximate_ text string that should
9784
+ * be slightly over the available width, which we can then remove from
9785
+ * character-by-character until the text just fits within the available width.
9786
+ */
9787
+ widthRatio: number;
9788
+ setTextWidthRatio: (text?: string, textToOffset?: string) => void;
9789
+ getTextFromRatio: (text: string, type: "start" | "end") => string;
9790
+ /**
9791
+ * Early return checks
9792
+ */
9793
+ checkIfTruncationIsNeeded: () => false | undefined;
9794
+ checkSufficientEllipsisWidth: (truncation: string) => false | undefined;
9795
+ checkTruncationOffsetWidth: (text: string) => false | undefined;
9796
+ /**
9797
+ * Truncation types logic. This is where the magic happens
9798
+ */
9799
+ truncateStart: (truncationOffset?: number) => string;
9800
+ truncateEnd: (truncationOffset?: number) => string;
9801
+ truncateStartEndAtPosition: (truncationPosition: number) => string;
9802
+ truncateStartEndAtMiddle: () => string;
9803
+ truncateMiddle: () => string;
9804
+ }
9805
+ export {};
9806
+
9807
+ }
9808
+ declare module '@elastic/eui/src/components/text_truncate/text_truncate.styles' {
9809
+ import { UseEuiTheme } from '@elastic/eui/src/services';
9810
+ export const euiTextTruncateStyles: (euiThemeContext: UseEuiTheme) => {
9811
+ euiTextTruncate: import("@emotion/react").SerializedStyles;
9812
+ /**
9813
+ * The below CSS is a hack to get double clicking and selecting the *full* text
9814
+ * instead of the truncated text (useful for copying/pasting, and mimics how
9815
+ * `text-overflow: ellipsis` works).
9816
+ *
9817
+ * Real talk: I'm lowkey amazed it works and it wouldn't surprise me if we ran into
9818
+ * cross-browser issues with this at some point. Hopefully CSS natively implements
9819
+ * custom text truncation some day (https://github.com/w3c/csswg-drafts/issues/3937)
9820
+ * and there'll be no need for the entire component at that point 🙏
9821
+ */
9822
+ euiTextTruncate__truncatedText: import("@emotion/react").SerializedStyles;
9823
+ euiTextTruncate__fullText: import("@emotion/react").SerializedStyles;
9824
+ };
9825
+
9826
+ }
9827
+ declare module '@elastic/eui/src/components/text_truncate/text_truncate' {
9828
+ import { HTMLAttributes, FunctionComponent, ReactNode } from 'react';
9829
+ import type { CommonProps } from '@elastic/eui/src/components/common'; const TRUNCATION_TYPES: readonly ["end", "start", "startEnd", "middle"];
9830
+ export type EuiTextTruncationTypes = (typeof TRUNCATION_TYPES)[number];
9831
+ export type EuiTextTruncateProps = Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'onResize'> & CommonProps & {
9832
+ /**
9833
+ * The full text string to truncate
9834
+ */
9835
+ text: string;
9836
+ /**
9837
+ * The truncation type desired. Determines where the ellipses are placed.
9838
+ */
9839
+ truncation?: EuiTextTruncationTypes;
9840
+ /**
9841
+ * This prop **only** applies to the `start` and `end` truncation types.
9842
+ * It allows preserving a certain number of characters of either the
9843
+ * starting or ending text.
9844
+ *
9845
+ * If the passed offset is greater than the total text length,
9846
+ * the offset will be ignored.
9847
+ */
9848
+ truncationOffset?: number;
9849
+ /**
9850
+ * This prop **only** applies to the `startEnd` truncation type.
9851
+ * It allows customizing the anchor position of the displayed text,
9852
+ * which otherwise defaults to the middle of the text string.
9853
+ *
9854
+ * The primary use case for this prop for is search highlighting - e.g., if
9855
+ * a user searches for a specific word in the text, pass the index of that
9856
+ * found word to ensure it is always visible.
9857
+ *
9858
+ * This behavior will intelligently detect when positions are close to the start
9859
+ * or end of the text, and omit leading or trailing ellipses when necessary.
9860
+ * If the passed position is greater than the total text length,
9861
+ * the truncation will simply default to `start` instead.
9862
+ */
9863
+ truncationPosition?: number;
9864
+ /**
9865
+ * Defaults to the horizontal ellipsis character.
9866
+ * Can be optionally configured to use other punctuation,
9867
+ * e.g. spaces, brackets, hyphens, asterisks, etc.
9868
+ */
9869
+ ellipsis?: string;
9870
+ /**
9871
+ * By default, EuiTextTruncate will render a resize observer to detect the
9872
+ * available width it has. For performance reasons (e.g. multiple truncated
9873
+ * text items within the same container), you may opt to pass in your own
9874
+ * container width, which will skip initializing a resize observer.
9875
+ */
9876
+ width?: number;
9877
+ /**
9878
+ * Optional callback that fires when the default resizer observer both mounts and
9879
+ * registers a size change. This callback will **not** fire if `width` is passed.
9880
+ */
9881
+ onResize?: (width: number) => void;
9882
+ /**
9883
+ * By default, EuiTextTruncate will render the truncated string directly.
9884
+ * You can optionally pass a render prop function to the component, which
9885
+ * allows for more flexible text rendering, e.g. adding custom markup
9886
+ * or highlighting
9887
+ */
9888
+ children?: (truncatedString: string) => ReactNode;
9889
+ /**
9890
+ * For some edge case scenarios, EuiTextTruncate's calculations may be off until
9891
+ * fonts are done loading or layout is done shifting or settling. Adding a delay
9892
+ * may help resolve any rendering issues.
9893
+ */
9894
+ calculationDelayMs?: number;
9895
+ };
9896
+ export const EuiTextTruncate: FunctionComponent<EuiTextTruncateProps>;
9897
+ export {};
9898
+
9899
+ }
9900
+ declare module '@elastic/eui/src/components/text_truncate/text_block_truncate' {
9901
+ import { FunctionComponent, HTMLAttributes, PropsWithChildren } from 'react';
9902
+ import { CommonProps } from '@elastic/eui/src/components/common';
9903
+ export type EuiTextBlockTruncateProps = PropsWithChildren & CommonProps & HTMLAttributes<HTMLDivElement> & {
9904
+ /**
9905
+ * Number of lines of text to truncate to
9906
+ */
9907
+ lines: number;
9908
+ /**
9909
+ * Applies styling to the child element instead of rendering a parent wrapper `div`.
9910
+ * Can only be used when wrapping a *single* child element/tag, and not raw text.
9911
+ */
9912
+ cloneElement?: boolean;
9913
+ };
9914
+ export const EuiTextBlockTruncate: FunctionComponent<EuiTextBlockTruncateProps>;
9915
+
9916
+ }
9917
+ declare module '@elastic/eui/src/components/text_truncate' {
9918
+ export type { EuiTextTruncateProps, EuiTextTruncationTypes, } from '@elastic/eui/src/components/text_truncate/text_truncate';
9919
+ export { EuiTextTruncate } from '@elastic/eui/src/components/text_truncate/text_truncate';
9920
+ export type { EuiTextBlockTruncateProps } from '@elastic/eui/src/components/text_truncate/text_block_truncate';
9921
+ export { EuiTextBlockTruncate } from '@elastic/eui/src/components/text_truncate/text_block_truncate';
9922
+ export { TruncationUtils } from '@elastic/eui/src/components/text_truncate/utils';
9923
+
9924
+ }
9925
+ declare module '@elastic/eui/src/components/table/table_row_cell.styles' {
9926
+ import { UseEuiTheme } from '@elastic/eui/src/services';
9927
+ export const euiTableRowCellStyles: (euiThemeContext: UseEuiTheme) => {
9928
+ euiTableRowCell: import("@emotion/react").SerializedStyles;
9929
+ rowHeader: import("@emotion/react").SerializedStyles;
9930
+ isExpander: import("@emotion/react").SerializedStyles;
9931
+ hasActions: import("@emotion/react").SerializedStyles;
9932
+ middle: import("@emotion/react").SerializedStyles;
9933
+ baseline: import("@emotion/react").SerializedStyles;
9934
+ top: import("@emotion/react").SerializedStyles;
9935
+ bottom: import("@emotion/react").SerializedStyles;
9936
+ desktop: {
9937
+ desktop: import("@emotion/react").SerializedStyles;
9938
+ actions: import("@emotion/react").SerializedStyles;
9939
+ };
9940
+ mobile: {
9941
+ mobile: import("@emotion/react").SerializedStyles;
9942
+ enlarge: import("@emotion/react").SerializedStyles;
9943
+ rightColumnContent: string;
9944
+ readonly actions: import("@emotion/react").SerializedStyles;
9945
+ readonly expander: import("@emotion/react").SerializedStyles;
9946
+ /**
9947
+ * Custom actions may not be icons and therefore may not fit in a column
9948
+ * If they're the last cell, we can create a pseudo "row"/"border-top"
9949
+ * that mimicks the visual separation that the right column has
9950
+ */
9951
+ customActions: import("@emotion/react").SerializedStyles;
9952
+ };
9953
+ euiTableRowCell__mobileHeader: import("@emotion/react").SerializedStyles;
9954
+ };
9955
+
9956
+ }
9957
+ declare module '@elastic/eui/src/components/table/table_cells_shared.styles' {
9958
+ import { UseEuiTheme } from '@elastic/eui/src/services';
9959
+ import { EuiTableStickyCellOptions } from '@elastic/eui/src/components/table/types';
9960
+ export const euiTableHeaderFooterCellStyles: (euiThemeContext: UseEuiTheme) => {
9961
+ euiTableHeaderCell: import("@emotion/react").SerializedStyles;
9962
+ euiTableHeaderCell__content: import("@emotion/react").SerializedStyles;
9963
+ euiTableHeaderCell__button: import("@emotion/react").SerializedStyles;
9964
+ euiTableFooterCell: {
9965
+ euiTableFooterCell: import("@emotion/react").SerializedStyles;
9966
+ hasBackground: import("@emotion/react").SerializedStyles;
9967
+ };
9968
+ };
9969
+ export const euiTableCellCheckboxStyles: (euiThemeContext: UseEuiTheme) => {
9970
+ euiTableHeaderCellCheckbox: import("@emotion/react").SerializedStyles;
9971
+ euiTableRowCellCheckbox: import("@emotion/react").SerializedStyles;
9972
+ desktop: import("@emotion/react").SerializedStyles;
9973
+ mobile: import("@emotion/react").SerializedStyles;
9974
+ };
9975
+ /**
9976
+ * @internal
9977
+ */
9978
+ export const _useEuiTableStickyCellStyles: (options?: EuiTableStickyCellOptions) => import("@emotion/react").SerializedStyles[] | undefined;
9979
+
9980
+ }
9981
+ declare module '@elastic/eui/src/components/table/table_row_cell' {
9982
+ import { CSSProperties, FunctionComponent, ReactNode, TdHTMLAttributes } from 'react';
9983
+ import { CommonProps } from '@elastic/eui/src/components/common';
9984
+ import { HorizontalAlignment } from '@elastic/eui/src/services';
9985
+ import type { EuiTableStickyCellOptions, EuiTableSharedWidthProps } from '@elastic/eui/src/components/table/types';
9986
+ interface EuiTableRowCellSharedPropsShape extends EuiTableSharedWidthProps {
9987
+ /**
9988
+ * Horizontal alignment of the text in the cell
9989
+ */
9990
+ align?: HorizontalAlignment;
9991
+ /**
9992
+ * Creates a text wrapper around cell content that helps word break or truncate
9993
+ * long text correctly.
9994
+ * @default true
9995
+ */
9996
+ textOnly?: boolean;
9997
+ /**
9998
+ * Indicates whether this column should truncate overflowing text content.
9999
+ * - Set to `true` to enable single-line truncation.
10000
+ * - To enable multi-line truncation, use a configuration object with `lines`
10001
+ * set to a number of lines to truncate to.
10002
+ * @default false
10003
+ */
10004
+ truncateText?: boolean | {
10005
+ lines: number;
10006
+ };
10007
+ }
10008
+ export interface EuiTableRowCellMobileOptionsShape extends EuiTableRowCellSharedPropsShape {
10009
+ /**
10010
+ * If false, will not render the cell at all for mobile
10011
+ * @default true
10012
+ */
10013
+ show?: boolean;
10014
+ /**
10015
+ * Only show for mobile? If true, will not render the column at all for desktop
10016
+ * @default false
10017
+ */
10018
+ only?: boolean;
10019
+ /**
10020
+ * Custom render/children if different from desktop
10021
+ */
10022
+ render?: ReactNode;
10023
+ /**
10024
+ * The column's header for use in mobile view (automatically passed down
10025
+ * when using `EuiBasicTable`).
10026
+ * Or pass `false` to not show a header at all.
10027
+ */
10028
+ header?: ReactNode | boolean;
10029
+ /**
10030
+ * Increase text size compared to rest of cells
10031
+ * @default false
10032
+ */
10033
+ enlarge?: boolean;
10034
+ /**
10035
+ * Applies the value to the width of the cell in mobile view (typically 50%)
10036
+ * @default 50%
10037
+ */
10038
+ width?: CSSProperties['width'];
10039
+ }
10040
+ export interface EuiTableRowCellProps extends EuiTableRowCellSharedPropsShape {
10041
+ /**
10042
+ * Vertical alignment of the content in the cell
10043
+ */
10044
+ valign?: TdHTMLAttributes<HTMLTableCellElement>['valign'];
10045
+ /**
10046
+ * Indicates whether the cell should be marked as the heading for its row
10047
+ */
10048
+ setScopeRow?: boolean;
10049
+ /**
10050
+ * Indicates if the cell is dedicated to row actions
10051
+ * (used for mobile styling and desktop action hover behavior)
10052
+ */
10053
+ hasActions?: boolean | 'custom';
10054
+ /**
10055
+ * Indicates if the column is dedicated as the expandable row toggle
10056
+ */
10057
+ isExpander?: boolean;
10058
+ /**
10059
+ * Mobile options for displaying differently at small screens;
10060
+ * See {@link EuiTableRowCellMobileOptionsShape}
10061
+ */
10062
+ mobileOptions?: EuiTableRowCellMobileOptionsShape;
10063
+ /**
10064
+ * Content rendered outside the visible cell content wrapper. Useful for, e.g. screen reader text.
10065
+ *
10066
+ * Used by EuiBasicTable to render hidden copy markers
10067
+ */
10068
+ append?: ReactNode;
10069
+ /**
10070
+ * Whether the cell should stick to a side of the table.
10071
+ *
10072
+ * This option is not applied in the responsive cards layout - see
10073
+ * {@link EuiTableProps#responsiveBreakpoint|`responsiveBreakpoint`}.
10074
+ *
10075
+ * Currently, it can only be used when the cell is in the first or the last
10076
+ * column of a table.
10077
+ *
10078
+ * When set to `true` and `hasBackground: false` is set on the table,
10079
+ * `--euiTableCellStickyBackgroundColor` CSS variable should be set to match
10080
+ * the background color of the element containing the table.
10081
+ * Otherwise, the sticky cell will use the default `backgroundBasePlain`
10082
+ * background color.
10083
+ * @internal
10084
+ * @beta
10085
+ * @default false
10086
+ */
10087
+ sticky?: EuiTableStickyCellOptions;
10088
+ }
10089
+ type Props = CommonProps & Omit<TdHTMLAttributes<HTMLTableCellElement>, 'valign'> & EuiTableRowCellProps;
10090
+ export const EuiTableRowCell: FunctionComponent<Props>;
10091
+ export {};
10092
+
10093
+ }
10094
+ declare module '@elastic/eui/src/components/table/_table_cell_content.styles' {
10095
+ import { UseEuiTheme } from '@elastic/eui/src/services';
10096
+ export const euiTableCellContentStyles: ({ euiTheme }: UseEuiTheme) => {
10097
+ euiTableCellContent: import("@emotion/react").SerializedStyles;
10098
+ left: null;
10099
+ right: import("@emotion/react").SerializedStyles;
10100
+ center: import("@emotion/react").SerializedStyles;
10101
+ truncateText: import("@emotion/react").SerializedStyles;
10102
+ wrapText: import("@emotion/react").SerializedStyles;
10103
+ hasActions: {
10104
+ actions: import("@emotion/react").SerializedStyles;
10105
+ custom: import("@emotion/react").SerializedStyles;
10106
+ desktop: import("@emotion/react").SerializedStyles;
10107
+ mobile: import("@emotion/react").SerializedStyles;
10108
+ };
10109
+ };
10110
+
10111
+ }
10112
+ declare module '@elastic/eui/src/components/table/_table_cell_content' {
10113
+ import { FunctionComponent, HTMLAttributes } from 'react';
10114
+ import { CommonProps } from '@elastic/eui/src/components/common';
10115
+ import type { EuiTableRowCellProps } from '@elastic/eui/src/components/table/table_row_cell';
10116
+ export type EuiTableCellContentProps = CommonProps & HTMLAttributes<HTMLDivElement> & Pick<EuiTableRowCellProps, 'align' | 'hasActions' | 'textOnly'> & {
10117
+ truncateText?: EuiTableRowCellProps['truncateText'] | null;
10118
+ };
10119
+ export const EuiTableCellContent: FunctionComponent<EuiTableCellContentProps>;
10120
+
10121
+ }
10122
+ declare module '@elastic/eui/src/components/table/table_footer_cell' {
10123
+ import { FunctionComponent, TdHTMLAttributes } from 'react';
10124
+ import { HorizontalAlignment } from '@elastic/eui/src/services';
10125
+ import { CommonProps } from '@elastic/eui/src/components/common';
10126
+ import { EuiTableSharedWidthProps, EuiTableStickyCellOptions } from '@elastic/eui/src/components/table/types';
10127
+ export type EuiTableFooterCellProps = CommonProps & Omit<TdHTMLAttributes<HTMLTableCellElement>, 'width'> & EuiTableSharedWidthProps & {
10128
+ align?: HorizontalAlignment;
10129
+ /**
10130
+ * Whether the cell should stick to a side of the table.
10131
+ *
10132
+ * This option is not applied in the responsive cards layout - see
10133
+ * {@link EuiTableProps#responsiveBreakpoint|`responsiveBreakpoint`}.
10134
+ *
10135
+ * Currently, it can only be used when the cell is in the first or the last
10136
+ * column of a table.
10137
+ *
10138
+ * When set to `true` and `hasBackground: false` is set on the table,
10139
+ * `--euiTableCellStickyBackgroundColor` CSS variable should be set to match
10140
+ * the background color of the element containing the table.
10141
+ * Otherwise, the sticky cell will use the default `backgroundBasePlain`
10142
+ * background color.
10143
+ * @internal
10144
+ * @beta
10145
+ * @default false
10146
+ */
10147
+ sticky?: EuiTableStickyCellOptions;
10148
+ };
10149
+ export const EuiTableFooterCell: FunctionComponent<EuiTableFooterCellProps>;
10150
+
10151
+ }
10152
+ declare module '@elastic/eui/src/components/inner_text/inner_text' {
10153
+ import { FunctionComponent, ReactElement } from 'react';
10154
+ type RefT = HTMLElement | Element | undefined | null;
10155
+ export function useInnerText(innerTextFallback?: string): [(node: RefT) => void, string | undefined];
10156
+ export interface EuiInnerTextProps {
10157
+ /**
10158
+ * ReactNode to render as this component's content
10159
+ */
10160
+ children: (ref?: (node: RefT) => void, innerText?: string) => ReactElement;
10161
+ fallback?: string;
10162
+ }
10163
+ export const EuiInnerText: FunctionComponent<EuiInnerTextProps>;
10164
+ export {};
10165
+
10166
+ }
10167
+ declare module '@elastic/eui/src/components/inner_text' {
10168
+ export type { EuiInnerTextProps } from '@elastic/eui/src/components/inner_text/inner_text';
10169
+ export { useInnerText, EuiInnerText } from '@elastic/eui/src/components/inner_text/inner_text';
10170
+
9984
10171
  }
9985
10172
  declare module '@elastic/eui/src/services/security/href_validator' {
9986
10173
  export function validateHref(href: string): boolean;
@@ -17033,6 +17220,11 @@ declare module '@elastic/eui/src/components/basic_table/table_types' {
17033
17220
  declare module '@elastic/eui/src/components/table/table_header_cell_shared' {
17034
17221
  export const HEADER_CELL_SCOPE: readonly ["col", "row", "colgroup", "rowgroup"];
17035
17222
 
17223
+ }
17224
+ declare module '@elastic/eui/src/components/table/sticky_header' {
17225
+ export { EuiTableStickyHeader } from '@elastic/eui/src/components/table/sticky_header/sticky_header';
17226
+ export { useEuiTableWithinStickyHeader } from '@elastic/eui/src/components/table/sticky_header/context';
17227
+
17036
17228
  }
17037
17229
  declare module '@elastic/eui/src/components/table/table_header_cell' {
17038
17230
  import { FunctionComponent, ThHTMLAttributes, ReactNode } from 'react';
@@ -19796,7 +19988,7 @@ declare module '@elastic/eui/src/components/provider/component_defaults/componen
19796
19988
  *
19797
19989
  * Defaults will be inherited by all `EuiBasicTable`s and `EuiInMemoryTable`s.
19798
19990
  */
19799
- EuiTable?: Pick<EuiTableProps, 'responsiveBreakpoint' | 'scrollableInline' | 'tableLayout'>;
19991
+ EuiTable?: Pick<EuiTableProps, 'responsiveBreakpoint' | 'scrollableInline' | 'tableLayout' | 'stickyScrollbar' | 'stickyHeader'>;
19800
19992
  /**
19801
19993
  * Provide a global configuration for `EuiFlyout`s.
19802
19994
  * Defaults will be inherited by all `EuiFlyout`s.
@@ -19915,7 +20107,7 @@ declare module '@elastic/eui/src/components/observer/mutation_observer' {
19915
20107
 
19916
20108
  }
19917
20109
  declare module '@elastic/eui/src/components/outside_click_detector/outside_click_detector' {
19918
- import { Component, EventHandler, MouseEvent as ReactMouseEvent, ReactElement } from 'react';
20110
+ import { MouseEvent as ReactMouseEvent, ReactElement } from 'react';
19919
20111
  export interface EuiEvent extends Event {
19920
20112
  euiGeneratedBy: string[];
19921
20113
  }
@@ -19931,18 +20123,7 @@ declare module '@elastic/eui/src/components/outside_click_detector/outside_click
19931
20123
  onTouchStart?: (event: ReactMouseEvent) => void;
19932
20124
  onTouchEnd?: (event: ReactMouseEvent) => void;
19933
20125
  }
19934
- export class EuiOutsideClickDetector extends Component<EuiOutsideClickDetectorProps> {
19935
- private id;
19936
- private capturedDownIds;
19937
- constructor(props: EuiOutsideClickDetectorProps);
19938
- onClickOutside: EventHandler<any>;
19939
- componentDidMount(): void;
19940
- componentWillUnmount(): void;
19941
- onChildClick: (event: ReactMouseEvent, cb: (event: ReactMouseEvent) => void) => void;
19942
- onChildMouseDown: (event: ReactMouseEvent) => void;
19943
- onChildMouseUp: (event: ReactMouseEvent) => void;
19944
- render(): ReactElement<any, string | import("react").JSXElementConstructor<any>>;
19945
- }
20126
+ export const EuiOutsideClickDetector: import("react").ForwardRefExoticComponent<EuiOutsideClickDetectorProps & import("react").RefAttributes<HTMLElement>>;
19946
20127
 
19947
20128
  }
19948
20129
  declare module '@elastic/eui/src/components/outside_click_detector' {
@@ -21940,7 +22121,8 @@ declare module '@elastic/eui/src/components/avatar/avatar' {
21940
22121
  }>;
21941
22122
  export type EuiAvatarProps = Omit<HTMLAttributes<HTMLDivElement>, 'color'> & CommonProps & _EuiAvatarContent & {
21942
22123
  /**
21943
- * Full name of avatar for title attribute and calculating initial if not provided
22124
+ * Full name of the avatar. Used as the accessible label (`aria-label`),
22125
+ * tooltip content and used to derive initials when `initials` is not provided.
21944
22126
  */
21945
22127
  name: string;
21946
22128
  /**
@@ -22458,6 +22640,132 @@ declare module '@elastic/eui/src/components/badge' {
22458
22640
  export type { EuiBadgeGroupProps } from '@elastic/eui/src/components/badge/badge_group';
22459
22641
  export { EuiBadgeGroup } from '@elastic/eui/src/components/badge/badge_group';
22460
22642
 
22643
+ }
22644
+ declare module '@elastic/eui/src/components/banner/banner.styles' {
22645
+ import { UseEuiTheme } from '@elastic/eui/src/services';
22646
+ export type EuiBannerSize = 's' | 'm';
22647
+ export const euiBannerStyles: ({ euiTheme }: UseEuiTheme) => {
22648
+ euiBanner: import("@emotion/react").SerializedStyles;
22649
+ container: import("@emotion/react").SerializedStyles;
22650
+ media: import("@emotion/react").SerializedStyles;
22651
+ body: import("@emotion/react").SerializedStyles;
22652
+ content: import("@emotion/react").SerializedStyles;
22653
+ title: import("@emotion/react").SerializedStyles;
22654
+ text: import("@emotion/react").SerializedStyles;
22655
+ actions: import("@emotion/react").SerializedStyles;
22656
+ hasDismiss: import("@emotion/react").SerializedStyles;
22657
+ dismiss: import("@emotion/react").SerializedStyles;
22658
+ };
22659
+
22660
+ }
22661
+ declare module '@elastic/eui/src/components/banner/banner' {
22662
+ import React, { ReactNode } from 'react';
22663
+ import { CommonProps, DistributiveOmit } from '@elastic/eui/src/components/common';
22664
+ import { EuiButtonEmptyProps, EuiButtonIconProps } from '@elastic/eui/src/components/button';
22665
+ import { Props as EuiButtonProps } from '@elastic/eui/src/components/button/button';
22666
+ import { EuiBannerSize } from '@elastic/eui/src/components/banner/banner.styles';
22667
+ export type EuiBannerActionPrimaryProps = DistributiveOmit<EuiButtonProps, 'color' | 'size'>;
22668
+ export type EuiBannerActionSecondaryProps = DistributiveOmit<EuiButtonEmptyProps, 'color' | 'size' | 'flush'>;
22669
+ export type EuiBannerProps = CommonProps & {
22670
+ /** Heading shown at the top. */
22671
+ title: string;
22672
+ /**
22673
+ * HTML element used to render the title.
22674
+ * @default 'h2'
22675
+ */
22676
+ headingElement?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
22677
+ /** Supporting copy rendered below the title. */
22678
+ text?: ReactNode;
22679
+ /** Extra content rendered directly below `text`. */
22680
+ children?: ReactNode;
22681
+ /** Illustration slot. Wrapped in a square (1:1) container. */
22682
+ media: ReactNode;
22683
+ /**
22684
+ * Visual size variant.
22685
+ * @default 'm'
22686
+ */
22687
+ size?: EuiBannerSize;
22688
+ /**
22689
+ * Defines the announcement background color.
22690
+ * @default 'highlighted'
22691
+ */
22692
+ color?: 'highlighted' | 'plain';
22693
+ /** Optional action buttons. */
22694
+ actionProps?: {
22695
+ /** Primary call-to-action, rendered as an `EuiButton`. */
22696
+ primary?: EuiBannerActionPrimaryProps;
22697
+ /** Secondary action, rendered as an `EuiButtonEmpty`. Is only rendered when a primary action is available. */
22698
+ secondary?: EuiBannerActionSecondaryProps;
22699
+ };
22700
+ /**
22701
+ * When provided, a dismiss button is rendered in the top-right corner and
22702
+ * this callback fires when the user activates it.
22703
+ */
22704
+ onDismiss?: () => void;
22705
+ /** Extra props spread onto the dismiss `EuiButtonIcon`. */
22706
+ dismissButtonProps?: Omit<EuiButtonIconProps, 'onClick' | 'iconType' | 'color'>;
22707
+ /**
22708
+ * When set to `true`, the content is announced by screen readers on mount.
22709
+ * Use only when the announcement is immediately relevant, e.g. as feedback to user actions.
22710
+ * Avoid using on initial page load as it may create noise for assistive technology users.
22711
+ *
22712
+ * @default false
22713
+ */
22714
+ announceOnMount?: boolean;
22715
+ };
22716
+ export const EuiBanner: React.ForwardRefExoticComponent<CommonProps & {
22717
+ /** Heading shown at the top. */
22718
+ title: string;
22719
+ /**
22720
+ * HTML element used to render the title.
22721
+ * @default 'h2'
22722
+ */
22723
+ headingElement?: "h2" | "h3" | "h4" | "h5" | "h6";
22724
+ /** Supporting copy rendered below the title. */
22725
+ text?: ReactNode;
22726
+ /** Extra content rendered directly below `text`. */
22727
+ children?: ReactNode;
22728
+ /** Illustration slot. Wrapped in a square (1:1) container. */
22729
+ media: ReactNode;
22730
+ /**
22731
+ * Visual size variant.
22732
+ * @default 'm'
22733
+ */
22734
+ size?: EuiBannerSize;
22735
+ /**
22736
+ * Defines the announcement background color.
22737
+ * @default 'highlighted'
22738
+ */
22739
+ color?: "highlighted" | "plain";
22740
+ /** Optional action buttons. */
22741
+ actionProps?: {
22742
+ /** Primary call-to-action, rendered as an `EuiButton`. */
22743
+ primary?: EuiBannerActionPrimaryProps;
22744
+ /** Secondary action, rendered as an `EuiButtonEmpty`. Is only rendered when a primary action is available. */
22745
+ secondary?: EuiBannerActionSecondaryProps;
22746
+ };
22747
+ /**
22748
+ * When provided, a dismiss button is rendered in the top-right corner and
22749
+ * this callback fires when the user activates it.
22750
+ */
22751
+ onDismiss?: () => void;
22752
+ /** Extra props spread onto the dismiss `EuiButtonIcon`. */
22753
+ dismissButtonProps?: Omit<EuiButtonIconProps, "onClick" | "iconType" | "color">;
22754
+ /**
22755
+ * When set to `true`, the content is announced by screen readers on mount.
22756
+ * Use only when the announcement is immediately relevant, e.g. as feedback to user actions.
22757
+ * Avoid using on initial page load as it may create noise for assistive technology users.
22758
+ *
22759
+ * @default false
22760
+ */
22761
+ announceOnMount?: boolean;
22762
+ } & React.RefAttributes<HTMLDivElement>>;
22763
+
22764
+ }
22765
+ declare module '@elastic/eui/src/components/banner' {
22766
+ export { EuiBanner } from '@elastic/eui/src/components/banner/banner';
22767
+ export type { EuiBannerProps } from '@elastic/eui/src/components/banner/banner';
22768
+
22461
22769
  }
22462
22770
  declare module '@elastic/eui/src/components/beacon/beacon.styles' {
22463
22771
  import { UseEuiTheme } from '@elastic/eui/src/services';
@@ -28744,6 +29052,7 @@ declare module '@elastic/eui/src/components/date_picker/super_date_picker/date_p
28744
29052
  export const euiDatePopoverButtonStyles: (euiThemeContext: UseEuiTheme) => {
28745
29053
  euiDatePopoverButton: import("@emotion/react").SerializedStyles;
28746
29054
  now: import("@emotion/react").SerializedStyles;
29055
+ tooltipAnchor: import("@emotion/react").SerializedStyles;
28747
29056
  };
28748
29057
  export const _buttonStyles: (euiThemeContext: UseEuiTheme) => import("@emotion/react").SerializedStyles;
28749
29058
 
@@ -36248,6 +36557,7 @@ declare module '@elastic/eui/src/components' {
36248
36557
  export * from '@elastic/eui/src/components/auto_sizer';
36249
36558
  export * from '@elastic/eui/src/components/avatar';
36250
36559
  export * from '@elastic/eui/src/components/badge';
36560
+ export * from '@elastic/eui/src/components/banner';
36251
36561
  export * from '@elastic/eui/src/components/beacon';
36252
36562
  export * from '@elastic/eui/src/components/bottom_bar';
36253
36563
  export * from '@elastic/eui/src/components/breadcrumbs';
@@ -37560,21 +37870,20 @@ declare module '@elastic/eui/src/services/container_query' {
37560
37870
 
37561
37871
  declare module '@elastic/eui' {
37562
37872
  export type EuiTokensObject = {
37563
- "euiTreeView.listNavigationInstructions": any;
37564
- "euiIconTip.defaultAriaLabel": any;
37565
- "euiTourStepIndicator.isActive": any;
37873
+ "euiTourStepIndicator.isActive": any;
37566
37874
  "euiTourStepIndicator.isComplete": any;
37567
37875
  "euiTourStepIndicator.isIncomplete": any;
37568
37876
  "euiTourStepIndicator.ariaLabel": any;
37569
37877
  "euiTourFooter.endTour": any;
37570
37878
  "euiTourFooter.skipTour": any;
37571
37879
  "euiTourFooter.closeTour": any;
37880
+ "euiTreeView.listNavigationInstructions": any;
37881
+ "euiIconTip.defaultAriaLabel": any;
37572
37882
  "euiToast.newNotification": any;
37573
37883
  "euiToast.notification": any;
37574
37884
  "euiToast.dismissToast": any;
37575
37885
  "euiGlobalToastList.clearAllToastsButtonAriaLabel": any;
37576
37886
  "euiGlobalToastList.clearAllToastsButtonDisplayText": any;
37577
- "euiTableHeaderCell.titleTextWithDesc": any;
37578
37887
  "euiStat.loadingText": any;
37579
37888
  "euiStepStrings.step": any;
37580
37889
  "euiStepStrings.simpleStep": any;
@@ -37592,25 +37901,24 @@ declare module '@elastic/eui' {
37592
37901
  "euiStepStrings.simpleLoading": any;
37593
37902
  "euiStepStrings.current": any;
37594
37903
  "euiStepStrings.simpleCurrent": any;
37904
+ "euiTableHeaderCell.titleTextWithDesc": any;
37595
37905
  "euiSkeletonLoading.loadedAriaText": any;
37596
37906
  "euiSkeletonLoading.loadingAriaText": any;
37597
- "euiSearchBox.placeholder": any;
37598
- "euiSearchBox.incrementalAriaLabel": any;
37599
- "euiSearchBox.ariaLabel": any;
37600
37907
  "euiSelectable.loadingOptions": any;
37601
37908
  "euiSelectable.noMatchingOptions": any;
37602
37909
  "euiSelectable.noAvailableOptions": any;
37603
37910
  "euiSelectable.screenReaderInstructions": any;
37604
37911
  "euiSelectable.placeholderName": any;
37605
37912
  "euiSelectable.searchResults": any;
37606
- "euiSideNav.mobileToggleAriaLabel": any;
37607
- "euiProgress.valueText": any;
37913
+ "euiSearchBox.placeholder": any;
37914
+ "euiSearchBox.incrementalAriaLabel": any;
37915
+ "euiSearchBox.ariaLabel": any;
37608
37916
  "euiResizablePanel.toggleButtonAriaLabel": any;
37609
37917
  "euiResizableButton.horizontalResizerAriaLabel": any;
37610
37918
  "euiResizableButton.verticalResizerAriaLabel": any;
37919
+ "euiProgress.valueText": any;
37920
+ "euiSideNav.mobileToggleAriaLabel": any;
37611
37921
  "euiPopover.screenReaderAnnouncement": any;
37612
- "euiPaginationButton.longPageString": any;
37613
- "euiPaginationButton.shortPageString": any;
37614
37922
  "euiPaginationButtonArrow.firstPage": any;
37615
37923
  "euiPaginationButtonArrow.previousPage": any;
37616
37924
  "euiPaginationButtonArrow.nextPage": any;
@@ -37623,6 +37931,12 @@ declare module '@elastic/eui' {
37623
37931
  "euiPagination.of": any;
37624
37932
  "euiPagination.collection": any;
37625
37933
  "euiPagination.fromEndLabel": any;
37934
+ "euiPaginationButton.longPageString": any;
37935
+ "euiPaginationButton.shortPageString": any;
37936
+ "euiMark.highlightStart": any;
37937
+ "euiMark.highlightEnd": any;
37938
+ "euiModal.screenReaderModalDialog": any;
37939
+ "euiModal.closeModal": any;
37626
37940
  "euiMarkdownEditorToolbar.editor": any;
37627
37941
  "euiMarkdownEditorToolbar.previewMarkdown": any;
37628
37942
  "euiMarkdownEditorHelpButton.mdSyntaxLink": any;
@@ -37638,11 +37952,7 @@ declare module '@elastic/eui' {
37638
37952
  "euiMarkdownEditorFooter.supportedFileTypes": any;
37639
37953
  "euiMarkdownEditorFooter.showSyntaxErrors": any;
37640
37954
  "euiMarkdownEditorFooter.errorsTitle": any;
37641
- "euiModal.screenReaderModalDialog": any;
37642
- "euiModal.closeModal": any;
37643
37955
  "euiLoadingStrings.ariaLabel": any;
37644
- "euiMark.highlightStart": any;
37645
- "euiMark.highlightEnd": any;
37646
37956
  "euiExternalLinkIcon.newTarget.screenReaderOnlyText": any;
37647
37957
  "euiExternalLinkIcon.externalTarget.screenReaderOnlyText": any;
37648
37958
  "euiInlineEditForm.saveButtonAriaLabel": any;
@@ -37651,13 +37961,13 @@ declare module '@elastic/eui' {
37651
37961
  "euiInlineEditForm.activateEditModeDescription": any;
37652
37962
  "euiImageButton.openFullScreen": any;
37653
37963
  "euiImageButton.closeFullScreen": any;
37654
- "euiForm.addressFormErrors": any;
37655
37964
  "euiFlyoutMenu.back": any;
37656
37965
  "euiFlyoutMenu.history": any;
37657
37966
  "euiFlyout.screenReaderModalDialog": any;
37658
37967
  "euiFlyout.screenReaderNoOverlayMaskDialog": any;
37659
37968
  "euiFlyout.screenReaderFocusTrapShards": any;
37660
37969
  "euiFlyoutCloseButton.ariaLabel": any;
37970
+ "euiForm.addressFormErrors": any;
37661
37971
  "euiFilterButton.filterBadgeActiveAriaLabel": any;
37662
37972
  "euiFilterButton.filterBadgeAvailableAriaLabel": any;
37663
37973
  "euiErrorBoundary.error": any;
@@ -37665,6 +37975,7 @@ declare module '@elastic/eui' {
37665
37975
  "euiDataGrid.ariaLabelledBy": any;
37666
37976
  "euiDataGrid.screenReaderNotice": any;
37667
37977
  "euiContextMenuPanelTitle.ariaLabel": any;
37978
+ "euiComboBox.listboxAriaLabel": any;
37668
37979
  "euiSaturation.ariaLabel": any;
37669
37980
  "euiSaturation.roleDescription": any;
37670
37981
  "euiSaturation.screenReaderInstructions": any;
@@ -37681,15 +37992,17 @@ declare module '@elastic/eui' {
37681
37992
  "euiColorPicker.openLabel": any;
37682
37993
  "euiColorPicker.closeLabel": any;
37683
37994
  "euiColorPicker.ariaLabel": any;
37684
- "euiComboBox.listboxAriaLabel": any;
37685
37995
  "euiCollapsibleNavBeta.ariaLabel": any;
37996
+ "euiCallOut.dismissAriaLabel": any;
37686
37997
  "euiCodeBlockFullScreen.fullscreenCollapse": any;
37687
37998
  "euiCodeBlockFullScreen.fullscreenExpand": any;
37688
37999
  "euiCodeBlockFullScreen.ariaLabel": any;
37689
38000
  "euiCodeBlockCopy.copy": any;
37690
38001
  "euiCodeBlockAnnotations.ariaLabel": any;
37691
38002
  "euiCodeBlock.label": any;
37692
- "euiCallOut.dismissAriaLabel": any;
38003
+ "euiBreadcrumbs.nav.ariaLabel": any;
38004
+ "euiBreadcrumb.collapsedBadge.ariaLabel": any;
38005
+ "euiBreadcrumb.popoverAriaLabel": any;
37693
38006
  "euiBottomBar.screenReaderHeading": any;
37694
38007
  "euiBottomBar.customScreenReaderAnnouncement": any;
37695
38008
  "euiBottomBar.screenReaderAnnouncement": any;
@@ -37705,15 +38018,12 @@ declare module '@elastic/eui' {
37705
38018
  "euiBasicTable.deselectRows": any;
37706
38019
  "euiBasicTable.selectThisRow": any;
37707
38020
  "euiBasicTable.tablePagination": any;
37708
- "euiBreadcrumbs.nav.ariaLabel": any;
37709
- "euiBreadcrumb.collapsedBadge.ariaLabel": any;
37710
- "euiBreadcrumb.popoverAriaLabel": any;
38021
+ "euiBanner.dismissAriaLabel": any;
37711
38022
  "euiTablePagination.allRows": any;
37712
38023
  "euiTablePagination.rowsPerPage": any;
37713
38024
  "euiTablePagination.rowsPerPageOptionShowAllRows": any;
37714
38025
  "euiTablePagination.rowsPerPageOption": any;
37715
38026
  "euiTableSortMobile.sorting": any;
37716
- "euiFieldValueSelectionFilter.buttonLabelHint": any;
37717
38027
  "euiSelectableTemplateSitewide.searchPlaceholder": any;
37718
38028
  "euiSelectableTemplateSitewide.loadingResults": any;
37719
38029
  "euiSelectableTemplateSitewide.noResults": any;
@@ -37727,109 +38037,25 @@ declare module '@elastic/eui' {
37727
38037
  "euiSelectableListItem.mixedOptionInstructions": any;
37728
38038
  "euiSelectableListItem.mixedOptionUncheckInstructions": any;
37729
38039
  "euiSelectableListItem.mixedOptionExcludeInstructions": any;
38040
+ "euiFieldValueSelectionFilter.buttonLabelHint": any;
37730
38041
  "euiPinnableListGroup.pinExtraActionLabel": any;
37731
38042
  "euiPinnableListGroup.pinnedExtraActionLabel": any;
38043
+ "euiHeaderLinks.appNavigation": any;
38044
+ "euiHeaderLinks.openNavigationMenu": any;
38045
+ "euiFlyoutManaged.defaultTitle": any;
37732
38046
  "euiSuperSelect.screenReaderAnnouncement": any;
37733
38047
  "euiSuperSelect.ariaLabel": any;
37734
38048
  "euiRange.sliderScreenReaderInstructions": any;
37735
38049
  "euiDualRange.sliderScreenReaderInstructions": any;
37736
38050
  "euiFormControlLayoutDelimited.delimiterLabel": any;
37737
38051
  "euiFormControlLayoutClearButton.label": any;
38052
+ "euiFieldSearch.clearSearchButtonLabel": any;
37738
38053
  "euiFilePicker.promptText": any;
37739
38054
  "euiFilePicker.filesSelected": any;
37740
38055
  "euiFilePicker.removeSelectedAriaLabel": any;
37741
38056
  "euiFilePicker.removeSelected": any;
37742
- "euiFieldSearch.clearSearchButtonLabel": any;
37743
38057
  "euiFieldPassword.showPassword": any;
37744
38058
  "euiFieldPassword.maskPassword": any;
37745
- "euiFlyoutManaged.defaultTitle": any;
37746
- "euiHeaderLinks.appNavigation": any;
37747
- "euiHeaderLinks.openNavigationMenu": any;
37748
- "euiDataGridSchema.booleanSortTextAsc": any;
37749
- "euiDataGridSchema.booleanSortTextDesc": any;
37750
- "euiDataGridSchema.currencySortTextAsc": any;
37751
- "euiDataGridSchema.currencySortTextDesc": any;
37752
- "euiDataGridSchema.dateSortTextAsc": any;
37753
- "euiDataGridSchema.dateSortTextDesc": any;
37754
- "euiDataGridSchema.numberSortTextAsc": any;
37755
- "euiDataGridSchema.numberSortTextDesc": any;
37756
- "euiDataGridSchema.jsonSortTextAsc": any;
37757
- "euiDataGridSchema.jsonSortTextDesc": any;
37758
- "euiKeyboardShortcuts.title": any;
37759
- "euiKeyboardShortcuts.upArrowTitle": any;
37760
- "euiKeyboardShortcuts.upArrowDescription": any;
37761
- "euiKeyboardShortcuts.downArrowTitle": any;
37762
- "euiKeyboardShortcuts.downArrowDescription": any;
37763
- "euiKeyboardShortcuts.rightArrowTitle": any;
37764
- "euiKeyboardShortcuts.rightArrowDescription": any;
37765
- "euiKeyboardShortcuts.leftArrowTitle": any;
37766
- "euiKeyboardShortcuts.leftArrowDescription": any;
37767
- "euiKeyboardShortcuts.homeTitle": any;
37768
- "euiKeyboardShortcuts.homeDescription": any;
37769
- "euiKeyboardShortcuts.endTitle": any;
37770
- "euiKeyboardShortcuts.endDescription": any;
37771
- "euiKeyboardShortcuts.ctrl": any;
37772
- "euiKeyboardShortcuts.ctrlHomeDescription": any;
37773
- "euiKeyboardShortcuts.ctrlEndDescription": any;
37774
- "euiKeyboardShortcuts.pageUpTitle": any;
37775
- "euiKeyboardShortcuts.pageUpDescription": any;
37776
- "euiKeyboardShortcuts.pageDownTitle": any;
37777
- "euiKeyboardShortcuts.pageDownDescription": any;
37778
- "euiKeyboardShortcuts.enterTitle": any;
37779
- "euiKeyboardShortcuts.enterDescription": any;
37780
- "euiKeyboardShortcuts.escapeTitle": any;
37781
- "euiKeyboardShortcuts.escapeDescription": any;
37782
- "euiFullscreenSelector.fullscreenButton": any;
37783
- "euiFullscreenSelector.fullscreenButtonActive": any;
37784
- "euiDisplaySelector.densityLabel": any;
37785
- "euiDisplaySelector.labelCompact": any;
37786
- "euiDisplaySelector.labelNormal": any;
37787
- "euiDisplaySelector.labelExpanded": any;
37788
- "euiDisplaySelector.rowHeightLabel": any;
37789
- "euiDisplaySelector.labelAuto": any;
37790
- "euiDisplaySelector.labelStatic": any;
37791
- "euiDisplaySelector.labelMax": any;
37792
- "euiDisplaySelector.buttonText": any;
37793
- "euiDisplaySelector.resetButtonText": any;
37794
- "euiDataGridToolbarControl.badgeAriaLabel": any;
37795
- "euiColumnSortingDraggable.defaultSortAsc": any;
37796
- "euiColumnSortingDraggable.defaultSortDesc": any;
37797
- "euiColumnSortingDraggable.dragHandleAriaLabel": any;
37798
- "euiColumnSortingDraggable.activeSortLabel": any;
37799
- "euiColumnSortingDraggable.removeSortLabel": any;
37800
- "euiColumnSortingDraggable.toggleLegend": any;
37801
- "euiColumnSorting.button": any;
37802
- "euiColumnSorting.sortFieldAriaLabel": any;
37803
- "euiColumnSorting.emptySorting": any;
37804
- "euiColumnSorting.pickFields": any;
37805
- "euiColumnSorting.clearAll": any;
37806
- "euiColumnSelector.dragHandleAriaLabel": any;
37807
- "euiColumnSelector.button": any;
37808
- "euiColumnSelector.search": any;
37809
- "euiColumnSelector.searchcolumns": any;
37810
- "euiColumnSelector.selectAll": any;
37811
- "euiColumnSelector.hideAll": any;
37812
- "euiDataGridPagination.detailedPaginationLabel": any;
37813
- "euiDataGridPagination.paginationLabel": any;
37814
- "euiRefreshInterval.fullDescriptionOff": any;
37815
- "euiRefreshInterval.fullDescriptionOn": any;
37816
- "euiRefreshInterval.toggleLabel": any;
37817
- "euiRefreshInterval.toggleAriaLabel": any;
37818
- "euiRefreshInterval.valueAriaLabel": any;
37819
- "euiRefreshInterval.unitsAriaLabel": any;
37820
- "euiAutoRefresh.autoRefreshLabel": any;
37821
- "euiAutoRefresh.buttonLabelOff": any;
37822
- "euiAutoRefresh.buttonLabelOn": any;
37823
- "euiTimeWindowButtons.previousDescription": any;
37824
- "euiTimeWindowButtons.nextDescription": any;
37825
- "euiTimeWindowButtons.invalidShiftLabel": any;
37826
- "euiTimeWindowButtons.invalidZoomInLabel": any;
37827
- "euiTimeWindowButtons.cannotZoomInLabel": any;
37828
- "euiTimeWindowButtons.invalidZoomOutLabel": any;
37829
- "euiTimeWindowButtons.previousLabel": any;
37830
- "euiTimeWindowButtons.zoomInLabel": any;
37831
- "euiTimeWindowButtons.zoomOutLabel": any;
37832
- "euiTimeWindowButtons.nextLabel": any;
37833
38059
  "euiTimeOptions.last": any;
37834
38060
  "euiTimeOptions.next": any;
37835
38061
  "euiTimeOptions.seconds": any;
@@ -37868,11 +38094,30 @@ declare module '@elastic/eui' {
37868
38094
  "euiTimeOptions.weekToDate": any;
37869
38095
  "euiTimeOptions.monthToDate": any;
37870
38096
  "euiTimeOptions.yearToDate": any;
38097
+ "euiTimeWindowButtons.previousDescription": any;
38098
+ "euiTimeWindowButtons.nextDescription": any;
38099
+ "euiTimeWindowButtons.invalidShiftLabel": any;
38100
+ "euiTimeWindowButtons.invalidZoomInLabel": any;
38101
+ "euiTimeWindowButtons.cannotZoomInLabel": any;
38102
+ "euiTimeWindowButtons.invalidZoomOutLabel": any;
38103
+ "euiTimeWindowButtons.previousLabel": any;
38104
+ "euiTimeWindowButtons.zoomInLabel": any;
38105
+ "euiTimeWindowButtons.zoomOutLabel": any;
38106
+ "euiTimeWindowButtons.nextLabel": any;
37871
38107
  "euiSuperUpdateButton.updatingButtonLabel": any;
37872
38108
  "euiSuperUpdateButton.updateButtonLabel": any;
37873
38109
  "euiSuperUpdateButton.refreshButtonLabel": any;
37874
38110
  "euiSuperUpdateButton.cannotUpdateTooltip": any;
37875
38111
  "euiSuperUpdateButton.clickToApplyTooltip": any;
38112
+ "euiPrettyInterval.seconds": any;
38113
+ "euiPrettyInterval.minutes": any;
38114
+ "euiPrettyInterval.hours": any;
38115
+ "euiPrettyInterval.days": any;
38116
+ "euiPrettyInterval.secondsShorthand": any;
38117
+ "euiPrettyInterval.minutesShorthand": any;
38118
+ "euiPrettyInterval.hoursShorthand": any;
38119
+ "euiPrettyInterval.daysShorthand": any;
38120
+ "euiPrettyInterval.off": any;
37876
38121
  "euiPrettyDuration.lastDurationSeconds": any;
37877
38122
  "euiPrettyDuration.nextDurationSeconds": any;
37878
38123
  "euiPrettyDuration.lastDurationMinutes": any;
@@ -37897,15 +38142,81 @@ declare module '@elastic/eui' {
37897
38142
  "euiPrettyDuration.now": any;
37898
38143
  "euiPrettyDuration.invalid": any;
37899
38144
  "euiPrettyDuration.fallbackDuration": any;
37900
- "euiPrettyInterval.seconds": any;
37901
- "euiPrettyInterval.minutes": any;
37902
- "euiPrettyInterval.hours": any;
37903
- "euiPrettyInterval.days": any;
37904
- "euiPrettyInterval.secondsShorthand": any;
37905
- "euiPrettyInterval.minutesShorthand": any;
37906
- "euiPrettyInterval.hoursShorthand": any;
37907
- "euiPrettyInterval.daysShorthand": any;
37908
- "euiPrettyInterval.off": any;
38145
+ "euiRefreshInterval.fullDescriptionOff": any;
38146
+ "euiRefreshInterval.fullDescriptionOn": any;
38147
+ "euiRefreshInterval.toggleLabel": any;
38148
+ "euiRefreshInterval.toggleAriaLabel": any;
38149
+ "euiRefreshInterval.valueAriaLabel": any;
38150
+ "euiRefreshInterval.unitsAriaLabel": any;
38151
+ "euiAutoRefresh.autoRefreshLabel": any;
38152
+ "euiAutoRefresh.buttonLabelOff": any;
38153
+ "euiAutoRefresh.buttonLabelOn": any;
38154
+ "euiDataGridPagination.detailedPaginationLabel": any;
38155
+ "euiDataGridPagination.paginationLabel": any;
38156
+ "euiDataGridSchema.booleanSortTextAsc": any;
38157
+ "euiDataGridSchema.booleanSortTextDesc": any;
38158
+ "euiDataGridSchema.currencySortTextAsc": any;
38159
+ "euiDataGridSchema.currencySortTextDesc": any;
38160
+ "euiDataGridSchema.dateSortTextAsc": any;
38161
+ "euiDataGridSchema.dateSortTextDesc": any;
38162
+ "euiDataGridSchema.numberSortTextAsc": any;
38163
+ "euiDataGridSchema.numberSortTextDesc": any;
38164
+ "euiDataGridSchema.jsonSortTextAsc": any;
38165
+ "euiDataGridSchema.jsonSortTextDesc": any;
38166
+ "euiKeyboardShortcuts.title": any;
38167
+ "euiKeyboardShortcuts.upArrowTitle": any;
38168
+ "euiKeyboardShortcuts.upArrowDescription": any;
38169
+ "euiKeyboardShortcuts.downArrowTitle": any;
38170
+ "euiKeyboardShortcuts.downArrowDescription": any;
38171
+ "euiKeyboardShortcuts.rightArrowTitle": any;
38172
+ "euiKeyboardShortcuts.rightArrowDescription": any;
38173
+ "euiKeyboardShortcuts.leftArrowTitle": any;
38174
+ "euiKeyboardShortcuts.leftArrowDescription": any;
38175
+ "euiKeyboardShortcuts.homeTitle": any;
38176
+ "euiKeyboardShortcuts.homeDescription": any;
38177
+ "euiKeyboardShortcuts.endTitle": any;
38178
+ "euiKeyboardShortcuts.endDescription": any;
38179
+ "euiKeyboardShortcuts.ctrl": any;
38180
+ "euiKeyboardShortcuts.ctrlHomeDescription": any;
38181
+ "euiKeyboardShortcuts.ctrlEndDescription": any;
38182
+ "euiKeyboardShortcuts.pageUpTitle": any;
38183
+ "euiKeyboardShortcuts.pageUpDescription": any;
38184
+ "euiKeyboardShortcuts.pageDownTitle": any;
38185
+ "euiKeyboardShortcuts.pageDownDescription": any;
38186
+ "euiKeyboardShortcuts.enterTitle": any;
38187
+ "euiKeyboardShortcuts.enterDescription": any;
38188
+ "euiKeyboardShortcuts.escapeTitle": any;
38189
+ "euiKeyboardShortcuts.escapeDescription": any;
38190
+ "euiFullscreenSelector.fullscreenButton": any;
38191
+ "euiFullscreenSelector.fullscreenButtonActive": any;
38192
+ "euiDisplaySelector.densityLabel": any;
38193
+ "euiDisplaySelector.labelCompact": any;
38194
+ "euiDisplaySelector.labelNormal": any;
38195
+ "euiDisplaySelector.labelExpanded": any;
38196
+ "euiDisplaySelector.rowHeightLabel": any;
38197
+ "euiDisplaySelector.labelAuto": any;
38198
+ "euiDisplaySelector.labelStatic": any;
38199
+ "euiDisplaySelector.labelMax": any;
38200
+ "euiDisplaySelector.buttonText": any;
38201
+ "euiDisplaySelector.resetButtonText": any;
38202
+ "euiDataGridToolbarControl.badgeAriaLabel": any;
38203
+ "euiColumnSortingDraggable.defaultSortAsc": any;
38204
+ "euiColumnSortingDraggable.defaultSortDesc": any;
38205
+ "euiColumnSortingDraggable.dragHandleAriaLabel": any;
38206
+ "euiColumnSortingDraggable.activeSortLabel": any;
38207
+ "euiColumnSortingDraggable.removeSortLabel": any;
38208
+ "euiColumnSortingDraggable.toggleLegend": any;
38209
+ "euiColumnSorting.button": any;
38210
+ "euiColumnSorting.sortFieldAriaLabel": any;
38211
+ "euiColumnSorting.emptySorting": any;
38212
+ "euiColumnSorting.pickFields": any;
38213
+ "euiColumnSorting.clearAll": any;
38214
+ "euiColumnSelector.dragHandleAriaLabel": any;
38215
+ "euiColumnSelector.button": any;
38216
+ "euiColumnSelector.search": any;
38217
+ "euiColumnSelector.searchcolumns": any;
38218
+ "euiColumnSelector.selectAll": any;
38219
+ "euiColumnSelector.hideAll": any;
37909
38220
  "euiComboBoxOptionsList.loadingOptions": any;
37910
38221
  "euiComboBoxOptionsList.delimiterMessage": any;
37911
38222
  "euiComboBoxOptionsList.alreadyAdded": any;
@@ -37914,23 +38225,51 @@ declare module '@elastic/eui' {
37914
38225
  "euiComboBoxOptionsList.noAvailableOptions": any;
37915
38226
  "euiComboBoxOptionsList.allOptionsSelected": any;
37916
38227
  "euiComboBoxPill.removeSelection": any;
37917
- "euiCollapsibleNavKibanaSolution.switcherTitle": any;
37918
- "euiCollapsibleNavKibanaSolution.switcherAriaLabel": any;
37919
- "euiCollapsibleNavKibanaSolution.groupLabel": any;
37920
38228
  "euiCollapsibleNavButton.ariaLabelExpand": any;
37921
38229
  "euiCollapsibleNavButton.ariaLabelCollapse": any;
37922
38230
  "euiCollapsibleNavButton.ariaLabelOpen": any;
37923
38231
  "euiCollapsibleNavButton.ariaLabelClose": any;
38232
+ "euiCollapsibleNavKibanaSolution.switcherTitle": any;
38233
+ "euiCollapsibleNavKibanaSolution.switcherAriaLabel": any;
38234
+ "euiCollapsibleNavKibanaSolution.groupLabel": any;
37924
38235
  "euiCardSelect.selected": any;
37925
38236
  "euiCardSelect.unavailable": any;
37926
38237
  "euiCardSelect.select": any;
37927
38238
  "euiAccordionChildrenLoading.message": any;
38239
+ "euiRecentlyUsed.legend": any;
38240
+ "euiQuickSelectPopover.buttonLabel": any;
38241
+ "euiCommonlyUsedTimeRanges.legend": any;
38242
+ "euiQuickSelect.quickSelectTitle": any;
38243
+ "euiQuickSelect.previousLabel": any;
38244
+ "euiQuickSelect.nextLabel": any;
38245
+ "euiQuickSelect.tenseLabel": any;
38246
+ "euiQuickSelect.valueLabel": any;
38247
+ "euiQuickSelect.unitLabel": any;
38248
+ "euiQuickSelect.applyButton": any;
38249
+ "euiQuickSelect.fullDescription": any;
38250
+ "euiRelativeTab.numberInputLabel": any;
38251
+ "euiRelativeTab.numberInputError": any;
38252
+ "euiRelativeTab.dateInputError": any;
38253
+ "euiRelativeTab.unitInputLabel": any;
38254
+ "euiRelativeTab.fullDescription": any;
38255
+ "euiDatePopoverContent.startDateLabel": any;
38256
+ "euiDatePopoverContent.endDateLabel": any;
38257
+ "euiDatePopoverContent.absoluteTabLabel": any;
38258
+ "euiDatePopoverContent.relativeTabLabel": any;
38259
+ "euiDatePopoverContent.nowTabLabel": any;
38260
+ "euiDatePopoverContent.nowTabContent": any;
38261
+ "euiDatePopoverContent.nowTabButtonStart": any;
38262
+ "euiDatePopoverContent.nowTabButtonEnd": any;
38263
+ "euiDatePopoverButton.invalidTitle": any;
38264
+ "euiDatePopoverButton.outdatedTitle": any;
38265
+ "euiAbsoluteTab.dateFormatButtonLabel": any;
38266
+ "euiAbsoluteTab.dateFormatError": any;
37928
38267
  "euiDataGridCell.focusTrapExitPrompt": any;
37929
38268
  "euiDataGridCell.focusTrapEnterPrompt": any;
37930
38269
  "euiDataGridCell.focusTrapEnteredExitPrompt": any;
38270
+ "euiDataGridCellActions.expandButtonTitle": any;
37931
38271
  "euiDataGridCell.position": any;
37932
38272
  "euiDataGridCell.expansionEnterPrompt": any;
37933
- "euiDataGridCellActions.expandButtonTitle": any;
37934
38273
  "euiDataGridHeaderCell.sortedByAscendingSingle": any;
37935
38274
  "euiDataGridHeaderCell.sortedByDescendingSingle": any;
37936
38275
  "euiDataGridHeaderCell.sortedByAscendingFirst": any;
@@ -37945,34 +38284,6 @@ declare module '@elastic/eui' {
37945
38284
  "euiColumnActions.moveRight": any;
37946
38285
  "euiColumnActions.unsort": any;
37947
38286
  "euiColumnActions.sort": any;
37948
- "euiRelativeTab.numberInputLabel": any;
37949
- "euiRelativeTab.numberInputError": any;
37950
- "euiRelativeTab.dateInputError": any;
37951
- "euiRelativeTab.unitInputLabel": any;
37952
- "euiRelativeTab.fullDescription": any;
37953
- "euiDatePopoverContent.startDateLabel": any;
37954
- "euiDatePopoverContent.endDateLabel": any;
37955
- "euiDatePopoverContent.absoluteTabLabel": any;
37956
- "euiDatePopoverContent.relativeTabLabel": any;
37957
- "euiDatePopoverContent.nowTabLabel": any;
37958
- "euiDatePopoverContent.nowTabContent": any;
37959
- "euiDatePopoverContent.nowTabButtonStart": any;
37960
- "euiDatePopoverContent.nowTabButtonEnd": any;
37961
- "euiDatePopoverButton.invalidTitle": any;
37962
- "euiDatePopoverButton.outdatedTitle": any;
37963
- "euiAbsoluteTab.dateFormatButtonLabel": any;
37964
- "euiAbsoluteTab.dateFormatError": any;
37965
- "euiRecentlyUsed.legend": any;
37966
- "euiQuickSelectPopover.buttonLabel": any;
37967
- "euiQuickSelect.quickSelectTitle": any;
37968
- "euiQuickSelect.previousLabel": any;
37969
- "euiQuickSelect.nextLabel": any;
37970
- "euiQuickSelect.tenseLabel": any;
37971
- "euiQuickSelect.valueLabel": any;
37972
- "euiQuickSelect.unitLabel": any;
37973
- "euiQuickSelect.applyButton": any;
37974
- "euiQuickSelect.fullDescription": any;
37975
- "euiCommonlyUsedTimeRanges.legend": any;
37976
38287
  "euiCollapsedNavButton.ariaLabelButtonIcon": any;
37977
38288
  }
37978
38289
  }