@elastic/eui 88.2.0 → 88.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (457) hide show
  1. package/dist/eui_theme_dark.css +0 -167
  2. package/dist/eui_theme_dark.min.css +1 -1
  3. package/dist/eui_theme_light.css +0 -167
  4. package/dist/eui_theme_light.min.css +1 -1
  5. package/es/components/accordion/accordion.js +35 -208
  6. package/es/components/accordion/accordion.styles.js +3 -95
  7. package/es/components/accordion/accordion_children/accordion_children.js +101 -0
  8. package/es/components/accordion/accordion_children/accordion_children.styles.js +39 -0
  9. package/es/components/accordion/accordion_children/accordion_children_loading.js +31 -0
  10. package/es/components/accordion/accordion_children/index.js +9 -0
  11. package/es/components/accordion/accordion_trigger/accordion_arrow.js +41 -0
  12. package/es/components/accordion/accordion_trigger/accordion_arrow.styles.js +46 -0
  13. package/es/components/accordion/accordion_trigger/accordion_button.js +51 -0
  14. package/es/components/accordion/accordion_trigger/accordion_button.styles.js +26 -0
  15. package/es/components/accordion/accordion_trigger/accordion_trigger.js +87 -0
  16. package/es/components/accordion/accordion_trigger/index.js +9 -0
  17. package/es/components/avatar/avatar.js +1 -1
  18. package/es/components/badge/badge.js +1 -1
  19. package/es/components/badge/beta_badge/beta_badge.js +1 -1
  20. package/es/components/basic_table/basic_table.js +1 -1
  21. package/es/components/basic_table/collapsed_item_actions.js +1 -1
  22. package/es/components/basic_table/in_memory_table.js +86 -35
  23. package/es/components/button/button_display/_button_display.js +1 -1
  24. package/es/components/button/button_display/_button_display_content.js +1 -1
  25. package/es/components/button/button_empty/button_empty.js +1 -1
  26. package/es/components/button/button_group/button_group.js +1 -1
  27. package/es/components/button/button_group/button_group_button.js +1 -1
  28. package/es/components/button/button_icon/button_icon.js +1 -1
  29. package/es/components/call_out/call_out.js +1 -1
  30. package/es/components/card/card.js +4 -4
  31. package/es/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +1 -1
  32. package/es/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.styles.js +1 -1
  33. package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_button.js +2 -2
  34. package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_item.js +2 -2
  35. package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_popover.js +3 -3
  36. package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_accordion.js +2 -2
  37. package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_accordion.styles.js +1 -1
  38. package/es/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.js +3 -3
  39. package/es/components/combo_box/combo_box.js +16 -4
  40. package/es/components/combo_box/combo_box_input/combo_box_input.js +4 -1
  41. package/es/components/combo_box/combo_box_input/combo_box_pill.js +5 -1
  42. package/es/components/combo_box/combo_box_options_list/combo_box_option.js +2 -0
  43. package/es/components/combo_box/combo_box_options_list/combo_box_options_list.js +59 -15
  44. package/es/components/comment_list/comment.js +2 -2
  45. package/es/components/comment_list/comment_event.js +1 -1
  46. package/es/components/comment_list/comment_list.js +2 -2
  47. package/es/components/comment_list/comment_timeline.js +1 -1
  48. package/es/components/datagrid/body/data_grid_body.js +13 -13
  49. package/es/components/datagrid/body/data_grid_body_custom.js +13 -13
  50. package/es/components/datagrid/body/data_grid_body_virtualized.js +13 -13
  51. package/es/components/datagrid/body/data_grid_cell.js +24 -24
  52. package/es/components/datagrid/body/header/data_grid_header_cell.js +12 -12
  53. package/es/components/datagrid/body/header/data_grid_header_row.js +13 -13
  54. package/es/components/datagrid/controls/column_selector.js +5 -3
  55. package/es/components/datagrid/controls/column_sorting_draggable.js +5 -2
  56. package/es/components/datagrid/data_grid.js +13 -13
  57. package/es/components/datagrid/utils/in_memory.js +12 -12
  58. package/es/components/date_picker/date_picker.js +2 -2
  59. package/es/components/date_picker/date_picker_range.js +1 -1
  60. package/es/components/description_list/description_list_title.js +0 -1
  61. package/es/components/description_list/description_list_title.styles.js +1 -1
  62. package/es/components/drag_and_drop/draggable.js +18 -23
  63. package/es/components/drag_and_drop/draggable.styles.js +56 -0
  64. package/es/components/drag_and_drop/droppable.js +24 -21
  65. package/es/components/drag_and_drop/droppable.styles.js +51 -0
  66. package/es/components/empty_prompt/empty_prompt.js +1 -1
  67. package/es/components/facet/facet_button.js +1 -1
  68. package/es/components/form/field_number/field_number.js +1 -1
  69. package/es/components/form/field_text/field_text.js +2 -2
  70. package/es/components/form/form_control_layout/form_control_layout.js +2 -2
  71. package/es/components/form/form_control_layout/form_control_layout_custom_icon.js +1 -1
  72. package/es/components/form/form_control_layout/form_control_layout_icons.js +2 -2
  73. package/es/components/header/header_links/header_link.js +1 -1
  74. package/es/components/header/header_links/header_links.js +1 -1
  75. package/es/components/header/header_logo/header_logo.js +1 -1
  76. package/es/components/header/header_section/header_section_item_button.js +1 -1
  77. package/es/components/icon/assets/grabOmnidirectional.js +33 -0
  78. package/es/components/icon/assets/transitionLeftIn.js +36 -0
  79. package/es/components/icon/assets/transitionLeftOut.js +36 -0
  80. package/es/components/icon/assets/transitionTopIn.js +36 -0
  81. package/es/components/icon/assets/transitionTopOut.js +36 -0
  82. package/es/components/icon/icon.js +1 -1
  83. package/es/components/icon/icon_map.js +5 -0
  84. package/es/components/inline_edit/inline_edit_form.js +49 -13
  85. package/es/components/inline_edit/inline_edit_text.js +22 -23
  86. package/es/components/inline_edit/inline_edit_title.js +22 -23
  87. package/es/components/key_pad_menu/key_pad_menu_item.js +1 -1
  88. package/es/components/list_group/list_group.js +2 -2
  89. package/es/components/list_group/list_group_item.js +3 -3
  90. package/es/components/list_group/list_group_item_extra_action.js +1 -1
  91. package/es/components/list_group/pinnable_list_group/pinnable_list_group.js +4 -4
  92. package/es/components/loading/loading_logo.js +1 -1
  93. package/es/components/markdown_editor/markdown_editor.js +1 -1
  94. package/es/components/markdown_editor/markdown_editor_drop_zone.js +1 -1
  95. package/es/components/markdown_editor/markdown_editor_footer.js +1 -1
  96. package/es/components/markdown_editor/markdown_editor_toolbar.js +1 -1
  97. package/es/components/notification/notification_event.js +2 -2
  98. package/es/components/notification/notification_event_meta.js +1 -1
  99. package/es/components/page/page_header/page_header_content.js +1 -1
  100. package/es/components/pagination/pagination_button.js +1 -1
  101. package/es/components/panel/split_panel/split_panel.js +9 -7
  102. package/es/components/panel/split_panel/split_panel.styles.js +40 -0
  103. package/es/components/search_bar/search_box.js +54 -88
  104. package/es/components/selectable/selectable_list/selectable_list.js +1 -1
  105. package/es/components/selectable/selectable_list/selectable_list_item.js +1 -1
  106. package/es/components/selectable/selectable_templates/selectable_template_sitewide.js +1 -1
  107. package/es/components/suggest/suggest.js +1 -1
  108. package/es/components/suggest/suggest_item.js +1 -1
  109. package/es/components/table/table_header_button.js +1 -1
  110. package/es/components/table/table_pagination/table_pagination.js +1 -0
  111. package/es/components/text_truncate/utils.js +1 -1
  112. package/es/components/timeline/timeline_item_icon.js +1 -1
  113. package/es/components/toast/global_toast_list.js +51 -3
  114. package/es/components/toast/global_toast_list.styles.js +3 -2
  115. package/es/components/toast/toast.js +1 -1
  116. package/es/components/tool_tip/icon_tip.js +1 -1
  117. package/es/test/rtl/custom_render.js +1 -1
  118. package/eui.d.ts +669 -459
  119. package/i18ntokens.json +202 -112
  120. package/lib/components/accordion/accordion.js +34 -207
  121. package/lib/components/accordion/accordion.styles.js +12 -109
  122. package/lib/components/accordion/accordion_children/accordion_children.js +111 -0
  123. package/lib/components/accordion/accordion_children/accordion_children.styles.js +45 -0
  124. package/lib/components/accordion/accordion_children/accordion_children_loading.js +38 -0
  125. package/lib/components/accordion/accordion_children/index.js +12 -0
  126. package/lib/components/accordion/accordion_trigger/accordion_arrow.js +48 -0
  127. package/lib/components/accordion/accordion_trigger/accordion_arrow.styles.js +51 -0
  128. package/lib/components/accordion/accordion_trigger/accordion_button.js +58 -0
  129. package/lib/components/accordion/accordion_trigger/accordion_button.styles.js +33 -0
  130. package/lib/components/accordion/accordion_trigger/accordion_trigger.js +93 -0
  131. package/lib/components/accordion/accordion_trigger/index.js +12 -0
  132. package/lib/components/avatar/avatar.js +1 -1
  133. package/lib/components/badge/badge.js +1 -1
  134. package/lib/components/badge/beta_badge/beta_badge.js +1 -1
  135. package/lib/components/basic_table/basic_table.js +1 -1
  136. package/lib/components/basic_table/collapsed_item_actions.js +1 -1
  137. package/lib/components/basic_table/in_memory_table.js +86 -35
  138. package/lib/components/button/button_display/_button_display.js +1 -1
  139. package/lib/components/button/button_display/_button_display_content.js +1 -1
  140. package/lib/components/button/button_empty/button_empty.js +1 -1
  141. package/lib/components/button/button_group/button_group.js +1 -1
  142. package/lib/components/button/button_group/button_group_button.js +1 -1
  143. package/lib/components/button/button_icon/button_icon.js +1 -1
  144. package/lib/components/call_out/call_out.js +1 -1
  145. package/lib/components/card/card.js +4 -4
  146. package/lib/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +1 -1
  147. package/lib/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.styles.js +1 -1
  148. package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_button.js +2 -2
  149. package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_item.js +2 -2
  150. package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_popover.js +3 -3
  151. package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_accordion.js +2 -2
  152. package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_accordion.styles.js +1 -1
  153. package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.js +3 -3
  154. package/lib/components/combo_box/combo_box.js +16 -4
  155. package/lib/components/combo_box/combo_box_input/combo_box_input.js +4 -1
  156. package/lib/components/combo_box/combo_box_input/combo_box_pill.js +5 -1
  157. package/lib/components/combo_box/combo_box_options_list/combo_box_option.js +2 -0
  158. package/lib/components/combo_box/combo_box_options_list/combo_box_options_list.js +59 -15
  159. package/lib/components/comment_list/comment.js +2 -2
  160. package/lib/components/comment_list/comment_event.js +1 -1
  161. package/lib/components/comment_list/comment_list.js +2 -2
  162. package/lib/components/comment_list/comment_timeline.js +1 -1
  163. package/lib/components/datagrid/body/data_grid_body.js +13 -13
  164. package/lib/components/datagrid/body/data_grid_body_custom.js +13 -13
  165. package/lib/components/datagrid/body/data_grid_body_virtualized.js +13 -13
  166. package/lib/components/datagrid/body/data_grid_cell.js +24 -24
  167. package/lib/components/datagrid/body/header/data_grid_header_cell.js +12 -12
  168. package/lib/components/datagrid/body/header/data_grid_header_row.js +13 -13
  169. package/lib/components/datagrid/controls/column_selector.js +4 -2
  170. package/lib/components/datagrid/controls/column_sorting_draggable.js +5 -2
  171. package/lib/components/datagrid/data_grid.js +13 -13
  172. package/lib/components/datagrid/utils/in_memory.js +12 -12
  173. package/lib/components/date_picker/date_picker.js +2 -2
  174. package/lib/components/date_picker/date_picker_range.js +1 -1
  175. package/lib/components/description_list/description_list_title.js +0 -1
  176. package/lib/components/description_list/description_list_title.styles.js +1 -1
  177. package/lib/components/drag_and_drop/draggable.js +17 -22
  178. package/lib/components/drag_and_drop/draggable.styles.js +62 -0
  179. package/lib/components/drag_and_drop/droppable.js +26 -22
  180. package/lib/components/drag_and_drop/droppable.styles.js +57 -0
  181. package/lib/components/empty_prompt/empty_prompt.js +1 -1
  182. package/lib/components/facet/facet_button.js +1 -1
  183. package/lib/components/form/field_number/field_number.js +1 -1
  184. package/lib/components/form/field_text/field_text.js +2 -2
  185. package/lib/components/form/form_control_layout/form_control_layout.js +2 -2
  186. package/lib/components/form/form_control_layout/form_control_layout_custom_icon.js +1 -1
  187. package/lib/components/form/form_control_layout/form_control_layout_icons.js +2 -2
  188. package/lib/components/header/header_links/header_link.js +1 -1
  189. package/lib/components/header/header_links/header_links.js +1 -1
  190. package/lib/components/header/header_logo/header_logo.js +1 -1
  191. package/lib/components/header/header_section/header_section_item_button.js +1 -1
  192. package/lib/components/icon/assets/grabOmnidirectional.js +41 -0
  193. package/lib/components/icon/assets/transitionLeftIn.js +44 -0
  194. package/lib/components/icon/assets/transitionLeftOut.js +44 -0
  195. package/lib/components/icon/assets/transitionTopIn.js +44 -0
  196. package/lib/components/icon/assets/transitionTopOut.js +44 -0
  197. package/lib/components/icon/icon.js +1 -1
  198. package/lib/components/icon/icon_map.js +5 -0
  199. package/lib/components/icon/svgs/grabOmnidirectional.svg +3 -0
  200. package/lib/components/icon/svgs/transitionLeftIn.svg +4 -0
  201. package/lib/components/icon/svgs/transitionLeftOut.svg +4 -0
  202. package/lib/components/icon/svgs/transitionTopIn.svg +4 -0
  203. package/lib/components/icon/svgs/transitionTopOut.svg +4 -0
  204. package/lib/components/inline_edit/inline_edit_form.js +58 -20
  205. package/lib/components/inline_edit/inline_edit_text.js +22 -23
  206. package/lib/components/inline_edit/inline_edit_title.js +22 -23
  207. package/lib/components/key_pad_menu/key_pad_menu_item.js +1 -1
  208. package/lib/components/list_group/list_group.js +2 -2
  209. package/lib/components/list_group/list_group_item.js +3 -3
  210. package/lib/components/list_group/list_group_item_extra_action.js +1 -1
  211. package/lib/components/list_group/pinnable_list_group/pinnable_list_group.js +4 -4
  212. package/lib/components/loading/loading_logo.js +1 -1
  213. package/lib/components/markdown_editor/markdown_editor.js +1 -1
  214. package/lib/components/markdown_editor/markdown_editor_drop_zone.js +1 -1
  215. package/lib/components/markdown_editor/markdown_editor_footer.js +1 -1
  216. package/lib/components/markdown_editor/markdown_editor_toolbar.js +1 -1
  217. package/lib/components/notification/notification_event.js +2 -2
  218. package/lib/components/notification/notification_event_meta.js +1 -1
  219. package/lib/components/page/page_header/page_header_content.js +1 -1
  220. package/lib/components/panel/split_panel/split_panel.js +9 -7
  221. package/lib/components/panel/split_panel/split_panel.styles.js +46 -0
  222. package/lib/components/search_bar/search_box.js +61 -93
  223. package/lib/components/selectable/selectable_list/selectable_list.js +1 -1
  224. package/lib/components/selectable/selectable_list/selectable_list_item.js +1 -1
  225. package/lib/components/selectable/selectable_templates/selectable_template_sitewide.js +1 -1
  226. package/lib/components/suggest/suggest.js +1 -1
  227. package/lib/components/suggest/suggest_item.js +1 -1
  228. package/lib/components/table/table_header_button.js +1 -1
  229. package/lib/components/table/table_pagination/table_pagination.js +1 -0
  230. package/lib/components/text_truncate/utils.js +1 -1
  231. package/lib/components/timeline/timeline_item_icon.js +1 -1
  232. package/lib/components/toast/global_toast_list.js +53 -4
  233. package/lib/components/toast/global_toast_list.styles.js +3 -2
  234. package/lib/components/toast/toast.js +1 -1
  235. package/lib/components/tool_tip/icon_tip.js +1 -1
  236. package/lib/test/rtl/custom_render.js +2 -2
  237. package/optimize/es/components/accordion/accordion.js +35 -203
  238. package/optimize/es/components/accordion/accordion.styles.js +3 -95
  239. package/optimize/es/components/accordion/accordion_children/accordion_children.js +91 -0
  240. package/optimize/es/components/accordion/accordion_children/accordion_children.styles.js +39 -0
  241. package/optimize/es/components/accordion/accordion_children/accordion_children_loading.js +31 -0
  242. package/optimize/es/components/accordion/accordion_children/index.js +9 -0
  243. package/optimize/es/components/accordion/accordion_trigger/accordion_arrow.js +36 -0
  244. package/optimize/es/components/accordion/accordion_trigger/accordion_arrow.styles.js +46 -0
  245. package/optimize/es/components/accordion/accordion_trigger/accordion_button.js +45 -0
  246. package/optimize/es/components/accordion/accordion_trigger/accordion_button.styles.js +26 -0
  247. package/optimize/es/components/accordion/accordion_trigger/accordion_trigger.js +80 -0
  248. package/optimize/es/components/accordion/accordion_trigger/index.js +9 -0
  249. package/optimize/es/components/basic_table/in_memory_table.js +62 -34
  250. package/optimize/es/components/card/card.js +3 -3
  251. package/optimize/es/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.styles.js +1 -1
  252. package/optimize/es/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_accordion.styles.js +1 -1
  253. package/optimize/es/components/combo_box/combo_box.js +6 -4
  254. package/optimize/es/components/combo_box/combo_box_input/combo_box_input.js +2 -1
  255. package/optimize/es/components/combo_box/combo_box_input/combo_box_pill.js +3 -1
  256. package/optimize/es/components/combo_box/combo_box_options_list/combo_box_options_list.js +49 -12
  257. package/optimize/es/components/datagrid/controls/column_selector.js +5 -3
  258. package/optimize/es/components/datagrid/controls/column_sorting_draggable.js +4 -1
  259. package/optimize/es/components/description_list/description_list_title.js +0 -1
  260. package/optimize/es/components/description_list/description_list_title.styles.js +1 -1
  261. package/optimize/es/components/drag_and_drop/draggable.js +17 -22
  262. package/optimize/es/components/drag_and_drop/draggable.styles.js +56 -0
  263. package/optimize/es/components/drag_and_drop/droppable.js +23 -20
  264. package/optimize/es/components/drag_and_drop/droppable.styles.js +51 -0
  265. package/optimize/es/components/icon/assets/grabOmnidirectional.js +32 -0
  266. package/optimize/es/components/icon/assets/transitionLeftIn.js +35 -0
  267. package/optimize/es/components/icon/assets/transitionLeftOut.js +35 -0
  268. package/optimize/es/components/icon/assets/transitionTopIn.js +35 -0
  269. package/optimize/es/components/icon/assets/transitionTopOut.js +35 -0
  270. package/optimize/es/components/icon/icon_map.js +5 -0
  271. package/optimize/es/components/inline_edit/inline_edit_form.js +32 -12
  272. package/optimize/es/components/inline_edit/inline_edit_text.js +6 -22
  273. package/optimize/es/components/inline_edit/inline_edit_title.js +6 -22
  274. package/optimize/es/components/list_group/list_group_item.js +1 -1
  275. package/optimize/es/components/panel/split_panel/split_panel.js +9 -7
  276. package/optimize/es/components/panel/split_panel/split_panel.styles.js +40 -0
  277. package/optimize/es/components/search_bar/search_box.js +50 -83
  278. package/optimize/es/components/table/table_pagination/table_pagination.js +1 -0
  279. package/optimize/es/components/text_truncate/utils.js +1 -1
  280. package/optimize/es/components/toast/global_toast_list.js +39 -2
  281. package/optimize/es/components/toast/global_toast_list.styles.js +3 -2
  282. package/optimize/es/test/rtl/custom_render.js +1 -1
  283. package/optimize/lib/components/accordion/accordion.js +34 -202
  284. package/optimize/lib/components/accordion/accordion.styles.js +12 -109
  285. package/optimize/lib/components/accordion/accordion_children/accordion_children.js +101 -0
  286. package/optimize/lib/components/accordion/accordion_children/accordion_children.styles.js +45 -0
  287. package/optimize/lib/components/accordion/accordion_children/accordion_children_loading.js +38 -0
  288. package/optimize/lib/components/accordion/accordion_children/index.js +12 -0
  289. package/optimize/lib/components/accordion/accordion_trigger/accordion_arrow.js +43 -0
  290. package/optimize/lib/components/accordion/accordion_trigger/accordion_arrow.styles.js +51 -0
  291. package/optimize/lib/components/accordion/accordion_trigger/accordion_button.js +52 -0
  292. package/optimize/lib/components/accordion/accordion_trigger/accordion_button.styles.js +33 -0
  293. package/optimize/lib/components/accordion/accordion_trigger/accordion_trigger.js +86 -0
  294. package/optimize/lib/components/accordion/accordion_trigger/index.js +12 -0
  295. package/optimize/lib/components/basic_table/in_memory_table.js +62 -34
  296. package/optimize/lib/components/card/card.js +3 -3
  297. package/optimize/lib/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.styles.js +1 -1
  298. package/optimize/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_accordion.styles.js +1 -1
  299. package/optimize/lib/components/combo_box/combo_box.js +6 -4
  300. package/optimize/lib/components/combo_box/combo_box_input/combo_box_input.js +2 -1
  301. package/optimize/lib/components/combo_box/combo_box_input/combo_box_pill.js +3 -1
  302. package/optimize/lib/components/combo_box/combo_box_options_list/combo_box_options_list.js +49 -12
  303. package/optimize/lib/components/datagrid/controls/column_selector.js +4 -2
  304. package/optimize/lib/components/datagrid/controls/column_sorting_draggable.js +4 -1
  305. package/optimize/lib/components/description_list/description_list_title.js +0 -1
  306. package/optimize/lib/components/description_list/description_list_title.styles.js +1 -1
  307. package/optimize/lib/components/drag_and_drop/draggable.js +16 -21
  308. package/optimize/lib/components/drag_and_drop/draggable.styles.js +62 -0
  309. package/optimize/lib/components/drag_and_drop/droppable.js +25 -21
  310. package/optimize/lib/components/drag_and_drop/droppable.styles.js +57 -0
  311. package/optimize/lib/components/icon/assets/grabOmnidirectional.js +41 -0
  312. package/optimize/lib/components/icon/assets/transitionLeftIn.js +44 -0
  313. package/optimize/lib/components/icon/assets/transitionLeftOut.js +44 -0
  314. package/optimize/lib/components/icon/assets/transitionTopIn.js +44 -0
  315. package/optimize/lib/components/icon/assets/transitionTopOut.js +44 -0
  316. package/optimize/lib/components/icon/icon_map.js +5 -0
  317. package/optimize/lib/components/icon/svgs/grabOmnidirectional.svg +3 -0
  318. package/optimize/lib/components/icon/svgs/transitionLeftIn.svg +4 -0
  319. package/optimize/lib/components/icon/svgs/transitionLeftOut.svg +4 -0
  320. package/optimize/lib/components/icon/svgs/transitionTopIn.svg +4 -0
  321. package/optimize/lib/components/icon/svgs/transitionTopOut.svg +4 -0
  322. package/optimize/lib/components/inline_edit/inline_edit_form.js +33 -16
  323. package/optimize/lib/components/inline_edit/inline_edit_text.js +6 -22
  324. package/optimize/lib/components/inline_edit/inline_edit_title.js +6 -22
  325. package/optimize/lib/components/list_group/list_group_item.js +1 -1
  326. package/optimize/lib/components/panel/split_panel/split_panel.js +9 -7
  327. package/optimize/lib/components/panel/split_panel/split_panel.styles.js +46 -0
  328. package/optimize/lib/components/search_bar/search_box.js +57 -89
  329. package/optimize/lib/components/table/table_pagination/table_pagination.js +1 -0
  330. package/optimize/lib/components/text_truncate/utils.js +1 -1
  331. package/optimize/lib/components/toast/global_toast_list.js +41 -3
  332. package/optimize/lib/components/toast/global_toast_list.styles.js +3 -2
  333. package/optimize/lib/test/rtl/custom_render.js +2 -2
  334. package/package.json +6 -6
  335. package/src/components/combo_box/combo_box_input/_combo_box_pill.scss +0 -1
  336. package/src/components/index.scss +0 -2
  337. package/src/themes/amsterdam/overrides/_index.scss +0 -1
  338. package/test-env/components/accordion/accordion.js +34 -202
  339. package/test-env/components/accordion/accordion.styles.js +12 -109
  340. package/test-env/components/accordion/accordion_children/accordion_children.js +105 -0
  341. package/test-env/components/accordion/accordion_children/accordion_children.styles.js +45 -0
  342. package/test-env/components/accordion/accordion_children/accordion_children_loading.js +38 -0
  343. package/test-env/components/accordion/accordion_children/index.js +12 -0
  344. package/test-env/components/accordion/accordion_trigger/accordion_arrow.js +47 -0
  345. package/test-env/components/accordion/accordion_trigger/accordion_arrow.styles.js +51 -0
  346. package/test-env/components/accordion/accordion_trigger/accordion_button.js +52 -0
  347. package/test-env/components/accordion/accordion_trigger/accordion_button.styles.js +33 -0
  348. package/test-env/components/accordion/accordion_trigger/accordion_trigger.js +93 -0
  349. package/test-env/components/accordion/accordion_trigger/index.js +12 -0
  350. package/test-env/components/avatar/avatar.js +1 -1
  351. package/test-env/components/badge/badge.js +1 -1
  352. package/test-env/components/badge/beta_badge/beta_badge.js +1 -1
  353. package/test-env/components/basic_table/basic_table.js +1 -1
  354. package/test-env/components/basic_table/collapsed_item_actions.js +1 -1
  355. package/test-env/components/basic_table/in_memory_table.js +86 -35
  356. package/test-env/components/button/button_display/_button_display.js +1 -1
  357. package/test-env/components/button/button_display/_button_display_content.js +1 -1
  358. package/test-env/components/button/button_empty/button_empty.js +1 -1
  359. package/test-env/components/button/button_group/button_group.js +1 -1
  360. package/test-env/components/button/button_group/button_group_button.js +1 -1
  361. package/test-env/components/button/button_icon/button_icon.js +1 -1
  362. package/test-env/components/call_out/call_out.js +1 -1
  363. package/test-env/components/card/card.js +4 -4
  364. package/test-env/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +1 -1
  365. package/test-env/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.styles.js +1 -1
  366. package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_button.js +2 -2
  367. package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_item.js +2 -2
  368. package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsed/collapsed_nav_popover.js +3 -3
  369. package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_accordion.js +2 -2
  370. package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_accordion.styles.js +1 -1
  371. package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.js +3 -3
  372. package/test-env/components/combo_box/combo_box.js +16 -4
  373. package/test-env/components/combo_box/combo_box_input/combo_box_input.js +4 -1
  374. package/test-env/components/combo_box/combo_box_input/combo_box_pill.js +5 -1
  375. package/test-env/components/combo_box/combo_box_options_list/combo_box_option.js +2 -0
  376. package/test-env/components/combo_box/combo_box_options_list/combo_box_options_list.js +58 -14
  377. package/test-env/components/comment_list/comment.js +2 -2
  378. package/test-env/components/comment_list/comment_event.js +1 -1
  379. package/test-env/components/comment_list/comment_list.js +2 -2
  380. package/test-env/components/comment_list/comment_timeline.js +1 -1
  381. package/test-env/components/datagrid/body/data_grid_body.js +13 -13
  382. package/test-env/components/datagrid/body/data_grid_body_custom.js +13 -13
  383. package/test-env/components/datagrid/body/data_grid_body_virtualized.js +13 -13
  384. package/test-env/components/datagrid/body/data_grid_cell.js +24 -24
  385. package/test-env/components/datagrid/body/header/data_grid_header_cell.js +12 -12
  386. package/test-env/components/datagrid/body/header/data_grid_header_row.js +13 -13
  387. package/test-env/components/datagrid/controls/column_selector.js +4 -2
  388. package/test-env/components/datagrid/controls/column_sorting_draggable.js +5 -2
  389. package/test-env/components/datagrid/data_grid.js +13 -13
  390. package/test-env/components/datagrid/utils/in_memory.js +12 -12
  391. package/test-env/components/date_picker/date_picker.js +2 -2
  392. package/test-env/components/date_picker/date_picker_range.js +1 -1
  393. package/test-env/components/description_list/description_list_title.js +0 -1
  394. package/test-env/components/description_list/description_list_title.styles.js +1 -1
  395. package/test-env/components/drag_and_drop/draggable.js +17 -22
  396. package/test-env/components/drag_and_drop/draggable.styles.js +62 -0
  397. package/test-env/components/drag_and_drop/droppable.js +26 -22
  398. package/test-env/components/drag_and_drop/droppable.styles.js +57 -0
  399. package/test-env/components/empty_prompt/empty_prompt.js +1 -1
  400. package/test-env/components/facet/facet_button.js +1 -1
  401. package/test-env/components/form/field_number/field_number.js +1 -1
  402. package/test-env/components/form/field_text/field_text.js +2 -2
  403. package/test-env/components/form/form_control_layout/form_control_layout.js +2 -2
  404. package/test-env/components/form/form_control_layout/form_control_layout_custom_icon.js +1 -1
  405. package/test-env/components/form/form_control_layout/form_control_layout_icons.js +2 -2
  406. package/test-env/components/header/header_links/header_link.js +1 -1
  407. package/test-env/components/header/header_links/header_links.js +1 -1
  408. package/test-env/components/header/header_logo/header_logo.js +1 -1
  409. package/test-env/components/header/header_section/header_section_item_button.js +1 -1
  410. package/test-env/components/icon/assets/grabOmnidirectional.js +41 -0
  411. package/test-env/components/icon/assets/transitionLeftIn.js +44 -0
  412. package/test-env/components/icon/assets/transitionLeftOut.js +44 -0
  413. package/test-env/components/icon/assets/transitionTopIn.js +44 -0
  414. package/test-env/components/icon/assets/transitionTopOut.js +44 -0
  415. package/test-env/components/icon/icon_map.js +5 -0
  416. package/test-env/components/inline_edit/inline_edit_form.js +49 -17
  417. package/test-env/components/inline_edit/inline_edit_text.js +22 -23
  418. package/test-env/components/inline_edit/inline_edit_title.js +22 -23
  419. package/test-env/components/key_pad_menu/key_pad_menu_item.js +1 -1
  420. package/test-env/components/list_group/list_group.js +2 -2
  421. package/test-env/components/list_group/list_group_item.js +3 -3
  422. package/test-env/components/list_group/list_group_item_extra_action.js +1 -1
  423. package/test-env/components/list_group/pinnable_list_group/pinnable_list_group.js +4 -4
  424. package/test-env/components/loading/loading_logo.js +1 -1
  425. package/test-env/components/markdown_editor/markdown_editor.js +1 -1
  426. package/test-env/components/markdown_editor/markdown_editor_drop_zone.js +1 -1
  427. package/test-env/components/markdown_editor/markdown_editor_footer.js +1 -1
  428. package/test-env/components/markdown_editor/markdown_editor_toolbar.js +1 -1
  429. package/test-env/components/notification/notification_event.js +2 -2
  430. package/test-env/components/notification/notification_event_meta.js +1 -1
  431. package/test-env/components/page/page_header/page_header_content.js +1 -1
  432. package/test-env/components/panel/split_panel/split_panel.js +9 -7
  433. package/test-env/components/panel/split_panel/split_panel.styles.js +46 -0
  434. package/test-env/components/search_bar/search_box.js +60 -88
  435. package/test-env/components/selectable/selectable_list/selectable_list.js +1 -1
  436. package/test-env/components/selectable/selectable_list/selectable_list_item.js +1 -1
  437. package/test-env/components/selectable/selectable_templates/selectable_template_sitewide.js +1 -1
  438. package/test-env/components/suggest/suggest.js +1 -1
  439. package/test-env/components/suggest/suggest_item.js +1 -1
  440. package/test-env/components/table/table_header_button.js +1 -1
  441. package/test-env/components/table/table_pagination/table_pagination.js +1 -0
  442. package/test-env/components/text_truncate/utils.js +1 -1
  443. package/test-env/components/timeline/timeline_item_icon.js +1 -1
  444. package/test-env/components/toast/global_toast_list.js +53 -4
  445. package/test-env/components/toast/global_toast_list.styles.js +3 -2
  446. package/test-env/components/toast/toast.js +1 -1
  447. package/test-env/components/tool_tip/icon_tip.js +1 -1
  448. package/test-env/test/rtl/custom_render.js +2 -2
  449. package/src/components/drag_and_drop/_draggable.scss +0 -41
  450. package/src/components/drag_and_drop/_droppable.scss +0 -40
  451. package/src/components/drag_and_drop/_index.scss +0 -3
  452. package/src/components/drag_and_drop/_variables.scss +0 -5
  453. package/src/components/panel/_index.scss +0 -1
  454. package/src/components/panel/_panel.scss +0 -9
  455. package/src/components/panel/split_panel/_index.scss +0 -1
  456. package/src/components/panel/split_panel/_split_panel.scss +0 -21
  457. package/src/themes/amsterdam/overrides/_description_list.scss +0 -7
package/eui.d.ts CHANGED
@@ -2273,6 +2273,7 @@ declare module '@elastic/eui/src/components/icon/icon_map' {
2273
2273
  globe: string;
2274
2274
  grab: string;
2275
2275
  grabHorizontal: string;
2276
+ grabOmnidirectional: string;
2276
2277
  graphApp: string;
2277
2278
  grid: string;
2278
2279
  grokApp: string;
@@ -2501,6 +2502,10 @@ declare module '@elastic/eui/src/components/icon/icon_map' {
2501
2502
  timeRefresh: string;
2502
2503
  timeslider: string;
2503
2504
  training: string;
2505
+ transitionLeftIn: string;
2506
+ transitionLeftOut: string;
2507
+ transitionTopIn: string;
2508
+ transitionTopOut: string;
2504
2509
  trash: string;
2505
2510
  unfold: string;
2506
2511
  unlink: string;
@@ -2654,7 +2659,7 @@ declare module '@elastic/eui/src/components/icon/icon' {
2654
2659
  import { WithEuiThemeProps } from '@elastic/eui/src/services';
2655
2660
  export { COLORS } from '@elastic/eui/src/components/icon/named_colors';
2656
2661
  import { NamedColor } from '@elastic/eui/src/components/icon/named_colors';
2657
- export const TYPES: ("string" | "number" | "function" | "search" | "link" | "article" | "menu" | "filter" | "image" | "stop" | "key" | "temperature" | "color" | "email" | "list" | "user" | "alert" | "document" | "grid" | "copy" | "scale" | "wordWrap" | "grab" | "help" | "invert" | "spaces" | "dot" | "warning" | "error" | "download" | "accessibility" | "aggregate" | "analyzeEvent" | "annotation" | "apps" | "arrowStart" | "arrowEnd" | "asterisk" | "at" | "beaker" | "bell" | "bellSlash" | "beta" | "bolt" | "branch" | "branchUser" | "broom" | "brush" | "bug" | "bullseye" | "calendar" | "check" | "checkInCircleFilled" | "cheer" | "clock" | "cloudDrizzle" | "cloudStormy" | "cloudSunny" | "cluster" | "compute" | "console" | "container" | "continuityAbove" | "continuityAboveBelow" | "continuityBelow" | "continuityWithin" | "cross" | "crosshairs" | "currency" | "cut" | "database" | "desktop" | "discuss" | "documentEdit" | "documentation" | "documents" | "dotInCircle" | "doubleArrowLeft" | "doubleArrowRight" | "editorDistributeHorizontal" | "editorDistributeVertical" | "editorItemAlignBottom" | "editorItemAlignCenter" | "editorItemAlignLeft" | "editorItemAlignMiddle" | "editorItemAlignRight" | "editorItemAlignTop" | "editorPositionBottomLeft" | "editorPositionBottomRight" | "editorPositionTopLeft" | "editorPositionTopRight" | "empty" | "eql" | "eraser" | "exit" | "expand" | "expandMini" | "eye" | "filterExclude" | "filterIgnore" | "filterInclude" | "filterInCircle" | "flag" | "fold" | "frameNext" | "framePrevious" | "fullScreenExit" | "gear" | "glasses" | "globe" | "heart" | "heatmap" | "home" | "iInCircle" | "indexTemporary" | "infinity" | "inputOutput" | "inspect" | "ip" | "keyboard" | "kubernetesNode" | "kubernetesPod" | "launch" | "layers" | "lettering" | "lineDashed" | "lineDotted" | "lineSolid" | "lock" | "lockOpen" | "magnet" | "magnifyWithExclamation" | "magnifyWithMinus" | "magnifyWithPlus" | "memory" | "menuDown" | "menuLeft" | "menuRight" | "menuUp" | "merge" | "minimize" | "minus" | "mobile" | "moon" | "namespace" | "nested" | "node" | "offline" | "online" | "package" | "pageSelect" | "pagesSelect" | "partial" | "pause" | "payment" | "pencil" | "percent" | "pin" | "pivot" | "play" | "playFilled" | "plus" | "popout" | "push" | "quote" | "refresh" | "reporter" | "save" | "securitySignal" | "securitySignalDetected" | "securitySignalResolved" | "sessionViewer" | "shard" | "share" | "snowflake" | "sortAscending" | "sortDescending" | "sortLeft" | "sortRight" | "sortable" | "sparkles" | "starPlusEmpty" | "starPlusFilled" | "stats" | "storage" | "submodule" | "sun" | "symlink" | "tableOfContents" | "tag" | "tear" | "timeline" | "timelineWithArrow" | "timeRefresh" | "timeslider" | "training" | "trash" | "unfold" | "unlink" | "userAvatar" | "users" | "vector" | "videoPlayer" | "wordWrapDisabled" | "wrench" | "tokenAlias" | "tokenAnnotation" | "tokenArray" | "tokenBinary" | "tokenBoolean" | "tokenClass" | "tokenCompletionSuggester" | "tokenConstant" | "tokenDate" | "tokenDenseVector" | "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" | "tokenShape" | "tokenString" | "tokenStruct" | "tokenSymbol" | "tokenTag" | "tokenText" | "tokenTokenCount" | "tokenVariable" | "addDataApp" | "advancedSettingsApp" | "agentApp" | "apmApp" | "apmTrace" | "appSearchApp" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowUp" | "auditbeatApp" | "boxesHorizontal" | "boxesVertical" | "canvasApp" | "casesApp" | "classificationJob" | "codeApp" | "consoleApp" | "controlsHorizontal" | "controlsVertical" | "copyClipboard" | "createAdvancedJob" | "createMultiMetricJob" | "createPopulationJob" | "createSingleMetricJob" | "crossClusterReplicationApp" | "dashboardApp" | "dataVisualizer" | "devToolsApp" | "discoverApp" | "editorAlignCenter" | "editorAlignLeft" | "editorAlignRight" | "editorBold" | "editorChecklist" | "editorCodeBlock" | "editorComment" | "editorHeading" | "editorItalic" | "editorLink" | "editorOrderedList" | "editorRedo" | "editorStrike" | "editorTable" | "editorUnderline" | "editorUndo" | "editorUnorderedList" | "emsApp" | "exportAction" | "eyeClosed" | "faceHappy" | "faceNeutral" | "faceSad" | "filebeatApp" | "fleetApp" | "folderCheck" | "folderClosed" | "folderExclamation" | "folderOpen" | "fullScreen" | "gisApp" | "grabHorizontal" | "graphApp" | "grokApp" | "heartbeatApp" | "importAction" | "indexClose" | "indexEdit" | "indexFlush" | "indexManagementApp" | "indexMapping" | "indexOpen" | "indexPatternApp" | "indexRollupApp" | "indexRuntime" | "indexSettings" | "kqlField" | "kqlFunction" | "kqlOperand" | "kqlSelector" | "kqlValue" | "lensApp" | "listAdd" | "logoAWS" | "logoAWSMono" | "logoAerospike" | "logoApache" | "logoAppSearch" | "logoAzure" | "logoAzureMono" | "logoBeats" | "logoBusinessAnalytics" | "logoCeph" | "logoCloud" | "logoCloudEnterprise" | "logoCode" | "logoCodesandbox" | "logoCouchbase" | "logoDocker" | "logoDropwizard" | "logoElastic" | "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" | "machineLearningApp" | "managementApp" | "mapMarker" | "metricbeatApp" | "metricsApp" | "minusInCircle" | "minusInCircleFilled" | "monitoringApp" | "notebookApp" | "outlierDetectionJob" | "packetbeatApp" | "paperClip" | "pinFilled" | "pipelineApp" | "plusInCircle" | "plusInCircleFilled" | "questionInCircle" | "recentlyViewedApp" | "regressionJob" | "reportingApp" | "returnKey" | "savedObjectsApp" | "searchProfilerApp" | "securityAnalyticsApp" | "securityApp" | "sortDown" | "sortUp" | "spacesApp" | "sqlApp" | "starEmpty" | "starEmptySpace" | "starFilled" | "starFilledSpace" | "starMinusEmpty" | "starMinusFilled" | "stopFilled" | "stopSlash" | "swatchInput" | "tableDensityCompact" | "tableDensityExpanded" | "tableDensityNormal" | "timelionApp" | "upgradeAssistantApp" | "uptimeApp" | "usersRolesApp" | "visArea" | "visAreaStacked" | "visBarHorizontal" | "visBarHorizontalStacked" | "visBarVertical" | "visBarVerticalStacked" | "visGauge" | "visGoal" | "visLine" | "visMapCoordinate" | "visMapRegion" | "visMetric" | "visPie" | "visTable" | "visTagCloud" | "visText" | "visTimelion" | "visVega" | "visVisualBuilder" | "visualizeApp" | "vulnerabilityManagementApp" | "watchesApp" | "workplaceSearchApp")[];
2662
+ export const TYPES: ("string" | "number" | "function" | "search" | "link" | "article" | "menu" | "filter" | "image" | "stop" | "key" | "temperature" | "color" | "email" | "list" | "user" | "alert" | "document" | "grid" | "copy" | "scale" | "wordWrap" | "grab" | "help" | "invert" | "spaces" | "dot" | "warning" | "error" | "download" | "accessibility" | "aggregate" | "analyzeEvent" | "annotation" | "apps" | "arrowStart" | "arrowEnd" | "asterisk" | "at" | "beaker" | "bell" | "bellSlash" | "beta" | "bolt" | "branch" | "branchUser" | "broom" | "brush" | "bug" | "bullseye" | "calendar" | "check" | "checkInCircleFilled" | "cheer" | "clock" | "cloudDrizzle" | "cloudStormy" | "cloudSunny" | "cluster" | "compute" | "console" | "container" | "continuityAbove" | "continuityAboveBelow" | "continuityBelow" | "continuityWithin" | "cross" | "crosshairs" | "currency" | "cut" | "database" | "desktop" | "discuss" | "documentEdit" | "documentation" | "documents" | "dotInCircle" | "doubleArrowLeft" | "doubleArrowRight" | "editorDistributeHorizontal" | "editorDistributeVertical" | "editorItemAlignBottom" | "editorItemAlignCenter" | "editorItemAlignLeft" | "editorItemAlignMiddle" | "editorItemAlignRight" | "editorItemAlignTop" | "editorPositionBottomLeft" | "editorPositionBottomRight" | "editorPositionTopLeft" | "editorPositionTopRight" | "empty" | "eql" | "eraser" | "exit" | "expand" | "expandMini" | "eye" | "filterExclude" | "filterIgnore" | "filterInclude" | "filterInCircle" | "flag" | "fold" | "frameNext" | "framePrevious" | "fullScreenExit" | "gear" | "glasses" | "globe" | "grabOmnidirectional" | "heart" | "heatmap" | "home" | "iInCircle" | "indexTemporary" | "infinity" | "inputOutput" | "inspect" | "ip" | "keyboard" | "kubernetesNode" | "kubernetesPod" | "launch" | "layers" | "lettering" | "lineDashed" | "lineDotted" | "lineSolid" | "lock" | "lockOpen" | "magnet" | "magnifyWithExclamation" | "magnifyWithMinus" | "magnifyWithPlus" | "memory" | "menuDown" | "menuLeft" | "menuRight" | "menuUp" | "merge" | "minimize" | "minus" | "mobile" | "moon" | "namespace" | "nested" | "node" | "offline" | "online" | "package" | "pageSelect" | "pagesSelect" | "partial" | "pause" | "payment" | "pencil" | "percent" | "pin" | "pivot" | "play" | "playFilled" | "plus" | "popout" | "push" | "quote" | "refresh" | "reporter" | "save" | "securitySignal" | "securitySignalDetected" | "securitySignalResolved" | "sessionViewer" | "shard" | "share" | "snowflake" | "sortAscending" | "sortDescending" | "sortLeft" | "sortRight" | "sortable" | "sparkles" | "starPlusEmpty" | "starPlusFilled" | "stats" | "storage" | "submodule" | "sun" | "symlink" | "tableOfContents" | "tag" | "tear" | "timeline" | "timelineWithArrow" | "timeRefresh" | "timeslider" | "training" | "transitionLeftIn" | "transitionLeftOut" | "transitionTopIn" | "transitionTopOut" | "trash" | "unfold" | "unlink" | "userAvatar" | "users" | "vector" | "videoPlayer" | "wordWrapDisabled" | "wrench" | "tokenAlias" | "tokenAnnotation" | "tokenArray" | "tokenBinary" | "tokenBoolean" | "tokenClass" | "tokenCompletionSuggester" | "tokenConstant" | "tokenDate" | "tokenDenseVector" | "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" | "tokenShape" | "tokenString" | "tokenStruct" | "tokenSymbol" | "tokenTag" | "tokenText" | "tokenTokenCount" | "tokenVariable" | "addDataApp" | "advancedSettingsApp" | "agentApp" | "apmApp" | "apmTrace" | "appSearchApp" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowUp" | "auditbeatApp" | "boxesHorizontal" | "boxesVertical" | "canvasApp" | "casesApp" | "classificationJob" | "codeApp" | "consoleApp" | "controlsHorizontal" | "controlsVertical" | "copyClipboard" | "createAdvancedJob" | "createMultiMetricJob" | "createPopulationJob" | "createSingleMetricJob" | "crossClusterReplicationApp" | "dashboardApp" | "dataVisualizer" | "devToolsApp" | "discoverApp" | "editorAlignCenter" | "editorAlignLeft" | "editorAlignRight" | "editorBold" | "editorChecklist" | "editorCodeBlock" | "editorComment" | "editorHeading" | "editorItalic" | "editorLink" | "editorOrderedList" | "editorRedo" | "editorStrike" | "editorTable" | "editorUnderline" | "editorUndo" | "editorUnorderedList" | "emsApp" | "exportAction" | "eyeClosed" | "faceHappy" | "faceNeutral" | "faceSad" | "filebeatApp" | "fleetApp" | "folderCheck" | "folderClosed" | "folderExclamation" | "folderOpen" | "fullScreen" | "gisApp" | "grabHorizontal" | "graphApp" | "grokApp" | "heartbeatApp" | "importAction" | "indexClose" | "indexEdit" | "indexFlush" | "indexManagementApp" | "indexMapping" | "indexOpen" | "indexPatternApp" | "indexRollupApp" | "indexRuntime" | "indexSettings" | "kqlField" | "kqlFunction" | "kqlOperand" | "kqlSelector" | "kqlValue" | "lensApp" | "listAdd" | "logoAWS" | "logoAWSMono" | "logoAerospike" | "logoApache" | "logoAppSearch" | "logoAzure" | "logoAzureMono" | "logoBeats" | "logoBusinessAnalytics" | "logoCeph" | "logoCloud" | "logoCloudEnterprise" | "logoCode" | "logoCodesandbox" | "logoCouchbase" | "logoDocker" | "logoDropwizard" | "logoElastic" | "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" | "machineLearningApp" | "managementApp" | "mapMarker" | "metricbeatApp" | "metricsApp" | "minusInCircle" | "minusInCircleFilled" | "monitoringApp" | "notebookApp" | "outlierDetectionJob" | "packetbeatApp" | "paperClip" | "pinFilled" | "pipelineApp" | "plusInCircle" | "plusInCircleFilled" | "questionInCircle" | "recentlyViewedApp" | "regressionJob" | "reportingApp" | "returnKey" | "savedObjectsApp" | "searchProfilerApp" | "securityAnalyticsApp" | "securityApp" | "sortDown" | "sortUp" | "spacesApp" | "sqlApp" | "starEmpty" | "starEmptySpace" | "starFilled" | "starFilledSpace" | "starMinusEmpty" | "starMinusFilled" | "stopFilled" | "stopSlash" | "swatchInput" | "tableDensityCompact" | "tableDensityExpanded" | "tableDensityNormal" | "timelionApp" | "upgradeAssistantApp" | "uptimeApp" | "usersRolesApp" | "visArea" | "visAreaStacked" | "visBarHorizontal" | "visBarHorizontalStacked" | "visBarVertical" | "visBarVerticalStacked" | "visGauge" | "visGoal" | "visLine" | "visMapCoordinate" | "visMapRegion" | "visMetric" | "visPie" | "visTable" | "visTagCloud" | "visText" | "visTimelion" | "visVega" | "visVisualBuilder" | "visualizeApp" | "vulnerabilityManagementApp" | "watchesApp" | "workplaceSearchApp")[];
2658
2663
  export type EuiIconType = keyof typeof typeToPathMap;
2659
2664
  export type IconType = EuiIconType | string | ComponentType;
2660
2665
  export type IconColor = string | NamedColor;
@@ -2697,7 +2702,7 @@ declare module '@elastic/eui/src/components/icon/icon' {
2697
2702
  isLoading: boolean;
2698
2703
  neededLoading: boolean;
2699
2704
  }
2700
- export const clearIconComponentCache: (iconType?: "string" | "number" | "function" | "search" | "link" | "article" | "menu" | "filter" | "image" | "stop" | "key" | "temperature" | "color" | "email" | "list" | "user" | "alert" | "document" | "grid" | "copy" | "scale" | "wordWrap" | "grab" | "help" | "invert" | "spaces" | "dot" | "warning" | "error" | "download" | "accessibility" | "aggregate" | "analyzeEvent" | "annotation" | "apps" | "arrowStart" | "arrowEnd" | "asterisk" | "at" | "beaker" | "bell" | "bellSlash" | "beta" | "bolt" | "branch" | "branchUser" | "broom" | "brush" | "bug" | "bullseye" | "calendar" | "check" | "checkInCircleFilled" | "cheer" | "clock" | "cloudDrizzle" | "cloudStormy" | "cloudSunny" | "cluster" | "compute" | "console" | "container" | "continuityAbove" | "continuityAboveBelow" | "continuityBelow" | "continuityWithin" | "cross" | "crosshairs" | "currency" | "cut" | "database" | "desktop" | "discuss" | "documentEdit" | "documentation" | "documents" | "dotInCircle" | "doubleArrowLeft" | "doubleArrowRight" | "editorDistributeHorizontal" | "editorDistributeVertical" | "editorItemAlignBottom" | "editorItemAlignCenter" | "editorItemAlignLeft" | "editorItemAlignMiddle" | "editorItemAlignRight" | "editorItemAlignTop" | "editorPositionBottomLeft" | "editorPositionBottomRight" | "editorPositionTopLeft" | "editorPositionTopRight" | "empty" | "eql" | "eraser" | "exit" | "expand" | "expandMini" | "eye" | "filterExclude" | "filterIgnore" | "filterInclude" | "filterInCircle" | "flag" | "fold" | "frameNext" | "framePrevious" | "fullScreenExit" | "gear" | "glasses" | "globe" | "heart" | "heatmap" | "home" | "iInCircle" | "indexTemporary" | "infinity" | "inputOutput" | "inspect" | "ip" | "keyboard" | "kubernetesNode" | "kubernetesPod" | "launch" | "layers" | "lettering" | "lineDashed" | "lineDotted" | "lineSolid" | "lock" | "lockOpen" | "magnet" | "magnifyWithExclamation" | "magnifyWithMinus" | "magnifyWithPlus" | "memory" | "menuDown" | "menuLeft" | "menuRight" | "menuUp" | "merge" | "minimize" | "minus" | "mobile" | "moon" | "namespace" | "nested" | "node" | "offline" | "online" | "package" | "pageSelect" | "pagesSelect" | "partial" | "pause" | "payment" | "pencil" | "percent" | "pin" | "pivot" | "play" | "playFilled" | "plus" | "popout" | "push" | "quote" | "refresh" | "reporter" | "save" | "securitySignal" | "securitySignalDetected" | "securitySignalResolved" | "sessionViewer" | "shard" | "share" | "snowflake" | "sortAscending" | "sortDescending" | "sortLeft" | "sortRight" | "sortable" | "sparkles" | "starPlusEmpty" | "starPlusFilled" | "stats" | "storage" | "submodule" | "sun" | "symlink" | "tableOfContents" | "tag" | "tear" | "timeline" | "timelineWithArrow" | "timeRefresh" | "timeslider" | "training" | "trash" | "unfold" | "unlink" | "userAvatar" | "users" | "vector" | "videoPlayer" | "wordWrapDisabled" | "wrench" | "tokenAlias" | "tokenAnnotation" | "tokenArray" | "tokenBinary" | "tokenBoolean" | "tokenClass" | "tokenCompletionSuggester" | "tokenConstant" | "tokenDate" | "tokenDenseVector" | "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" | "tokenShape" | "tokenString" | "tokenStruct" | "tokenSymbol" | "tokenTag" | "tokenText" | "tokenTokenCount" | "tokenVariable" | "addDataApp" | "advancedSettingsApp" | "agentApp" | "apmApp" | "apmTrace" | "appSearchApp" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowUp" | "auditbeatApp" | "boxesHorizontal" | "boxesVertical" | "canvasApp" | "casesApp" | "classificationJob" | "codeApp" | "consoleApp" | "controlsHorizontal" | "controlsVertical" | "copyClipboard" | "createAdvancedJob" | "createMultiMetricJob" | "createPopulationJob" | "createSingleMetricJob" | "crossClusterReplicationApp" | "dashboardApp" | "dataVisualizer" | "devToolsApp" | "discoverApp" | "editorAlignCenter" | "editorAlignLeft" | "editorAlignRight" | "editorBold" | "editorChecklist" | "editorCodeBlock" | "editorComment" | "editorHeading" | "editorItalic" | "editorLink" | "editorOrderedList" | "editorRedo" | "editorStrike" | "editorTable" | "editorUnderline" | "editorUndo" | "editorUnorderedList" | "emsApp" | "exportAction" | "eyeClosed" | "faceHappy" | "faceNeutral" | "faceSad" | "filebeatApp" | "fleetApp" | "folderCheck" | "folderClosed" | "folderExclamation" | "folderOpen" | "fullScreen" | "gisApp" | "grabHorizontal" | "graphApp" | "grokApp" | "heartbeatApp" | "importAction" | "indexClose" | "indexEdit" | "indexFlush" | "indexManagementApp" | "indexMapping" | "indexOpen" | "indexPatternApp" | "indexRollupApp" | "indexRuntime" | "indexSettings" | "kqlField" | "kqlFunction" | "kqlOperand" | "kqlSelector" | "kqlValue" | "lensApp" | "listAdd" | "logoAWS" | "logoAWSMono" | "logoAerospike" | "logoApache" | "logoAppSearch" | "logoAzure" | "logoAzureMono" | "logoBeats" | "logoBusinessAnalytics" | "logoCeph" | "logoCloud" | "logoCloudEnterprise" | "logoCode" | "logoCodesandbox" | "logoCouchbase" | "logoDocker" | "logoDropwizard" | "logoElastic" | "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" | "machineLearningApp" | "managementApp" | "mapMarker" | "metricbeatApp" | "metricsApp" | "minusInCircle" | "minusInCircleFilled" | "monitoringApp" | "notebookApp" | "outlierDetectionJob" | "packetbeatApp" | "paperClip" | "pinFilled" | "pipelineApp" | "plusInCircle" | "plusInCircleFilled" | "questionInCircle" | "recentlyViewedApp" | "regressionJob" | "reportingApp" | "returnKey" | "savedObjectsApp" | "searchProfilerApp" | "securityAnalyticsApp" | "securityApp" | "sortDown" | "sortUp" | "spacesApp" | "sqlApp" | "starEmpty" | "starEmptySpace" | "starFilled" | "starFilledSpace" | "starMinusEmpty" | "starMinusFilled" | "stopFilled" | "stopSlash" | "swatchInput" | "tableDensityCompact" | "tableDensityExpanded" | "tableDensityNormal" | "timelionApp" | "upgradeAssistantApp" | "uptimeApp" | "usersRolesApp" | "visArea" | "visAreaStacked" | "visBarHorizontal" | "visBarHorizontalStacked" | "visBarVertical" | "visBarVerticalStacked" | "visGauge" | "visGoal" | "visLine" | "visMapCoordinate" | "visMapRegion" | "visMetric" | "visPie" | "visTable" | "visTagCloud" | "visText" | "visTimelion" | "visVega" | "visVisualBuilder" | "visualizeApp" | "vulnerabilityManagementApp" | "watchesApp" | "workplaceSearchApp" | undefined) => void;
2705
+ export const clearIconComponentCache: (iconType?: "string" | "number" | "function" | "search" | "link" | "article" | "menu" | "filter" | "image" | "stop" | "key" | "temperature" | "color" | "email" | "list" | "user" | "alert" | "document" | "grid" | "copy" | "scale" | "wordWrap" | "grab" | "help" | "invert" | "spaces" | "dot" | "warning" | "error" | "download" | "accessibility" | "aggregate" | "analyzeEvent" | "annotation" | "apps" | "arrowStart" | "arrowEnd" | "asterisk" | "at" | "beaker" | "bell" | "bellSlash" | "beta" | "bolt" | "branch" | "branchUser" | "broom" | "brush" | "bug" | "bullseye" | "calendar" | "check" | "checkInCircleFilled" | "cheer" | "clock" | "cloudDrizzle" | "cloudStormy" | "cloudSunny" | "cluster" | "compute" | "console" | "container" | "continuityAbove" | "continuityAboveBelow" | "continuityBelow" | "continuityWithin" | "cross" | "crosshairs" | "currency" | "cut" | "database" | "desktop" | "discuss" | "documentEdit" | "documentation" | "documents" | "dotInCircle" | "doubleArrowLeft" | "doubleArrowRight" | "editorDistributeHorizontal" | "editorDistributeVertical" | "editorItemAlignBottom" | "editorItemAlignCenter" | "editorItemAlignLeft" | "editorItemAlignMiddle" | "editorItemAlignRight" | "editorItemAlignTop" | "editorPositionBottomLeft" | "editorPositionBottomRight" | "editorPositionTopLeft" | "editorPositionTopRight" | "empty" | "eql" | "eraser" | "exit" | "expand" | "expandMini" | "eye" | "filterExclude" | "filterIgnore" | "filterInclude" | "filterInCircle" | "flag" | "fold" | "frameNext" | "framePrevious" | "fullScreenExit" | "gear" | "glasses" | "globe" | "grabOmnidirectional" | "heart" | "heatmap" | "home" | "iInCircle" | "indexTemporary" | "infinity" | "inputOutput" | "inspect" | "ip" | "keyboard" | "kubernetesNode" | "kubernetesPod" | "launch" | "layers" | "lettering" | "lineDashed" | "lineDotted" | "lineSolid" | "lock" | "lockOpen" | "magnet" | "magnifyWithExclamation" | "magnifyWithMinus" | "magnifyWithPlus" | "memory" | "menuDown" | "menuLeft" | "menuRight" | "menuUp" | "merge" | "minimize" | "minus" | "mobile" | "moon" | "namespace" | "nested" | "node" | "offline" | "online" | "package" | "pageSelect" | "pagesSelect" | "partial" | "pause" | "payment" | "pencil" | "percent" | "pin" | "pivot" | "play" | "playFilled" | "plus" | "popout" | "push" | "quote" | "refresh" | "reporter" | "save" | "securitySignal" | "securitySignalDetected" | "securitySignalResolved" | "sessionViewer" | "shard" | "share" | "snowflake" | "sortAscending" | "sortDescending" | "sortLeft" | "sortRight" | "sortable" | "sparkles" | "starPlusEmpty" | "starPlusFilled" | "stats" | "storage" | "submodule" | "sun" | "symlink" | "tableOfContents" | "tag" | "tear" | "timeline" | "timelineWithArrow" | "timeRefresh" | "timeslider" | "training" | "transitionLeftIn" | "transitionLeftOut" | "transitionTopIn" | "transitionTopOut" | "trash" | "unfold" | "unlink" | "userAvatar" | "users" | "vector" | "videoPlayer" | "wordWrapDisabled" | "wrench" | "tokenAlias" | "tokenAnnotation" | "tokenArray" | "tokenBinary" | "tokenBoolean" | "tokenClass" | "tokenCompletionSuggester" | "tokenConstant" | "tokenDate" | "tokenDenseVector" | "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" | "tokenShape" | "tokenString" | "tokenStruct" | "tokenSymbol" | "tokenTag" | "tokenText" | "tokenTokenCount" | "tokenVariable" | "addDataApp" | "advancedSettingsApp" | "agentApp" | "apmApp" | "apmTrace" | "appSearchApp" | "arrowDown" | "arrowLeft" | "arrowRight" | "arrowUp" | "auditbeatApp" | "boxesHorizontal" | "boxesVertical" | "canvasApp" | "casesApp" | "classificationJob" | "codeApp" | "consoleApp" | "controlsHorizontal" | "controlsVertical" | "copyClipboard" | "createAdvancedJob" | "createMultiMetricJob" | "createPopulationJob" | "createSingleMetricJob" | "crossClusterReplicationApp" | "dashboardApp" | "dataVisualizer" | "devToolsApp" | "discoverApp" | "editorAlignCenter" | "editorAlignLeft" | "editorAlignRight" | "editorBold" | "editorChecklist" | "editorCodeBlock" | "editorComment" | "editorHeading" | "editorItalic" | "editorLink" | "editorOrderedList" | "editorRedo" | "editorStrike" | "editorTable" | "editorUnderline" | "editorUndo" | "editorUnorderedList" | "emsApp" | "exportAction" | "eyeClosed" | "faceHappy" | "faceNeutral" | "faceSad" | "filebeatApp" | "fleetApp" | "folderCheck" | "folderClosed" | "folderExclamation" | "folderOpen" | "fullScreen" | "gisApp" | "grabHorizontal" | "graphApp" | "grokApp" | "heartbeatApp" | "importAction" | "indexClose" | "indexEdit" | "indexFlush" | "indexManagementApp" | "indexMapping" | "indexOpen" | "indexPatternApp" | "indexRollupApp" | "indexRuntime" | "indexSettings" | "kqlField" | "kqlFunction" | "kqlOperand" | "kqlSelector" | "kqlValue" | "lensApp" | "listAdd" | "logoAWS" | "logoAWSMono" | "logoAerospike" | "logoApache" | "logoAppSearch" | "logoAzure" | "logoAzureMono" | "logoBeats" | "logoBusinessAnalytics" | "logoCeph" | "logoCloud" | "logoCloudEnterprise" | "logoCode" | "logoCodesandbox" | "logoCouchbase" | "logoDocker" | "logoDropwizard" | "logoElastic" | "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" | "machineLearningApp" | "managementApp" | "mapMarker" | "metricbeatApp" | "metricsApp" | "minusInCircle" | "minusInCircleFilled" | "monitoringApp" | "notebookApp" | "outlierDetectionJob" | "packetbeatApp" | "paperClip" | "pinFilled" | "pipelineApp" | "plusInCircle" | "plusInCircleFilled" | "questionInCircle" | "recentlyViewedApp" | "regressionJob" | "reportingApp" | "returnKey" | "savedObjectsApp" | "searchProfilerApp" | "securityAnalyticsApp" | "securityApp" | "sortDown" | "sortUp" | "spacesApp" | "sqlApp" | "starEmpty" | "starEmptySpace" | "starFilled" | "starFilledSpace" | "starMinusEmpty" | "starMinusFilled" | "stopFilled" | "stopSlash" | "swatchInput" | "tableDensityCompact" | "tableDensityExpanded" | "tableDensityNormal" | "timelionApp" | "upgradeAssistantApp" | "uptimeApp" | "usersRolesApp" | "visArea" | "visAreaStacked" | "visBarHorizontal" | "visBarHorizontalStacked" | "visBarVertical" | "visBarVerticalStacked" | "visGauge" | "visGoal" | "visLine" | "visMapCoordinate" | "visMapRegion" | "visMetric" | "visPie" | "visTable" | "visTagCloud" | "visText" | "visTimelion" | "visVega" | "visVisualBuilder" | "visualizeApp" | "vulnerabilityManagementApp" | "watchesApp" | "workplaceSearchApp" | undefined) => void;
2701
2706
  export const appendIconComponentCache: (iconTypeToIconComponentMap: {
2702
2707
  [iconType: string]: React.ComponentType<{}>;
2703
2708
  }) => void;
@@ -4387,11 +4392,22 @@ declare module '@elastic/eui/src/components/panel/panel' {
4387
4392
  export const EuiPanel: FunctionComponent<EuiPanelProps>;
4388
4393
  export {};
4389
4394
 
4395
+ }
4396
+ declare module '@elastic/eui/src/components/panel/split_panel/split_panel.styles' {
4397
+ export const euiSplitPanelOuterStyles: {
4398
+ euiSplitPanelOuter: import("@emotion/utils").SerializedStyles;
4399
+ column: import("@emotion/utils").SerializedStyles;
4400
+ row: import("@emotion/utils").SerializedStyles;
4401
+ };
4402
+ export const euiSplitPanelInnerStyles: {
4403
+ euiSplitPanelInner: import("@emotion/utils").SerializedStyles;
4404
+ };
4405
+
4390
4406
  }
4391
4407
  declare module '@elastic/eui/src/components/panel/split_panel/split_panel' {
4392
4408
  import React, { FunctionComponent, ReactNode, HTMLAttributes } from 'react';
4393
- import { _EuiPanelProps } from '@elastic/eui/src/components/panel/panel';
4394
4409
  import { EuiBreakpointSize } from '@elastic/eui/src/services/breakpoint';
4410
+ import { _EuiPanelProps } from '@elastic/eui/src/components/panel/panel';
4395
4411
  export type _EuiSplitPanelInnerProps = HTMLAttributes<HTMLDivElement> & Omit<_EuiPanelProps, 'hasShadow' | 'hasBorder' | 'borderRadius'>;
4396
4412
  /**
4397
4413
  * Consumed via `EuiSplitPanel.Inner`.
@@ -8541,16 +8557,8 @@ declare module '@elastic/eui/src/components/accessibility' {
8541
8557
  export type { EuiSkipLinkProps } from '@elastic/eui/src/components/accessibility/skip_link';
8542
8558
 
8543
8559
  }
8544
- declare module '@elastic/eui/src/components/accordion/accordion.styles' {
8560
+ declare module '@elastic/eui/src/components/accordion/accordion_trigger/accordion_button.styles' {
8545
8561
  import { UseEuiTheme } from '@elastic/eui/src/services';
8546
- export const euiAccordionStyles: ({ euiTheme }: UseEuiTheme) => {
8547
- euiAccordion: import("@emotion/utils").SerializedStyles;
8548
- borders: {
8549
- borders: import("@emotion/utils").SerializedStyles;
8550
- horizontal: import("@emotion/utils").SerializedStyles;
8551
- all: import("@emotion/utils").SerializedStyles;
8552
- };
8553
- };
8554
8562
  export const euiAccordionButtonStyles: (euiThemeContext: UseEuiTheme) => {
8555
8563
  euiAccordion__button: import("@emotion/utils").SerializedStyles;
8556
8564
  disabled: import("@emotion/utils").SerializedStyles;
@@ -8560,6 +8568,61 @@ declare module '@elastic/eui/src/components/accordion/accordion.styles' {
8560
8568
  arrowLeft: import("@emotion/utils").SerializedStyles;
8561
8569
  arrowRight: import("@emotion/utils").SerializedStyles;
8562
8570
  };
8571
+
8572
+ }
8573
+ declare module '@elastic/eui/src/components/accordion/accordion_trigger/accordion_button' {
8574
+ import { FunctionComponent, PropsWithChildren, HTMLAttributes } from 'react';
8575
+ import { EuiAccordionProps } from '@elastic/eui/src/components/accordion/accordion'; type _EuiAccordionButtonProps = PropsWithChildren & HTMLAttributes<HTMLElement> & Required<Pick<EuiAccordionProps, 'buttonElement'>> & Pick<EuiAccordionProps, 'buttonClassName' | 'buttonProps' | 'buttonContentClassName' | 'isDisabled' | 'arrowDisplay'>;
8576
+ export const EuiAccordionButton: FunctionComponent<_EuiAccordionButtonProps>;
8577
+ export {};
8578
+
8579
+ }
8580
+ declare module '@elastic/eui/src/components/accordion/accordion_trigger/accordion_arrow.styles' {
8581
+ import { UseEuiTheme } from '@elastic/eui/src/services';
8582
+ export const euiAccordionArrowStyles: ({ euiTheme }: UseEuiTheme) => {
8583
+ euiAccordion__arrow: import("@emotion/utils").SerializedStyles;
8584
+ left: import("@emotion/utils").SerializedStyles;
8585
+ right: import("@emotion/utils").SerializedStyles;
8586
+ isClosed: import("@emotion/utils").SerializedStyles;
8587
+ isOpen: import("@emotion/utils").SerializedStyles;
8588
+ };
8589
+
8590
+ }
8591
+ declare module '@elastic/eui/src/components/accordion/accordion_trigger/accordion_arrow' {
8592
+ import { FunctionComponent } from 'react';
8593
+ import { EuiButtonIconPropsForButton } from '@elastic/eui/src/components/button';
8594
+ import { EuiAccordionProps } from '@elastic/eui/src/components/accordion/accordion'; type _EuiAccordionArrowProps = Partial<EuiButtonIconPropsForButton> & Pick<EuiAccordionProps, 'arrowDisplay' | 'arrowProps'> & {
8595
+ isOpen: boolean;
8596
+ };
8597
+ export const EuiAccordionArrow: FunctionComponent<_EuiAccordionArrowProps>;
8598
+ export {};
8599
+
8600
+ }
8601
+ declare module '@elastic/eui/src/components/accordion/accordion_trigger/accordion_trigger' {
8602
+ import { FunctionComponent, MouseEventHandler } from 'react';
8603
+ import { EuiAccordionProps } from '@elastic/eui/src/components/accordion/accordion'; type _EuiAccordionTriggerProps = Pick<EuiAccordionProps, 'arrowDisplay' | 'arrowProps' | 'buttonElement' | 'buttonClassName' | 'buttonProps' | 'buttonContent' | 'buttonContentClassName' | 'extraAction' | 'isDisabled'> & {
8604
+ isOpen: boolean;
8605
+ ariaControlsId: string;
8606
+ buttonId: string;
8607
+ onToggle: MouseEventHandler;
8608
+ };
8609
+ export const EuiAccordionTrigger: FunctionComponent<_EuiAccordionTriggerProps>;
8610
+ export {};
8611
+
8612
+ }
8613
+ declare module '@elastic/eui/src/components/accordion/accordion_trigger' {
8614
+ export { EuiAccordionTrigger } from '@elastic/eui/src/components/accordion/accordion_trigger/accordion_trigger';
8615
+
8616
+ }
8617
+ declare module '@elastic/eui/src/components/accordion/accordion_children/accordion_children_loading' {
8618
+ import { FunctionComponent } from 'react';
8619
+ import { EuiAccordionProps } from '@elastic/eui/src/components/accordion/accordion'; type _EuiAccordionChildrenLoadingProps = Pick<EuiAccordionProps, 'isLoadingMessage'>;
8620
+ export const EuiAccordionChildrenLoading: FunctionComponent<_EuiAccordionChildrenLoadingProps>;
8621
+ export {};
8622
+
8623
+ }
8624
+ declare module '@elastic/eui/src/components/accordion/accordion_children/accordion_children.styles' {
8625
+ import { UseEuiTheme } from '@elastic/eui/src/services';
8563
8626
  export const euiAccordionChildrenStyles: ({ euiTheme }: UseEuiTheme) => {
8564
8627
  euiAccordion__children: import("@emotion/utils").SerializedStyles;
8565
8628
  isLoading: import("@emotion/utils").SerializedStyles;
@@ -8569,32 +8632,43 @@ declare module '@elastic/eui/src/components/accordion/accordion.styles' {
8569
8632
  l: import("@emotion/utils").SerializedStyles;
8570
8633
  xl: import("@emotion/utils").SerializedStyles;
8571
8634
  };
8572
- export const euiAccordionChildWrapperStyles: ({ euiTheme }: UseEuiTheme) => {
8635
+ export const euiAccordionChildWrapperStyles: (euiThemeContext: UseEuiTheme) => {
8573
8636
  euiAccordion__childWrapper: import("@emotion/utils").SerializedStyles;
8637
+ isClosed: import("@emotion/utils").SerializedStyles;
8574
8638
  isOpen: import("@emotion/utils").SerializedStyles;
8575
8639
  };
8576
- export const euiAccordionIconButtonStyles: ({ euiTheme }: UseEuiTheme) => {
8577
- euiAccordion__iconButton: import("@emotion/utils").SerializedStyles;
8578
- isOpen: import("@emotion/utils").SerializedStyles;
8579
- arrowRight: import("@emotion/utils").SerializedStyles;
8580
- };
8581
- export const euiAccordionOptionalActionStyles: () => {
8582
- euiAccordion__optionalAction: import("@emotion/utils").SerializedStyles;
8583
- };
8584
- export const euiAccordionSpinnerStyles: ({ euiTheme }: UseEuiTheme) => {
8585
- euiAccordion__spinner: import("@emotion/utils").SerializedStyles;
8640
+
8641
+ }
8642
+ declare module '@elastic/eui/src/components/accordion/accordion_children/accordion_children' {
8643
+ import { FunctionComponent, HTMLAttributes } from 'react';
8644
+ import { EuiAccordionProps } from '@elastic/eui/src/components/accordion/accordion'; type _EuiAccordionChildrenProps = HTMLAttributes<HTMLDivElement> & Pick<EuiAccordionProps, 'children' | 'paddingSize' | 'isLoading' | 'isLoadingMessage'> & {
8645
+ isOpen: boolean;
8586
8646
  };
8587
- export const euiAccordionTriggerWrapperStyles: () => {
8588
- euiAccordion__triggerWrapper: import("@emotion/utils").SerializedStyles;
8647
+ export const EuiAccordionChildren: FunctionComponent<_EuiAccordionChildrenProps>;
8648
+ export {};
8649
+
8650
+ }
8651
+ declare module '@elastic/eui/src/components/accordion/accordion_children' {
8652
+ export { EuiAccordionChildren } from '@elastic/eui/src/components/accordion/accordion_children/accordion_children';
8653
+
8654
+ }
8655
+ declare module '@elastic/eui/src/components/accordion/accordion.styles' {
8656
+ import { UseEuiTheme } from '@elastic/eui/src/services';
8657
+ export const euiAccordionStyles: ({ euiTheme }: UseEuiTheme) => {
8658
+ euiAccordion: import("@emotion/utils").SerializedStyles;
8659
+ borders: {
8660
+ borders: import("@emotion/utils").SerializedStyles;
8661
+ horizontal: import("@emotion/utils").SerializedStyles;
8662
+ all: import("@emotion/utils").SerializedStyles;
8663
+ };
8589
8664
  };
8590
8665
 
8591
8666
  }
8592
8667
  declare module '@elastic/eui/src/components/accordion/accordion' {
8593
8668
  import React, { Component, HTMLAttributes, ReactNode } from 'react';
8594
- import { FocusableElement } from 'tabbable';
8595
- import { CommonProps } from '@elastic/eui/src/components/common';
8596
8669
  import { WithEuiThemeProps } from '@elastic/eui/src/services';
8597
- import { EuiButtonIconProps } from '@elastic/eui/src/components/button';
8670
+ import { CommonProps } from '@elastic/eui/src/components/common';
8671
+ import type { EuiButtonIconProps } from '@elastic/eui/src/components/button';
8598
8672
  export const PADDING_SIZES: readonly ["none", "xs", "s", "m", "l", "xl"];
8599
8673
  export type EuiAccordionPaddingSize = (typeof PADDING_SIZES)[number];
8600
8674
  export type EuiAccordionProps = CommonProps & Omit<HTMLAttributes<HTMLElement>, 'id'> & {
@@ -8689,23 +8763,12 @@ declare module '@elastic/eui/src/components/accordion/accordion' {
8689
8763
  element: "div";
8690
8764
  buttonElement: "button";
8691
8765
  };
8692
- childContent: HTMLDivElement | null;
8693
- childWrapper: HTMLDivElement | null;
8694
- tabbableChildren: FocusableElement[] | null;
8695
8766
  state: {
8696
8767
  isOpen: boolean;
8697
8768
  };
8698
8769
  get isOpen(): boolean;
8699
- setChildContentHeight: () => void;
8700
- componentDidMount(): void;
8701
- componentDidUpdate(prevProps: EuiAccordionProps, prevState: EuiAccordionState): void;
8702
8770
  onToggle: () => void;
8703
- preventTabbing: () => void;
8704
- enableTabbing: () => void;
8705
- setChildContentRef: (node: HTMLDivElement | null) => void;
8706
8771
  generatedId: string;
8707
- resizeRef: (e: HTMLElement | null) => void;
8708
- observerRef: (ref: HTMLDivElement) => void;
8709
8772
  render(): React.JSX.Element;
8710
8773
  }
8711
8774
  export const EuiAccordion: React.ForwardRefExoticComponent<Omit<EuiAccordionProps, "theme"> & React.RefAttributes<Omit<EuiAccordionProps, "theme">>>;
@@ -9485,25 +9548,6 @@ declare module '@elastic/eui/src/components/breadcrumbs' {
9485
9548
  export type { EuiBreadcrumbsProps, EuiBreadcrumbResponsiveMaxCount, } from '@elastic/eui/src/components/breadcrumbs/breadcrumbs';
9486
9549
  export { EuiBreadcrumbs } from '@elastic/eui/src/components/breadcrumbs/breadcrumbs';
9487
9550
 
9488
- }
9489
- declare module '@elastic/eui/src/components/card/card_select/card_select.styles' {
9490
- export const euiCardSelectStyles: () => {
9491
- euiCardSelect: import("@emotion/utils").SerializedStyles;
9492
- };
9493
-
9494
- }
9495
- declare module '@elastic/eui/src/components/card/card_select/card_select' {
9496
- import { FunctionComponent } from 'react';
9497
- import { Props } from '@elastic/eui/src/components/button/button';
9498
- export type EuiCardSelectProps = Props;
9499
- export const EuiCardSelect: FunctionComponent<EuiCardSelectProps>;
9500
- export function euiCardSelectableColor(color: Props['color'], isSelected: boolean | undefined): Props['color'];
9501
-
9502
- }
9503
- declare module '@elastic/eui/src/components/card/card_select' {
9504
- export type { EuiCardSelectProps } from '@elastic/eui/src/components/card/card_select/card_select';
9505
- export { EuiCardSelect, euiCardSelectableColor } from '@elastic/eui/src/components/card/card_select/card_select';
9506
-
9507
9551
  }
9508
9552
  declare module '@elastic/eui/src/components/spacer/spacer.styles' {
9509
9553
  import { UseEuiTheme } from '@elastic/eui/src/services';
@@ -9533,10 +9577,29 @@ declare module '@elastic/eui/src/components/spacer' {
9533
9577
  export type { EuiSpacerProps } from '@elastic/eui/src/components/spacer/spacer';
9534
9578
  export { EuiSpacer } from '@elastic/eui/src/components/spacer/spacer';
9535
9579
 
9580
+ }
9581
+ declare module '@elastic/eui/src/components/card/card_select/card_select.styles' {
9582
+ export const euiCardSelectStyles: () => {
9583
+ euiCardSelect: import("@emotion/utils").SerializedStyles;
9584
+ };
9585
+
9586
+ }
9587
+ declare module '@elastic/eui/src/components/card/card_select/card_select' {
9588
+ import { FunctionComponent } from 'react';
9589
+ import { Props } from '@elastic/eui/src/components/button/button';
9590
+ export type EuiCardSelectProps = Props;
9591
+ export const EuiCardSelect: FunctionComponent<EuiCardSelectProps>;
9592
+ export function euiCardSelectableColor(color: Props['color'], isSelected: boolean | undefined): Props['color'];
9593
+
9594
+ }
9595
+ declare module '@elastic/eui/src/components/card/card_select' {
9596
+ export type { EuiCardSelectProps } from '@elastic/eui/src/components/card/card_select/card_select';
9597
+ export { EuiCardSelect, euiCardSelectableColor } from '@elastic/eui/src/components/card/card_select/card_select';
9598
+
9536
9599
  }
9537
9600
  declare module '@elastic/eui/src/components/card/card.styles' {
9538
- import { EuiCardProps } from '@elastic/eui/src/components';
9539
9601
  import { UseEuiTheme } from '@elastic/eui/src/services';
9602
+ import { EuiCardProps } from '@elastic/eui/src/components/card/card';
9540
9603
  /**
9541
9604
  * 1. Footer is always at the bottom.
9542
9605
  * 3. Horizontal layouts should always top left align no matter the textAlign prop
@@ -9612,8 +9675,8 @@ declare module '@elastic/eui/src/components/card/card' {
9612
9675
  import { CommonProps, ExclusiveUnion } from '@elastic/eui/src/components/common';
9613
9676
  import { EuiBetaBadgeProps } from '@elastic/eui/src/components/badge/beta_badge';
9614
9677
  import { EuiIconProps } from '@elastic/eui/src/components/icon';
9615
- import { EuiCardSelectProps } from '@elastic/eui/src/components/card/card_select';
9616
9678
  import { EuiPanelProps } from '@elastic/eui/src/components/panel';
9679
+ import { EuiCardSelectProps } from '@elastic/eui/src/components/card/card_select';
9617
9680
  export const ALIGNMENTS: readonly ["left", "center", "right"]; type CardAlignment = (typeof ALIGNMENTS)[number]; type EuiCardPropsLayout = ExclusiveUnion<{
9618
9681
  layout?: 'vertical';
9619
9682
  /**
@@ -11225,6 +11288,359 @@ declare module '@elastic/eui/src/components/color_picker' {
11225
11288
  export type { EuiColorPaletteDisplayProps } from '@elastic/eui/src/components/color_picker/color_palette_display';
11226
11289
  export { EuiColorPaletteDisplay } from '@elastic/eui/src/components/color_picker/color_palette_display';
11227
11290
 
11291
+ }
11292
+ declare module '@elastic/eui/src/components/filter_group/filter_select_item.styles' {
11293
+ import { UseEuiTheme } from '@elastic/eui/src/services';
11294
+ export const euiFilterSelectItemStyles: (euiThemeContext: UseEuiTheme) => {
11295
+ euiFilterSelectItem: import("@emotion/utils").SerializedStyles;
11296
+ isFocused: import("@emotion/utils").SerializedStyles;
11297
+ };
11298
+
11299
+ }
11300
+ declare module '@elastic/eui/src/components/filter_group/filter_select_item' {
11301
+ import React, { ButtonHTMLAttributes, Component } from 'react';
11302
+ import { WithEuiThemeProps } from '@elastic/eui/src/services';
11303
+ import { CommonProps } from '@elastic/eui/src/components/common';
11304
+ export type FilterChecked = 'on' | 'off';
11305
+ export interface EuiFilterSelectItemProps extends CommonProps, ButtonHTMLAttributes<HTMLButtonElement> {
11306
+ checked?: FilterChecked;
11307
+ showIcons?: boolean;
11308
+ isFocused?: boolean;
11309
+ }
11310
+ /**
11311
+ * TODO: This component should removed in favor of EuiSelectable usage
11312
+ * once EuiComboBox has been converted to dogfood EuiSelectable.
11313
+ *
11314
+ * @deprecated - Use EuiSelectable instead
11315
+ */
11316
+ export class EuiFilterSelectItemClass extends Component<WithEuiThemeProps & EuiFilterSelectItemProps> {
11317
+ static defaultProps: {
11318
+ showIcons: boolean;
11319
+ };
11320
+ buttonRef: HTMLButtonElement | null;
11321
+ state: {
11322
+ hasFocus: boolean;
11323
+ };
11324
+ focus: () => void;
11325
+ hasFocus: () => boolean;
11326
+ render(): React.JSX.Element;
11327
+ }
11328
+ /**
11329
+ * @deprecated - Use EuiSelectable instead
11330
+ */
11331
+ export const EuiFilterSelectItem: React.ForwardRefExoticComponent<Omit<EuiFilterSelectItemProps, "theme"> & React.RefAttributes<Omit<EuiFilterSelectItemProps, "theme">>>;
11332
+
11333
+ }
11334
+ declare module '@elastic/eui/src/components/text_truncate/utils' {
11335
+ import type { ExclusiveUnion } from '@elastic/eui/src/components/common';
11336
+ interface SharedParams {
11337
+ fullText: string;
11338
+ ellipsis: string;
11339
+ availableWidth: number;
11340
+ }
11341
+ interface DOMParams extends SharedParams {
11342
+ container: HTMLElement;
11343
+ } type CanvasParams = SharedParams & ExclusiveUnion<{
11344
+ container: HTMLElement;
11345
+ }, {
11346
+ font: CanvasTextDrawingStyles['font'];
11347
+ }>; abstract class _TruncationUtils {
11348
+ protected fullText: SharedParams['fullText'];
11349
+ protected ellipsis: SharedParams['ellipsis'];
11350
+ protected availableWidth: SharedParams['availableWidth'];
11351
+ constructor({ fullText, ellipsis, availableWidth }: SharedParams);
11352
+ /**
11353
+ * Internal measurement utils which will be overridden depending on the
11354
+ * rendering approach used (e.g. DOM vs Canvas).
11355
+ */
11356
+ abstract textWidth: number;
11357
+ abstract setTextToCheck: (text: string) => void;
11358
+ /**
11359
+ * Early return checks
11360
+ */
11361
+ checkIfTruncationIsNeeded: () => false | undefined;
11362
+ checkSufficientEllipsisWidth: (truncation: string) => false | undefined;
11363
+ checkTruncationOffsetWidth: (text: string) => false | undefined;
11364
+ /**
11365
+ * Truncation types logic. This is where the magic happens
11366
+ */
11367
+ truncateStart: (truncationOffset?: number | undefined) => string;
11368
+ truncateEnd: (truncationOffset?: number | undefined) => string;
11369
+ truncateStartEndAtPosition: (truncationPosition: number) => string;
11370
+ truncateStartEndAtMiddle: () => string;
11371
+ truncateMiddle: () => string;
11372
+ }
11373
+ /**
11374
+ * Creates a temporary vanilla JS DOM element for manipulating text and
11375
+ * determining text width.
11376
+ *
11377
+ * Requires passing in a container element to which the temporary element
11378
+ * will be appended. Any CSS/font styles that need to be accounted for should
11379
+ * be automatically inherited from the container.
11380
+ *
11381
+ * NOTE: The consumer is responsible for calling the `cleanup()` method manually
11382
+ * to remove the temporary DOM node once their usage of this utility is complete.
11383
+ */
11384
+ export class TruncationUtilsWithDOM extends _TruncationUtils {
11385
+ container: DOMParams['container'];
11386
+ span: HTMLSpanElement;
11387
+ constructor({ container, ...rest }: DOMParams);
11388
+ get textWidth(): number;
11389
+ setTextToCheck: (text: string) => void;
11390
+ cleanup: () => void;
11391
+ }
11392
+ /**
11393
+ * Creates a temporary Canvas element for manipulating text & determining
11394
+ * text width. This method is compatible with charts or other canvas-rendered
11395
+ * frameworks, and requires no cleanup method.
11396
+ *
11397
+ * To accurately measure text, canvas rendering requires either a container to
11398
+ * compute/derive font styles from, or a static font string (useful for usage
11399
+ * outside the DOM). Particular care should be applied when fallback fonts are
11400
+ * used, as more fallback fonts can lead to less precision.
11401
+ *
11402
+ * Please note that while canvas is more performant than DOM measurement, there
11403
+ * are subpixel to single digit pixel differences between DOM and canvas
11404
+ * measurement due to the different rendering engines used.
11405
+ */
11406
+ export class TruncationUtilsWithCanvas extends _TruncationUtils {
11407
+ context: CanvasRenderingContext2D;
11408
+ currentText: string;
11409
+ constructor({ font, container, ...rest }: CanvasParams);
11410
+ computeFontFromElement: (element: HTMLElement) => string;
11411
+ get textWidth(): number;
11412
+ setTextToCheck: (text: string) => void;
11413
+ }
11414
+ export {};
11415
+
11416
+ }
11417
+ declare module '@elastic/eui/src/components/text_truncate/text_truncate.styles' {
11418
+ export const euiTextTruncateStyles: {
11419
+ euiTextTruncate: import("@emotion/utils").SerializedStyles;
11420
+ /**
11421
+ * The below CSS is a hack to get double clicking and selecting the *full* text
11422
+ * instead of the truncated text (useful for copying/pasting, and mimics how
11423
+ * `text-overflow: ellipsis` works).
11424
+ *
11425
+ * Real talk: I'm lowkey amazed it works and it wouldn't surprise me if we ran into
11426
+ * cross-browser issues with this at some point. Hopefully CSS natively implements
11427
+ * custom text truncation some day (https://github.com/w3c/csswg-drafts/issues/3937)
11428
+ * and there'll be no need for the entire component at that point 🙏
11429
+ */
11430
+ truncatedText: import("@emotion/utils").SerializedStyles;
11431
+ fullText: import("@emotion/utils").SerializedStyles;
11432
+ };
11433
+
11434
+ }
11435
+ declare module '@elastic/eui/src/components/text_truncate/text_truncate' {
11436
+ import { HTMLAttributes, FunctionComponent, ReactNode } from 'react';
11437
+ import type { CommonProps } from '@elastic/eui/src/components/common'; const TRUNCATION_TYPES: readonly ["end", "start", "startEnd", "middle"];
11438
+ export type EuiTextTruncationTypes = (typeof TRUNCATION_TYPES)[number];
11439
+ export type EuiTextTruncateProps = Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'onResize'> & CommonProps & {
11440
+ /**
11441
+ * The full text string to truncate
11442
+ */
11443
+ text: string;
11444
+ /**
11445
+ * The truncation type desired. Determines where the ellipses are placed.
11446
+ */
11447
+ truncation?: EuiTextTruncationTypes;
11448
+ /**
11449
+ * This prop **only** applies to the `start` and `end` truncation types.
11450
+ * It allows preserving a certain number of characters of either the
11451
+ * starting or ending text.
11452
+ *
11453
+ * If the passed offset is greater than the total text length,
11454
+ * the offset will be ignored.
11455
+ */
11456
+ truncationOffset?: number;
11457
+ /**
11458
+ * This prop **only** applies to the `startEnd` truncation type.
11459
+ * It allows customizing the anchor position of the displayed text,
11460
+ * which otherwise defaults to the middle of the text string.
11461
+ *
11462
+ * The primary use case for this prop for is search highlighting - e.g., if
11463
+ * a user searches for a specific word in the text, pass the index of that
11464
+ * found word to ensure it is always visible.
11465
+ *
11466
+ * This behavior will intelligently detect when positions are close to the start
11467
+ * or end of the text, and omit leading or trailing ellipses when necessary.
11468
+ * If the passed position is greater than the total text length,
11469
+ * the truncation will simply default to `start` instead.
11470
+ */
11471
+ truncationPosition?: number;
11472
+ /**
11473
+ * Defaults to the horizontal ellipsis character.
11474
+ * Can be optionally configured to use other punctuation,
11475
+ * e.g. spaces, brackets, hyphens, asterisks, etc.
11476
+ */
11477
+ ellipsis?: string;
11478
+ /**
11479
+ * By default, EuiTextTruncate will render a resize observer to detect the
11480
+ * available width it has. For performance reasons (e.g. multiple truncated
11481
+ * text items within the same container), you may opt to pass in your own
11482
+ * container width, which will skip initializing a resize observer.
11483
+ */
11484
+ width?: number;
11485
+ /**
11486
+ * Optional callback that fires when the default resizer observer both mounts and
11487
+ * registers a size change. This callback will **not** fire if `width` is passed.
11488
+ */
11489
+ onResize?: (width: number) => void;
11490
+ /**
11491
+ * By default, EuiTextTruncate will calculate its truncation via DOM manipulation
11492
+ * and measurement, which has the benefit of automatically inheriting font styles.
11493
+ * However, if this approach proves to have a significant performance impact for your
11494
+ * usage, consider using the `canvas` API instead, which is more performant.
11495
+ *
11496
+ * Please note that there are minute pixel to subpixel differences between the
11497
+ * two options due to different rendering engines.
11498
+ */
11499
+ measurementRenderAPI?: 'dom' | 'canvas';
11500
+ /**
11501
+ * By default, EuiTextTruncate will render the truncated string directly.
11502
+ * You can optionally pass a render prop function to the component, which
11503
+ * allows for more flexible text rendering, e.g. adding custom markup
11504
+ * or highlighting
11505
+ */
11506
+ children?: (truncatedString: string) => ReactNode;
11507
+ };
11508
+ export const EuiTextTruncate: FunctionComponent<EuiTextTruncateProps>;
11509
+ export {};
11510
+
11511
+ }
11512
+ declare module '@elastic/eui/src/components/text_truncate' {
11513
+ export type { EuiTextTruncateProps, EuiTextTruncationTypes, } from '@elastic/eui/src/components/text_truncate/text_truncate';
11514
+ export { EuiTextTruncate } from '@elastic/eui/src/components/text_truncate/text_truncate';
11515
+ export { TruncationUtilsWithDOM, TruncationUtilsWithCanvas } from '@elastic/eui/src/components/text_truncate/utils';
11516
+
11517
+ }
11518
+ declare module '@elastic/eui/src/components/combo_box/types' {
11519
+ import { ButtonHTMLAttributes, ReactNode } from 'react';
11520
+ import { CommonProps } from '@elastic/eui/src/components/common';
11521
+ import type { _EuiComboBoxProps } from '@elastic/eui/src/components/combo_box/combo_box';
11522
+ export interface EuiComboBoxOptionOption<T = string | number | string[] | undefined> extends CommonProps, Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'value'> {
11523
+ isGroupLabelOption?: boolean;
11524
+ label: string;
11525
+ key?: string;
11526
+ options?: Array<EuiComboBoxOptionOption<T>>;
11527
+ value?: T;
11528
+ prepend?: ReactNode;
11529
+ append?: ReactNode;
11530
+ truncationProps?: _EuiComboBoxProps<T>['truncationProps'];
11531
+ }
11532
+ export type UpdatePositionHandler = (listElement?: RefInstance<HTMLDivElement>) => void;
11533
+ export type OptionHandler<T> = (option: EuiComboBoxOptionOption<T>) => void;
11534
+ export type RefInstance<T> = T | null;
11535
+ export type EuiComboBoxOptionsListPosition = 'top' | 'bottom';
11536
+ export interface EuiComboBoxSingleSelectionShape {
11537
+ asPlainText?: boolean;
11538
+ }
11539
+
11540
+ }
11541
+ declare module '@elastic/eui/src/components/combo_box/matching_options' {
11542
+ import { EuiComboBoxOptionOption } from '@elastic/eui/src/components/combo_box/types';
11543
+ export type SortMatchesBy = 'none' | 'startsWith';
11544
+ interface GetMatchingOptions<T> {
11545
+ options: Array<EuiComboBoxOptionOption<T>>;
11546
+ selectedOptions: Array<EuiComboBoxOptionOption<T>>;
11547
+ searchValue: string;
11548
+ isCaseSensitive?: boolean;
11549
+ isPreFiltered?: boolean;
11550
+ showPrevSelected?: boolean;
11551
+ sortMatchesBy?: SortMatchesBy;
11552
+ }
11553
+ interface GetSelectedOptionForSearchValue<T> extends Pick<GetMatchingOptions<T>, 'isCaseSensitive' | 'searchValue' | 'selectedOptions'> {
11554
+ optionKey?: string;
11555
+ }
11556
+ export const transformForCaseSensitivity: (string: string, isCaseSensitive?: boolean | undefined) => string;
11557
+ export const flattenOptionGroups: <T>(optionsOrGroups: EuiComboBoxOptionOption<T>[]) => EuiComboBoxOptionOption<T>[];
11558
+ export const getSelectedOptionForSearchValue: <T>({ isCaseSensitive, searchValue, selectedOptions, optionKey, }: GetSelectedOptionForSearchValue<T>) => EuiComboBoxOptionOption<T> | undefined;
11559
+ export const getMatchingOptions: <T>({ options, selectedOptions, searchValue, isCaseSensitive, isPreFiltered, showPrevSelected, sortMatchesBy, }: GetMatchingOptions<T>) => EuiComboBoxOptionOption<T>[];
11560
+ export {};
11561
+
11562
+ }
11563
+ declare module '@elastic/eui/src/components/combo_box/combo_box_input/combo_box_pill' {
11564
+ import React, { AriaAttributes, Component, MouseEventHandler } from 'react';
11565
+ import { EuiComboBoxOptionOption, OptionHandler } from '@elastic/eui/src/components/combo_box/types';
11566
+ import { CommonProps } from '@elastic/eui/src/components/common';
11567
+ export interface EuiComboBoxPillProps<T> extends CommonProps {
11568
+ asPlainText?: boolean;
11569
+ children?: string;
11570
+ className?: string;
11571
+ color?: string;
11572
+ onClick?: MouseEventHandler<HTMLButtonElement>;
11573
+ onClickAriaLabel?: AriaAttributes['aria-label'];
11574
+ onClose?: OptionHandler<T>;
11575
+ option: EuiComboBoxOptionOption<T>;
11576
+ }
11577
+ export class EuiComboBoxPill<T> extends Component<EuiComboBoxPillProps<T>> {
11578
+ static defaultProps: {
11579
+ color: string;
11580
+ };
11581
+ onCloseButtonClick: () => void;
11582
+ render(): React.JSX.Element;
11583
+ }
11584
+
11585
+ }
11586
+ declare module '@elastic/eui/src/components/combo_box/combo_box_input/combo_box_input' {
11587
+ import React, { Component, ChangeEventHandler, FocusEventHandler, KeyboardEventHandler, RefCallback } from 'react';
11588
+ import AutosizeInput from 'react-input-autosize';
11589
+ import { CommonProps } from '@elastic/eui/src/components/common';
11590
+ import { htmlIdGenerator } from '@elastic/eui/src/services';
11591
+ import { EuiFormControlLayoutProps } from '@elastic/eui/src/components/form/form_control_layout';
11592
+ import { EuiComboBoxOptionOption, EuiComboBoxSingleSelectionShape, OptionHandler, UpdatePositionHandler } from '@elastic/eui/src/components/combo_box/types';
11593
+ export interface EuiComboBoxInputProps<T> extends CommonProps {
11594
+ autoSizeInputRef?: RefCallback<AutosizeInput & HTMLInputElement>;
11595
+ compressed: boolean;
11596
+ focusedOptionId?: string;
11597
+ fullWidth?: boolean;
11598
+ hasSelectedOptions: boolean;
11599
+ id?: string;
11600
+ inputRef?: RefCallback<HTMLInputElement>;
11601
+ isDisabled?: boolean;
11602
+ isListOpen: boolean;
11603
+ noIcon: boolean;
11604
+ onBlur?: FocusEventHandler<HTMLInputElement>;
11605
+ onChange?: (searchValue: string) => void;
11606
+ onClear?: () => void;
11607
+ onClick?: () => void;
11608
+ onCloseListClick: () => void;
11609
+ onFocus: FocusEventHandler<HTMLInputElement>;
11610
+ onOpenListClick: () => void;
11611
+ onRemoveOption: OptionHandler<T>;
11612
+ placeholder?: string;
11613
+ rootId: ReturnType<typeof htmlIdGenerator>;
11614
+ searchValue: string;
11615
+ selectedOptions: Array<EuiComboBoxOptionOption<T>>;
11616
+ singleSelection?: boolean | EuiComboBoxSingleSelectionShape;
11617
+ toggleButtonRef?: RefCallback<HTMLButtonElement | HTMLSpanElement>;
11618
+ updatePosition: UpdatePositionHandler;
11619
+ value?: string;
11620
+ prepend?: EuiFormControlLayoutProps['prepend'];
11621
+ append?: EuiFormControlLayoutProps['append'];
11622
+ isLoading?: boolean;
11623
+ isInvalid?: boolean;
11624
+ autoFocus?: boolean;
11625
+ 'aria-label'?: string;
11626
+ 'aria-labelledby'?: string;
11627
+ }
11628
+ interface EuiComboBoxInputState {
11629
+ hasFocus: boolean;
11630
+ }
11631
+ export class EuiComboBoxInput<T> extends Component<EuiComboBoxInputProps<T>, EuiComboBoxInputState> {
11632
+ state: EuiComboBoxInputState;
11633
+ updatePosition: () => void;
11634
+ onFocus: FocusEventHandler<HTMLInputElement>;
11635
+ onBlur: FocusEventHandler<HTMLInputElement>;
11636
+ onKeyDown: KeyboardEventHandler<HTMLInputElement>;
11637
+ componentDidUpdate(prevProps: EuiComboBoxInputProps<T>): void;
11638
+ inputOnChange: ChangeEventHandler<HTMLInputElement>;
11639
+ inputRefCallback: (ref: HTMLInputElement & AutosizeInput) => void;
11640
+ render(): React.JSX.Element;
11641
+ }
11642
+ export {};
11643
+
11228
11644
  }
11229
11645
  declare module '@elastic/eui/src/components/mark/mark.styles' {
11230
11646
  import { UseEuiTheme } from '@elastic/eui/src/services';
@@ -11293,80 +11709,17 @@ declare module '@elastic/eui/src/components/combo_box/combo_box_options_list/com
11293
11709
  import { FunctionComponent, PropsWithChildren } from 'react';
11294
11710
  export const EuiComboBoxTitle: FunctionComponent<PropsWithChildren>;
11295
11711
 
11296
- }
11297
- declare module '@elastic/eui/src/components/filter_group/filter_select_item.styles' {
11298
- import { UseEuiTheme } from '@elastic/eui/src/services';
11299
- export const euiFilterSelectItemStyles: (euiThemeContext: UseEuiTheme) => {
11300
- euiFilterSelectItem: import("@emotion/utils").SerializedStyles;
11301
- isFocused: import("@emotion/utils").SerializedStyles;
11302
- };
11303
-
11304
- }
11305
- declare module '@elastic/eui/src/components/filter_group/filter_select_item' {
11306
- import React, { ButtonHTMLAttributes, Component } from 'react';
11307
- import { WithEuiThemeProps } from '@elastic/eui/src/services';
11308
- import { CommonProps } from '@elastic/eui/src/components/common';
11309
- export type FilterChecked = 'on' | 'off';
11310
- export interface EuiFilterSelectItemProps extends CommonProps, ButtonHTMLAttributes<HTMLButtonElement> {
11311
- checked?: FilterChecked;
11312
- showIcons?: boolean;
11313
- isFocused?: boolean;
11314
- }
11315
- /**
11316
- * TODO: This component should removed in favor of EuiSelectable usage
11317
- * once EuiComboBox has been converted to dogfood EuiSelectable.
11318
- *
11319
- * @deprecated - Use EuiSelectable instead
11320
- */
11321
- export class EuiFilterSelectItemClass extends Component<WithEuiThemeProps & EuiFilterSelectItemProps> {
11322
- static defaultProps: {
11323
- showIcons: boolean;
11324
- };
11325
- buttonRef: HTMLButtonElement | null;
11326
- state: {
11327
- hasFocus: boolean;
11328
- };
11329
- focus: () => void;
11330
- hasFocus: () => boolean;
11331
- render(): React.JSX.Element;
11332
- }
11333
- /**
11334
- * @deprecated - Use EuiSelectable instead
11335
- */
11336
- export const EuiFilterSelectItem: React.ForwardRefExoticComponent<Omit<EuiFilterSelectItemProps, "theme"> & React.RefAttributes<Omit<EuiFilterSelectItemProps, "theme">>>;
11337
-
11338
- }
11339
- declare module '@elastic/eui/src/components/combo_box/types' {
11340
- import { ButtonHTMLAttributes, ReactNode } from 'react';
11341
- import { CommonProps } from '@elastic/eui/src/components/common';
11342
- export interface EuiComboBoxOptionOption<T = string | number | string[] | undefined> extends CommonProps, Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'value'> {
11343
- isGroupLabelOption?: boolean;
11344
- label: string;
11345
- key?: string;
11346
- options?: Array<EuiComboBoxOptionOption<T>>;
11347
- value?: T;
11348
- prepend?: ReactNode;
11349
- append?: ReactNode;
11350
- }
11351
- export type UpdatePositionHandler = (listElement?: RefInstance<HTMLDivElement>) => void;
11352
- export type OptionHandler<T> = (option: EuiComboBoxOptionOption<T>) => void;
11353
- export type RefInstance<T> = T | null;
11354
- export type EuiComboBoxOptionsListPosition = 'top' | 'bottom';
11355
- export interface EuiComboBoxSingleSelectionShape {
11356
- asPlainText?: boolean;
11357
- }
11358
-
11359
11712
  }
11360
11713
  declare module '@elastic/eui/src/components/combo_box/combo_box_options_list/combo_box_options_list' {
11361
11714
  import React, { Component, ComponentProps, ReactNode, RefCallback } from 'react';
11362
11715
  import { FixedSizeList, ListProps, ListChildComponentProps } from 'react-window';
11363
11716
  import { EuiFilterSelectItemClass } from '@elastic/eui/src/components/filter_group/filter_select_item';
11364
11717
  import { htmlIdGenerator } from '@elastic/eui/src/services';
11365
- import { EuiComboBoxOptionOption, EuiComboBoxOptionsListPosition, EuiComboBoxSingleSelectionShape, OptionHandler, RefInstance, UpdatePositionHandler } from '@elastic/eui/src/components/combo_box/types';
11366
11718
  import { CommonProps } from '@elastic/eui/src/components/common';
11367
11719
  import { EuiPopoverPanel } from '@elastic/eui/src/components/popover/popover_panel';
11720
+ import type { _EuiComboBoxProps } from '@elastic/eui/src/components/combo_box/combo_box';
11721
+ import { EuiComboBoxOptionOption, EuiComboBoxOptionsListPosition, EuiComboBoxSingleSelectionShape, OptionHandler, RefInstance, UpdatePositionHandler } from '@elastic/eui/src/components/combo_box/types';
11368
11722
  export type EuiComboBoxOptionsListProps<T> = CommonProps & ComponentProps<typeof EuiPopoverPanel> & {
11369
- 'data-test-subj': string;
11370
11723
  activeOptionIndex?: number;
11371
11724
  areAllOptionsSelected?: boolean;
11372
11725
  listboxAriaLabel: string;
@@ -11407,6 +11760,7 @@ declare module '@elastic/eui/src/components/combo_box/combo_box_options_list/com
11407
11760
  singleSelection?: boolean | EuiComboBoxSingleSelectionShape;
11408
11761
  delimiter?: string;
11409
11762
  zIndex?: number;
11763
+ truncationProps?: _EuiComboBoxProps<T>['truncationProps'];
11410
11764
  };
11411
11765
  export class EuiComboBoxOptionsList<T> extends Component<EuiComboBoxOptionsListProps<T>> {
11412
11766
  listRefInstance: RefInstance<HTMLDivElement>;
@@ -11426,6 +11780,9 @@ declare module '@elastic/eui/src/components/combo_box/combo_box_options_list/com
11426
11780
  setListRef: (ref: FixedSizeList | null) => void;
11427
11781
  setListBoxRef: (ref: HTMLUListElement | null) => void;
11428
11782
  ListRow: ({ data, index, style }: ListChildComponentProps) => React.JSX.Element;
11783
+ optionWidth: number | undefined;
11784
+ setOptionWidth: (width: number) => void;
11785
+ renderTruncatedOption: (text: string, truncationProps: EuiComboBoxOptionsListProps<T>['truncationProps']) => React.JSX.Element;
11429
11786
  render(): React.JSX.Element;
11430
11787
  }
11431
11788
 
@@ -11458,110 +11815,6 @@ declare module '@elastic/eui/src/components/combo_box/combo_box_options_list' {
11458
11815
  export { EuiComboBoxOption } from '@elastic/eui/src/components/combo_box/combo_box_options_list/combo_box_option';
11459
11816
  export { EuiComboBoxTitle } from '@elastic/eui/src/components/combo_box/combo_box_options_list/combo_box_title';
11460
11817
 
11461
- }
11462
- declare module '@elastic/eui/src/components/combo_box/matching_options' {
11463
- import { EuiComboBoxOptionOption } from '@elastic/eui/src/components/combo_box/types';
11464
- export type SortMatchesBy = 'none' | 'startsWith';
11465
- interface GetMatchingOptions<T> {
11466
- options: Array<EuiComboBoxOptionOption<T>>;
11467
- selectedOptions: Array<EuiComboBoxOptionOption<T>>;
11468
- searchValue: string;
11469
- isCaseSensitive?: boolean;
11470
- isPreFiltered?: boolean;
11471
- showPrevSelected?: boolean;
11472
- sortMatchesBy?: SortMatchesBy;
11473
- }
11474
- interface GetSelectedOptionForSearchValue<T> extends Pick<GetMatchingOptions<T>, 'isCaseSensitive' | 'searchValue' | 'selectedOptions'> {
11475
- optionKey?: string;
11476
- }
11477
- export const transformForCaseSensitivity: (string: string, isCaseSensitive?: boolean | undefined) => string;
11478
- export const flattenOptionGroups: <T>(optionsOrGroups: EuiComboBoxOptionOption<T>[]) => EuiComboBoxOptionOption<T>[];
11479
- export const getSelectedOptionForSearchValue: <T>({ isCaseSensitive, searchValue, selectedOptions, optionKey, }: GetSelectedOptionForSearchValue<T>) => EuiComboBoxOptionOption<T> | undefined;
11480
- export const getMatchingOptions: <T>({ options, selectedOptions, searchValue, isCaseSensitive, isPreFiltered, showPrevSelected, sortMatchesBy, }: GetMatchingOptions<T>) => EuiComboBoxOptionOption<T>[];
11481
- export {};
11482
-
11483
- }
11484
- declare module '@elastic/eui/src/components/combo_box/combo_box_input/combo_box_pill' {
11485
- import React, { AriaAttributes, Component, MouseEventHandler } from 'react';
11486
- import { EuiComboBoxOptionOption, OptionHandler } from '@elastic/eui/src/components/combo_box/types';
11487
- import { CommonProps } from '@elastic/eui/src/components/common';
11488
- export interface EuiComboBoxPillProps<T> extends CommonProps {
11489
- asPlainText?: boolean;
11490
- children?: string;
11491
- className?: string;
11492
- color?: string;
11493
- onClick?: MouseEventHandler<HTMLButtonElement>;
11494
- onClickAriaLabel?: AriaAttributes['aria-label'];
11495
- onClose?: OptionHandler<T>;
11496
- option: EuiComboBoxOptionOption<T>;
11497
- }
11498
- export class EuiComboBoxPill<T> extends Component<EuiComboBoxPillProps<T>> {
11499
- static defaultProps: {
11500
- color: string;
11501
- };
11502
- onCloseButtonClick: () => void;
11503
- render(): React.JSX.Element;
11504
- }
11505
-
11506
- }
11507
- declare module '@elastic/eui/src/components/combo_box/combo_box_input/combo_box_input' {
11508
- import React, { Component, ChangeEventHandler, FocusEventHandler, KeyboardEventHandler, RefCallback } from 'react';
11509
- import AutosizeInput from 'react-input-autosize';
11510
- import { CommonProps } from '@elastic/eui/src/components/common';
11511
- import { htmlIdGenerator } from '@elastic/eui/src/services';
11512
- import { EuiFormControlLayoutProps } from '@elastic/eui/src/components/form/form_control_layout';
11513
- import { EuiComboBoxOptionOption, EuiComboBoxSingleSelectionShape, OptionHandler, UpdatePositionHandler } from '@elastic/eui/src/components/combo_box/types';
11514
- export interface EuiComboBoxInputProps<T> extends CommonProps {
11515
- autoSizeInputRef?: RefCallback<AutosizeInput & HTMLInputElement>;
11516
- compressed: boolean;
11517
- focusedOptionId?: string;
11518
- fullWidth?: boolean;
11519
- hasSelectedOptions: boolean;
11520
- id?: string;
11521
- inputRef?: RefCallback<HTMLInputElement>;
11522
- isDisabled?: boolean;
11523
- isListOpen: boolean;
11524
- noIcon: boolean;
11525
- onBlur?: FocusEventHandler<HTMLInputElement>;
11526
- onChange?: (searchValue: string) => void;
11527
- onClear?: () => void;
11528
- onClick?: () => void;
11529
- onCloseListClick: () => void;
11530
- onFocus: FocusEventHandler<HTMLInputElement>;
11531
- onOpenListClick: () => void;
11532
- onRemoveOption: OptionHandler<T>;
11533
- placeholder?: string;
11534
- rootId: ReturnType<typeof htmlIdGenerator>;
11535
- searchValue: string;
11536
- selectedOptions: Array<EuiComboBoxOptionOption<T>>;
11537
- singleSelection?: boolean | EuiComboBoxSingleSelectionShape;
11538
- toggleButtonRef?: RefCallback<HTMLButtonElement | HTMLSpanElement>;
11539
- updatePosition: UpdatePositionHandler;
11540
- value?: string;
11541
- prepend?: EuiFormControlLayoutProps['prepend'];
11542
- append?: EuiFormControlLayoutProps['append'];
11543
- isLoading?: boolean;
11544
- isInvalid?: boolean;
11545
- autoFocus?: boolean;
11546
- 'aria-label'?: string;
11547
- 'aria-labelledby'?: string;
11548
- }
11549
- interface EuiComboBoxInputState {
11550
- hasFocus: boolean;
11551
- }
11552
- export class EuiComboBoxInput<T> extends Component<EuiComboBoxInputProps<T>, EuiComboBoxInputState> {
11553
- state: EuiComboBoxInputState;
11554
- updatePosition: () => void;
11555
- onFocus: FocusEventHandler<HTMLInputElement>;
11556
- onBlur: FocusEventHandler<HTMLInputElement>;
11557
- onKeyDown: KeyboardEventHandler<HTMLInputElement>;
11558
- componentDidUpdate(prevProps: EuiComboBoxInputProps<T>): void;
11559
- inputOnChange: ChangeEventHandler<HTMLInputElement>;
11560
- inputRefCallback: (ref: HTMLInputElement & AutosizeInput) => void;
11561
- render(): React.JSX.Element;
11562
- }
11563
- export {};
11564
-
11565
11818
  }
11566
11819
  declare module '@elastic/eui/src/components/combo_box/combo_box' {
11567
11820
  /**
@@ -11569,14 +11822,15 @@ declare module '@elastic/eui/src/components/combo_box/combo_box' {
11569
11822
  * from the tab order with tabindex={-1} so that we can control the keyboard navigation interface.
11570
11823
  */
11571
11824
  import React, { Component, FocusEventHandler, HTMLAttributes, KeyboardEventHandler, RefCallback } from 'react';
11825
+ import AutosizeInput from 'react-input-autosize';
11826
+ import { CommonProps } from '@elastic/eui/src/components/common';
11827
+ import { EuiFormControlLayoutProps } from '@elastic/eui/src/components/form';
11828
+ import { EuiFilterSelectItemClass } from '@elastic/eui/src/components/filter_group/filter_select_item';
11829
+ import type { EuiTextTruncateProps } from '@elastic/eui/src/components/text_truncate';
11572
11830
  import { SortMatchesBy } from '@elastic/eui/src/components/combo_box/matching_options';
11573
11831
  import { EuiComboBoxInputProps } from '@elastic/eui/src/components/combo_box/combo_box_input/combo_box_input';
11574
11832
  import { EuiComboBoxOptionsListProps } from '@elastic/eui/src/components/combo_box/combo_box_options_list/combo_box_options_list';
11575
- import { UpdatePositionHandler, OptionHandler, RefInstance, EuiComboBoxOptionOption, EuiComboBoxOptionsListPosition, EuiComboBoxSingleSelectionShape } from '@elastic/eui/src/components/combo_box/types';
11576
- import { EuiFilterSelectItemClass } from '@elastic/eui/src/components/filter_group/filter_select_item';
11577
- import AutosizeInput from 'react-input-autosize';
11578
- import { CommonProps } from '@elastic/eui/src/components/common';
11579
- import { EuiFormControlLayoutProps } from '@elastic/eui/src/components/form'; type DrillProps<T> = Pick<EuiComboBoxOptionsListProps<T>, 'customOptionText' | 'onCreateOption' | 'options' | 'renderOption' | 'selectedOptions'>;
11833
+ import { UpdatePositionHandler, OptionHandler, RefInstance, EuiComboBoxOptionOption, EuiComboBoxOptionsListPosition, EuiComboBoxSingleSelectionShape } from '@elastic/eui/src/components/combo_box/types'; type DrillProps<T> = Pick<EuiComboBoxOptionsListProps<T>, 'customOptionText' | 'onCreateOption' | 'options' | 'renderOption' | 'selectedOptions'>;
11580
11834
  export interface _EuiComboBoxProps<T> extends CommonProps, Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>, DrillProps<T> {
11581
11835
  'data-test-subj'?: string;
11582
11836
  /**
@@ -11671,6 +11925,16 @@ declare module '@elastic/eui/src/components/combo_box/combo_box' {
11671
11925
  * supplied by `aria-label` or from [EuiFormRow](/#/forms/form-layouts).
11672
11926
  */
11673
11927
  'aria-labelledby'?: string;
11928
+ /**
11929
+ * By default, EuiComboBox will truncate option labels at the end of
11930
+ * the string. You can use pass in a custom truncation configuration that
11931
+ * accepts any prop that [EuiTextTruncate](/#/utilities/text-truncate) prop
11932
+ * except for `text` and `children`.
11933
+ *
11934
+ * Note: when searching, custom truncation props are ignored. The highlighted search
11935
+ * text will always take precedence.
11936
+ */
11937
+ truncationProps?: Partial<Omit<EuiTextTruncateProps, 'text' | 'children'>>;
11674
11938
  } type DefaultProps<T> = Omit<(typeof EuiComboBox)['defaultProps'], 'options' | 'selectedOptions'> & {
11675
11939
  options: Array<EuiComboBoxOptionOption<T>>;
11676
11940
  selectedOptions: Array<EuiComboBoxOptionOption<T>>;
@@ -13665,17 +13929,35 @@ declare module '@elastic/eui/src/components/drag_and_drop/drag_drop_context' {
13665
13929
  export const EuiDragDropContext: FunctionComponent<DragDropContextProps>;
13666
13930
  export {};
13667
13931
 
13932
+ }
13933
+ declare module '@elastic/eui/src/components/drag_and_drop/droppable.styles' {
13934
+ import { UseEuiTheme } from '@elastic/eui/src/services';
13935
+ export const euiDroppableStyles: (euiThemeContext: UseEuiTheme) => {
13936
+ euiDroppable: import("@emotion/utils").SerializedStyles;
13937
+ isDragging: import("@emotion/utils").SerializedStyles;
13938
+ isDraggingOver: import("@emotion/utils").SerializedStyles;
13939
+ grow: import("@emotion/utils").SerializedStyles;
13940
+ noGrow: import("@emotion/utils").SerializedStyles;
13941
+ spacing: {
13942
+ none: null;
13943
+ s: import("@emotion/utils").SerializedStyles;
13944
+ m: import("@emotion/utils").SerializedStyles;
13945
+ l: import("@emotion/utils").SerializedStyles;
13946
+ };
13947
+ };
13948
+ export const sharedSpacingPadding: ({ euiTheme }: UseEuiTheme) => {
13949
+ none: null;
13950
+ s: import("@emotion/utils").SerializedStyles;
13951
+ m: import("@emotion/utils").SerializedStyles;
13952
+ l: import("@emotion/utils").SerializedStyles;
13953
+ };
13954
+
13668
13955
  }
13669
13956
  declare module '@elastic/eui/src/components/drag_and_drop/droppable' {
13670
13957
  import React, { CSSProperties, FunctionComponent, ReactElement } from 'react';
13671
13958
  import { DroppableProps } from '@hello-pangea/dnd';
13672
- import { CommonProps } from '@elastic/eui/src/components/common'; const spacingToClassNameMap: {
13673
- none: null;
13674
- s: string;
13675
- m: string;
13676
- l: string;
13677
- };
13678
- export type EuiDroppableSpacing = keyof typeof spacingToClassNameMap;
13959
+ import { CommonProps } from '@elastic/eui/src/components/common';
13960
+ export const SPACINGS: readonly ["none", "s", "m", "l"];
13679
13961
  export interface EuiDroppableProps extends CommonProps, Omit<DroppableProps, 'children'> {
13680
13962
  /**
13681
13963
  * ReactNode to render as this component's content
@@ -13690,7 +13972,7 @@ declare module '@elastic/eui/src/components/drag_and_drop/droppable' {
13690
13972
  /**
13691
13973
  * Adds padding to the droppable area
13692
13974
  */
13693
- spacing?: EuiDroppableSpacing;
13975
+ spacing?: (typeof SPACINGS)[number];
13694
13976
  /**
13695
13977
  * Adds an EuiPanel style to the droppable area
13696
13978
  */
@@ -13704,19 +13986,33 @@ declare module '@elastic/eui/src/components/drag_and_drop/droppable' {
13704
13986
  cloneItems: boolean;
13705
13987
  }>;
13706
13988
  export const EuiDroppable: FunctionComponent<EuiDroppableProps>;
13707
- export {};
13989
+
13990
+ }
13991
+ declare module '@elastic/eui/src/components/drag_and_drop/draggable.styles' {
13992
+ import { UseEuiTheme } from '@elastic/eui/src/services';
13993
+ export const euiDraggableStyles: (euiThemeContext: UseEuiTheme) => {
13994
+ euiDraggable: import("@emotion/utils").SerializedStyles;
13995
+ isDragging: import("@emotion/utils").SerializedStyles;
13996
+ hasClone: import("@emotion/utils").SerializedStyles;
13997
+ isRemovable: import("@emotion/utils").SerializedStyles;
13998
+ spacing: {
13999
+ none: null;
14000
+ s: import("@emotion/utils").SerializedStyles;
14001
+ m: import("@emotion/utils").SerializedStyles;
14002
+ l: import("@emotion/utils").SerializedStyles;
14003
+ };
14004
+ };
14005
+ export const euiDraggableItemStyles: {
14006
+ euiDraggable__item: import("@emotion/utils").SerializedStyles;
14007
+ disabled: import("@emotion/utils").SerializedStyles;
14008
+ };
13708
14009
 
13709
14010
  }
13710
14011
  declare module '@elastic/eui/src/components/drag_and_drop/draggable' {
13711
14012
  import { CSSProperties, FunctionComponent, ReactElement } from 'react';
13712
14013
  import { DraggableProps } from '@hello-pangea/dnd';
13713
- import { CommonProps } from '@elastic/eui/src/components/common'; const spacingToClassNameMap: {
13714
- none: null;
13715
- s: string;
13716
- m: string;
13717
- l: string;
13718
- };
13719
- export type EuiDraggableSpacing = keyof typeof spacingToClassNameMap;
14014
+ import { CommonProps } from '@elastic/eui/src/components/common';
14015
+ import { SPACINGS } from '@elastic/eui/src/components/drag_and_drop/droppable';
13720
14016
  export interface EuiDraggableProps extends CommonProps, Omit<DraggableProps, 'children'> {
13721
14017
  /**
13722
14018
  * ReactNode to render as this component's content
@@ -13739,11 +14035,10 @@ declare module '@elastic/eui/src/components/drag_and_drop/draggable' {
13739
14035
  /**
13740
14036
  * Adds padding to the draggable item
13741
14037
  */
13742
- spacing?: EuiDraggableSpacing;
14038
+ spacing?: (typeof SPACINGS)[number];
13743
14039
  style?: CSSProperties;
13744
14040
  }
13745
14041
  export const EuiDraggable: FunctionComponent<EuiDraggableProps>;
13746
- export {};
13747
14042
 
13748
14043
  }
13749
14044
  declare module '@elastic/eui/src/components/drag_and_drop/services' {
@@ -16982,13 +17277,12 @@ declare module '@elastic/eui/src/components/inline_edit/inline_edit_form.styles'
16982
17277
 
16983
17278
  }
16984
17279
  declare module '@elastic/eui/src/components/inline_edit/inline_edit_form' {
16985
- import { ReactNode, FunctionComponent, HTMLAttributes } from 'react';
16986
- import { CommonProps } from '@elastic/eui/src/components/common';
17280
+ import React, { ReactNode, FunctionComponent, HTMLAttributes } from 'react';
17281
+ import { CommonProps, ExclusiveUnion } from '@elastic/eui/src/components/common';
16987
17282
  import { EuiFormRowProps, EuiFieldTextProps } from '@elastic/eui/src/components/form';
16988
17283
  import { EuiButtonIconPropsForButton } from '@elastic/eui/src/components/button/button_icon';
16989
17284
  import { EuiButtonEmptyPropsForButton } from '@elastic/eui/src/components/button/button_empty/button_empty';
16990
17285
  export type EuiInlineEditCommonProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & CommonProps & {
16991
- defaultValue: string;
16992
17286
  placeholder?: string;
16993
17287
  /**
16994
17288
  * Callback that fires when a user clicks the save button.
@@ -17036,7 +17330,25 @@ declare module '@elastic/eui/src/components/inline_edit/inline_edit_form' {
17036
17330
  * Locks inline edit in read mode and displays the text value
17037
17331
  */
17038
17332
  isReadOnly?: boolean;
17039
- };
17333
+ } & ExclusiveUnion<{
17334
+ /**
17335
+ * Initial inline edit text value
17336
+ */
17337
+ defaultValue: string;
17338
+ }, {
17339
+ /**
17340
+ * To use inline edit as a controlled component, continuously pass the value via this prop
17341
+ */
17342
+ value: string;
17343
+ /**
17344
+ * Callback required to receive and update `value` based on user input
17345
+ */
17346
+ onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
17347
+ /**
17348
+ * Callback required to reset `value` to the previous read mode text value.
17349
+ */
17350
+ onCancel: (perviousValue: string) => void;
17351
+ }>;
17040
17352
  export type EuiInlineEditFormProps = EuiInlineEditCommonProps & {
17041
17353
  /**
17042
17354
  * Form sizes
@@ -19103,30 +19415,23 @@ declare module '@elastic/eui/src/components/tree_view' {
19103
19415
 
19104
19416
  }
19105
19417
  declare module '@elastic/eui/src/components/search_bar/search_box' {
19106
- import React, { Component } from 'react';
19418
+ import { FunctionComponent } from 'react';
19107
19419
  import { EuiFieldSearchProps } from '@elastic/eui/src/components/form';
19108
- import { EuiSearchBarProps } from '@elastic/eui/src/components/search_bar/search_bar';
19109
- export interface SchemaType {
19110
- strict?: boolean;
19111
- fields?: any;
19112
- flags?: string[];
19113
- }
19420
+ import { EuiSearchBarProps } from '@elastic/eui/src/components/search_bar/search_bar';
19114
19421
  export interface EuiSearchBoxProps extends EuiFieldSearchProps {
19115
19422
  query: string;
19116
19423
  onSearch: (queryText: string) => void;
19424
+ /**
19425
+ * @default Search...
19426
+ */
19427
+ placeholder?: string;
19117
19428
  hint?: {
19118
19429
  id: string;
19119
19430
  isVisible: boolean;
19120
19431
  setIsVisible: (isVisible: boolean) => void;
19121
19432
  } & EuiSearchBarProps['hint'];
19122
- } type DefaultProps = Pick<EuiSearchBoxProps, 'placeholder' | 'incremental'>;
19123
- export class EuiSearchBox extends Component<EuiSearchBoxProps> {
19124
- static defaultProps: DefaultProps;
19125
- private inputElement;
19126
- componentDidUpdate(oldProps: EuiSearchBoxProps): void;
19127
- render(): React.JSX.Element;
19128
19433
  }
19129
- export {};
19434
+ export const EuiSearchBox: FunctionComponent<EuiSearchBoxProps>;
19130
19435
 
19131
19436
  }
19132
19437
  declare module '@elastic/eui/src/components/search_bar/query/date_format' {
@@ -20461,7 +20766,6 @@ declare module '@elastic/eui/src/components/search_bar/search_filters' {
20461
20766
  }
20462
20767
  declare module '@elastic/eui/src/components/search_bar/search_bar' {
20463
20768
  import React, { Component, ReactElement } from 'react';
20464
- import { SchemaType } from '@elastic/eui/src/components/search_bar/search_box';
20465
20769
  import { SearchFilterConfig } from '@elastic/eui/src/components/search_bar/search_filters';
20466
20770
  import { Query } from '@elastic/eui/src/components/search_bar/query';
20467
20771
  import { CommonProps } from '@elastic/eui/src/components/common';
@@ -20479,6 +20783,11 @@ declare module '@elastic/eui/src/components/search_bar/search_bar' {
20479
20783
  queryText: string;
20480
20784
  error: Error;
20481
20785
  }
20786
+ export interface SchemaType {
20787
+ strict?: boolean;
20788
+ fields?: any;
20789
+ flags?: string[];
20790
+ }
20482
20791
  export type EuiSearchBarOnChangeArgs = ArgsWithQuery | ArgsWithError; type HintPopOverProps = Partial<Pick<EuiInputPopoverProps, 'isOpen' | 'closePopover' | 'fullWidth' | 'disableFocusTrap' | 'panelClassName' | 'panelPaddingSize' | 'panelStyle' | 'panelProps' | 'popoverScreenReaderText' | 'repositionOnScroll' | 'zIndex' | 'data-test-subj'>>;
20483
20792
  export interface EuiSearchBarProps extends CommonProps {
20484
20793
  onChange?: (args: EuiSearchBarOnChangeArgs) => void | boolean;
@@ -21935,10 +22244,8 @@ declare module '@elastic/eui/src/components/basic_table/in_memory_table' {
21935
22244
  import { EuiBasicTable, Criteria, EuiBasicTableProps, CriteriaWithPagination } from '@elastic/eui/src/components/basic_table/basic_table';
21936
22245
  import { PropertySort } from '@elastic/eui/src/services';
21937
22246
  import { Direction } from '@elastic/eui/src/services/sort';
21938
- import { Query } from '@elastic/eui/src/components/search_bar';
22247
+ import { EuiSearchBarProps, Query, SchemaType } from '@elastic/eui/src/components/search_bar/search_bar';
21939
22248
  import { CommonProps } from '@elastic/eui/src/components/common';
21940
- import { EuiSearchBarProps } from '@elastic/eui/src/components/search_bar/search_bar';
21941
- import { SchemaType } from '@elastic/eui/src/components/search_bar/search_box';
21942
22249
  import { EuiTablePaginationProps } from '@elastic/eui/src/components/table/table_pagination';
21943
22250
  import { EuiComponentDefaults } from '@elastic/eui/src/components/provider/component_defaults';
21944
22251
  interface onChangeArgument {
@@ -21962,6 +22269,18 @@ declare module '@elastic/eui/src/components/basic_table/in_memory_table' {
21962
22269
  * Configures #Search.
21963
22270
  */
21964
22271
  search?: Search;
22272
+ /**
22273
+ * By default, tables use `eql` format for search which allows using advanced filters.
22274
+ *
22275
+ * However, certain special characters (such as quotes, parentheses, and colons)
22276
+ * are reserved for EQL syntax and will error if used.
22277
+ * If your table does not require filter search and instead requires searching for certain
22278
+ * symbols, use a plain `text` search format instead (note that filters will be ignored
22279
+ * in this format).
22280
+ *
22281
+ * @default "eql"
22282
+ */
22283
+ searchFormat?: 'eql' | 'text';
21965
22284
  /**
21966
22285
  * Configures #Pagination
21967
22286
  */
@@ -22025,6 +22344,7 @@ declare module '@elastic/eui/src/components/basic_table/in_memory_table' {
22025
22344
  static defaultProps: {
22026
22345
  responsive: boolean;
22027
22346
  tableLayout: string;
22347
+ searchFormat: string;
22028
22348
  };
22029
22349
  tableRef: React.RefObject<EuiBasicTable>;
22030
22350
  static getDerivedStateFromProps<T>(nextProps: EuiInMemoryTableProps<T>, prevState: State<T>): State<T> | null;
@@ -22032,6 +22352,7 @@ declare module '@elastic/eui/src/components/basic_table/in_memory_table' {
22032
22352
  setSelection(newSelection: T[]): void;
22033
22353
  onTableChange: ({ page, sort }: Criteria<T>) => void;
22034
22354
  onQueryChange: ({ query, queryText, error }: onChangeArgument) => void;
22355
+ onPlainTextSearch: (searchValue: string) => void;
22035
22356
  renderSearchBar(): React.JSX.Element | undefined;
22036
22357
  resolveSearchSchema(): SchemaType;
22037
22358
  getItemSorter(): (a: T, b: T) => number;
@@ -22102,190 +22423,6 @@ declare module '@elastic/eui/src/components/text_diff' {
22102
22423
  export type { EuiTextDiffProps } from '@elastic/eui/src/components/text_diff/text_diff';
22103
22424
  export { useEuiTextDiff } from '@elastic/eui/src/components/text_diff/text_diff';
22104
22425
 
22105
- }
22106
- declare module '@elastic/eui/src/components/text_truncate/utils' {
22107
- import type { ExclusiveUnion } from '@elastic/eui/src/components/common';
22108
- interface SharedParams {
22109
- fullText: string;
22110
- ellipsis: string;
22111
- availableWidth: number;
22112
- }
22113
- interface DOMParams extends SharedParams {
22114
- container: HTMLElement;
22115
- } type CanvasParams = SharedParams & ExclusiveUnion<{
22116
- container: HTMLElement;
22117
- }, {
22118
- font: CanvasTextDrawingStyles['font'];
22119
- }>; abstract class _TruncationUtils {
22120
- protected fullText: SharedParams['fullText'];
22121
- protected ellipsis: SharedParams['ellipsis'];
22122
- protected availableWidth: SharedParams['availableWidth'];
22123
- constructor({ fullText, ellipsis, availableWidth }: SharedParams);
22124
- /**
22125
- * Internal measurement utils which will be overridden depending on the
22126
- * rendering approach used (e.g. DOM vs Canvas).
22127
- */
22128
- abstract textWidth: number;
22129
- abstract setTextToCheck: (text: string) => void;
22130
- /**
22131
- * Early return checks
22132
- */
22133
- checkIfTruncationIsNeeded: () => false | undefined;
22134
- checkSufficientEllipsisWidth: (truncation: string) => false | undefined;
22135
- checkTruncationOffsetWidth: (text: string) => false | undefined;
22136
- /**
22137
- * Truncation types logic. This is where the magic happens
22138
- */
22139
- truncateStart: (truncationOffset?: number | undefined) => string;
22140
- truncateEnd: (truncationOffset?: number | undefined) => string;
22141
- truncateStartEndAtPosition: (truncationPosition: number) => string;
22142
- truncateStartEndAtMiddle: () => string;
22143
- truncateMiddle: () => string;
22144
- }
22145
- /**
22146
- * Creates a temporary vanilla JS DOM element for manipulating text and
22147
- * determining text width.
22148
- *
22149
- * Requires passing in a container element to which the temporary element
22150
- * will be appended. Any CSS/font styles that need to be accounted for should
22151
- * be automatically inherited from the container.
22152
- *
22153
- * NOTE: The consumer is responsible for calling the `cleanup()` method manually
22154
- * to remove the temporary DOM node once their usage of this utility is complete.
22155
- */
22156
- export class TruncationUtilsWithDOM extends _TruncationUtils {
22157
- container: DOMParams['container'];
22158
- span: HTMLSpanElement;
22159
- constructor({ container, ...rest }: DOMParams);
22160
- get textWidth(): number;
22161
- setTextToCheck: (text: string) => void;
22162
- cleanup: () => void;
22163
- }
22164
- /**
22165
- * Creates a temporary Canvas element for manipulating text & determining
22166
- * text width. This method is compatible with charts or other canvas-rendered
22167
- * frameworks, and requires no cleanup method.
22168
- *
22169
- * To accurately measure text, canvas rendering requires either a container to
22170
- * compute/derive font styles from, or a static font string (useful for usage
22171
- * outside the DOM). Particular care should be applied when fallback fonts are
22172
- * used, as more fallback fonts can lead to less precision.
22173
- *
22174
- * Please note that while canvas is more performant than DOM measurement, there
22175
- * are subpixel to single digit pixel differences between DOM and canvas
22176
- * measurement due to the different rendering engines used.
22177
- */
22178
- export class TruncationUtilsWithCanvas extends _TruncationUtils {
22179
- context: CanvasRenderingContext2D;
22180
- currentText: string;
22181
- constructor({ font, container, ...rest }: CanvasParams);
22182
- computeFontFromElement: (element: HTMLElement) => string;
22183
- get textWidth(): number;
22184
- setTextToCheck: (text: string) => void;
22185
- }
22186
- export {};
22187
-
22188
- }
22189
- declare module '@elastic/eui/src/components/text_truncate/text_truncate.styles' {
22190
- export const euiTextTruncateStyles: {
22191
- euiTextTruncate: import("@emotion/utils").SerializedStyles;
22192
- /**
22193
- * The below CSS is a hack to get double clicking and selecting the *full* text
22194
- * instead of the truncated text (useful for copying/pasting, and mimics how
22195
- * `text-overflow: ellipsis` works).
22196
- *
22197
- * Real talk: I'm lowkey amazed it works and it wouldn't surprise me if we ran into
22198
- * cross-browser issues with this at some point. Hopefully CSS natively implements
22199
- * custom text truncation some day (https://github.com/w3c/csswg-drafts/issues/3937)
22200
- * and there'll be no need for the entire component at that point 🙏
22201
- */
22202
- truncatedText: import("@emotion/utils").SerializedStyles;
22203
- fullText: import("@emotion/utils").SerializedStyles;
22204
- };
22205
-
22206
- }
22207
- declare module '@elastic/eui/src/components/text_truncate/text_truncate' {
22208
- import { HTMLAttributes, FunctionComponent, ReactNode } from 'react';
22209
- import type { CommonProps } from '@elastic/eui/src/components/common'; const TRUNCATION_TYPES: readonly ["end", "start", "startEnd", "middle"];
22210
- export type EuiTextTruncationTypes = (typeof TRUNCATION_TYPES)[number];
22211
- export type EuiTextTruncateProps = Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'onResize'> & CommonProps & {
22212
- /**
22213
- * The full text string to truncate
22214
- */
22215
- text: string;
22216
- /**
22217
- * The truncation type desired. Determines where the ellipses are placed.
22218
- */
22219
- truncation?: EuiTextTruncationTypes;
22220
- /**
22221
- * This prop **only** applies to the `start` and `end` truncation types.
22222
- * It allows preserving a certain number of characters of either the
22223
- * starting or ending text.
22224
- *
22225
- * If the passed offset is greater than the total text length,
22226
- * the offset will be ignored.
22227
- */
22228
- truncationOffset?: number;
22229
- /**
22230
- * This prop **only** applies to the `startEnd` truncation type.
22231
- * It allows customizing the anchor position of the displayed text,
22232
- * which otherwise defaults to the middle of the text string.
22233
- *
22234
- * The primary use case for this prop for is search highlighting - e.g., if
22235
- * a user searches for a specific word in the text, pass the index of that
22236
- * found word to ensure it is always visible.
22237
- *
22238
- * This behavior will intelligently detect when positions are close to the start
22239
- * or end of the text, and omit leading or trailing ellipses when necessary.
22240
- * If the passed position is greater than the total text length,
22241
- * the truncation will simply default to `start` instead.
22242
- */
22243
- truncationPosition?: number;
22244
- /**
22245
- * Defaults to the horizontal ellipsis character.
22246
- * Can be optionally configured to use other punctuation,
22247
- * e.g. spaces, brackets, hyphens, asterisks, etc.
22248
- */
22249
- ellipsis?: string;
22250
- /**
22251
- * By default, EuiTextTruncate will render a resize observer to detect the
22252
- * available width it has. For performance reasons (e.g. multiple truncated
22253
- * text items within the same container), you may opt to pass in your own
22254
- * container width, which will skip initializing a resize observer.
22255
- */
22256
- width?: number;
22257
- /**
22258
- * Optional callback that fires when the default resizer observer both mounts and
22259
- * registers a size change. This callback will **not** fire if `width` is passed.
22260
- */
22261
- onResize?: (width: number) => void;
22262
- /**
22263
- * By default, EuiTextTruncate will calculate its truncation via DOM manipulation
22264
- * and measurement, which has the benefit of automatically inheriting font styles.
22265
- * However, if this approach proves to have a significant performance impact for your
22266
- * usage, consider using the `canvas` API instead, which is more performant.
22267
- *
22268
- * Please note that there are minute pixel to subpixel differences between the
22269
- * two options due to different rendering engines.
22270
- */
22271
- measurementRenderAPI?: 'dom' | 'canvas';
22272
- /**
22273
- * By default, EuiTextTruncate will render the truncated string directly.
22274
- * You can optionally pass a render prop function to the component, which
22275
- * allows for more flexible text rendering, e.g. adding custom markup
22276
- * or highlighting
22277
- */
22278
- children?: (truncatedString: string) => ReactNode;
22279
- };
22280
- export const EuiTextTruncate: FunctionComponent<EuiTextTruncateProps>;
22281
- export {};
22282
-
22283
- }
22284
- declare module '@elastic/eui/src/components/text_truncate' {
22285
- export type { EuiTextTruncateProps, EuiTextTruncationTypes, } from '@elastic/eui/src/components/text_truncate/text_truncate';
22286
- export { EuiTextTruncate } from '@elastic/eui/src/components/text_truncate/text_truncate';
22287
- export { TruncationUtilsWithDOM, TruncationUtilsWithCanvas } from '@elastic/eui/src/components/text_truncate/utils';
22288
-
22289
22426
  }
22290
22427
  declare module '@elastic/eui/src/components/toast/toast.styles' {
22291
22428
  import { UseEuiTheme } from '@elastic/eui/src/services';
@@ -22351,6 +22488,7 @@ declare module '@elastic/eui/src/components/toast/global_toast_list.styles' {
22351
22488
  euiGlobalToastList: import("@emotion/utils").SerializedStyles;
22352
22489
  right: import("@emotion/utils").SerializedStyles;
22353
22490
  left: import("@emotion/utils").SerializedStyles;
22491
+ euiGlobalToastListDismissButton: import("@emotion/utils").SerializedStyles;
22354
22492
  };
22355
22493
  export const euiGlobalToastListItemStyles: ({ euiTheme }: UseEuiTheme) => {
22356
22494
  euiGlobalToastListItem: import("@emotion/utils").SerializedStyles;
@@ -22377,6 +22515,7 @@ declare module '@elastic/eui/src/components/toast/global_toast_list' {
22377
22515
  import { EuiToastProps } from '@elastic/eui/src/components/toast/toast'; type ToastSide = 'right' | 'left';
22378
22516
  export const SIDES: ToastSide[];
22379
22517
  export const TOAST_FADE_OUT_MS = 250;
22518
+ export const CLEAR_ALL_TOASTS_THRESHOLD_DEFAULT = 3;
22380
22519
  export interface Toast extends EuiToastProps {
22381
22520
  id: string;
22382
22521
  text?: ReactChild;
@@ -22390,6 +22529,17 @@ declare module '@elastic/eui/src/components/toast/global_toast_list' {
22390
22529
  * Determines which side of the browser window the toasts should appear
22391
22530
  */
22392
22531
  side?: ToastSide;
22532
+ /**
22533
+ * At this threshold, a "Clear all" button will display at the bottom of the toast list
22534
+ * that allows users to dismiss all toasts in a single click.
22535
+ *
22536
+ * Defaults to `3`. Set to `0` to disable the button entirely.
22537
+ */
22538
+ showClearAllButtonAt?: number;
22539
+ /**
22540
+ * Optional callback that fires when a user clicks the "Clear all" button.
22541
+ */
22542
+ onClearAllToasts?: () => void;
22393
22543
  }
22394
22544
  export const EuiGlobalToastList: FunctionComponent<EuiGlobalToastListProps>;
22395
22545
  export {};
@@ -24976,6 +25126,17 @@ declare module '@elastic/eui/src/components/icon/assets/grab' {
24976
25126
  export const icon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => React.JSX.Element;
24977
25127
  export {};
24978
25128
 
25129
+ }
25130
+ declare module '@elastic/eui/src/components/icon/assets/grabOmnidirectional' {
25131
+ import * as React from 'react';
25132
+ import type { SVGProps } from 'react';
25133
+ interface SVGRProps {
25134
+ title?: string;
25135
+ titleId?: string;
25136
+ }
25137
+ export const icon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => React.JSX.Element;
25138
+ export {};
25139
+
24979
25140
  }
24980
25141
  declare module '@elastic/eui/src/components/icon/assets/grab_horizontal' {
24981
25142
  import * as React from 'react';
@@ -27890,6 +28051,50 @@ declare module '@elastic/eui/src/components/icon/assets/training' {
27890
28051
  export const icon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => React.JSX.Element;
27891
28052
  export {};
27892
28053
 
28054
+ }
28055
+ declare module '@elastic/eui/src/components/icon/assets/transitionLeftIn' {
28056
+ import * as React from 'react';
28057
+ import type { SVGProps } from 'react';
28058
+ interface SVGRProps {
28059
+ title?: string;
28060
+ titleId?: string;
28061
+ }
28062
+ export const icon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => React.JSX.Element;
28063
+ export {};
28064
+
28065
+ }
28066
+ declare module '@elastic/eui/src/components/icon/assets/transitionLeftOut' {
28067
+ import * as React from 'react';
28068
+ import type { SVGProps } from 'react';
28069
+ interface SVGRProps {
28070
+ title?: string;
28071
+ titleId?: string;
28072
+ }
28073
+ export const icon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => React.JSX.Element;
28074
+ export {};
28075
+
28076
+ }
28077
+ declare module '@elastic/eui/src/components/icon/assets/transitionTopIn' {
28078
+ import * as React from 'react';
28079
+ import type { SVGProps } from 'react';
28080
+ interface SVGRProps {
28081
+ title?: string;
28082
+ titleId?: string;
28083
+ }
28084
+ export const icon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => React.JSX.Element;
28085
+ export {};
28086
+
28087
+ }
28088
+ declare module '@elastic/eui/src/components/icon/assets/transitionTopOut' {
28089
+ import * as React from 'react';
28090
+ import type { SVGProps } from 'react';
28091
+ interface SVGRProps {
28092
+ title?: string;
28093
+ titleId?: string;
28094
+ }
28095
+ export const icon: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => React.JSX.Element;
28096
+ export {};
28097
+
27893
28098
  }
27894
28099
  declare module '@elastic/eui/src/components/icon/assets/trash' {
27895
28100
  import * as React from 'react';
@@ -28292,7 +28497,7 @@ declare module '@elastic/eui/src/global_styling/variables/_colors_vis' {
28292
28497
 
28293
28498
  declare module '@elastic/eui' {
28294
28499
  export type EuiTokensObject = {
28295
- "euiAccordion.isLoading": any;
28500
+ "euiAccordionChildrenLoading.message": any;
28296
28501
  "euiBasicTable.noItemsMessage": any;
28297
28502
  "euiBasicTable.tableCaptionWithPagination": any;
28298
28503
  "euiBasicTable.tableAutoCaptionWithPagination": any;
@@ -28627,6 +28832,9 @@ declare module '@elastic/eui' {
28627
28832
  "euiResizableButton.horizontalResizerAriaLabel": any;
28628
28833
  "euiResizableButton.verticalResizerAriaLabel": any;
28629
28834
  "euiResizablePanel.toggleButtonAriaLabel": any;
28835
+ "euiSearchBox.placeholder": any;
28836
+ "euiSearchBox.incrementalAriaLabel": any;
28837
+ "euiSearchBox.ariaLabel": any;
28630
28838
  "euiSelectableListItem.checkedOption": any;
28631
28839
  "euiSelectableListItem.checkOptionInstructions": any;
28632
28840
  "euiSelectableListItem.uncheckOptionInstructions": any;
@@ -28677,6 +28885,8 @@ declare module '@elastic/eui' {
28677
28885
  "euiTablePagination.rowsPerPage": any;
28678
28886
  "euiTablePagination.rowsPerPageOptionShowAllRows": any;
28679
28887
  "euiTablePagination.rowsPerPageOption": any;
28888
+ "euiGlobalToastList.clearAllToastsButtonAriaLabel": any;
28889
+ "euiGlobalToastList.clearAllToastsButtonDisplayText": any;
28680
28890
  "euiToast.dismissToast": any;
28681
28891
  "euiToast.newNotification": any;
28682
28892
  "euiToast.notification": any;