@elastic/eui 116.4.0 → 117.0.0-snapshot.1783939453438

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