@elastic/eui 61.0.0 → 62.0.2

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 (537) hide show
  1. package/dist/eui_charts_theme.js +330 -330
  2. package/dist/eui_charts_theme.js.map +1 -1
  3. package/dist/eui_theme_dark.css +11 -487
  4. package/dist/eui_theme_dark.json +1 -2
  5. package/dist/eui_theme_dark.json.d.ts +1 -2
  6. package/dist/eui_theme_dark.min.css +1 -1
  7. package/dist/eui_theme_light.css +11 -487
  8. package/dist/eui_theme_light.json +1 -2
  9. package/dist/eui_theme_light.json.d.ts +1 -2
  10. package/dist/eui_theme_light.min.css +1 -1
  11. package/es/components/accessibility/skip_link/skip_link.js +1 -1
  12. package/es/components/avatar/avatar.js +1 -2
  13. package/es/components/badge/badge.js +1 -1
  14. package/es/components/badge/beta_badge/beta_badge.js +1 -1
  15. package/es/components/basic_table/basic_table.js +1 -1
  16. package/es/components/basic_table/collapsed_item_actions.js +1 -1
  17. package/es/components/basic_table/in_memory_table.js +1 -1
  18. package/es/components/button/_button_content_deprecated.js +1 -1
  19. package/es/components/button/button.js +2 -2
  20. package/es/components/button/button_display/_button_display.js +1 -1
  21. package/es/components/button/button_display/_button_display_content.js +1 -1
  22. package/es/components/button/button_empty/button_empty.js +1 -1
  23. package/es/components/button/button_group/button_group.js +1 -1
  24. package/es/components/button/button_group/button_group_button.js +1 -1
  25. package/es/components/button/button_icon/button_icon.js +1 -1
  26. package/es/components/call_out/call_out.js +1 -1
  27. package/es/components/card/card.js +1 -1
  28. package/es/components/card/card_select.js +1 -1
  29. package/es/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +1 -1
  30. package/es/components/color_picker/color_picker.js +1 -1
  31. package/es/components/combo_box/combo_box_options_list/combo_box_options_list.js +7 -4
  32. package/es/components/comment_list/comment.js +17 -8
  33. package/es/components/comment_list/comment_event.js +24 -30
  34. package/es/components/comment_list/comment_event.styles.js +15 -16
  35. package/es/components/comment_list/comment_list.js +12 -4
  36. package/es/components/comment_list/comment_timeline.js +20 -14
  37. package/es/components/context_menu/context_menu_panel.js +1 -1
  38. package/es/components/datagrid/body/data_grid_body.js +13 -13
  39. package/es/components/datagrid/body/data_grid_cell.js +24 -24
  40. package/es/components/datagrid/body/header/data_grid_header_cell.js +164 -68
  41. package/es/components/datagrid/body/header/data_grid_header_row.js +13 -13
  42. package/es/components/datagrid/controls/column_sorting_draggable.js +1 -1
  43. package/es/components/datagrid/data_grid.js +13 -13
  44. package/es/components/datagrid/utils/in_memory.js +12 -12
  45. package/es/components/date_picker/date_picker.js +2 -2
  46. package/es/components/date_picker/date_picker_range.js +1 -1
  47. package/es/components/empty_prompt/empty_prompt.js +1 -1
  48. package/es/components/error_boundary/error_boundary.js +18 -11
  49. package/es/components/error_boundary/error_boundary.styles.js +18 -0
  50. package/es/components/filter_group/filter_button.js +3 -1
  51. package/es/components/focus_trap/focus_trap.js +1 -0
  52. package/es/components/form/field_number/field_number.js +1 -1
  53. package/es/components/form/field_text/field_text.js +2 -2
  54. package/es/components/form/form.styles.js +11 -0
  55. package/es/components/form/form_control_layout/form_control_layout.js +2 -2
  56. package/es/components/form/form_control_layout/form_control_layout_custom_icon.js +1 -1
  57. package/es/components/form/form_control_layout/form_control_layout_icons.js +2 -2
  58. package/es/components/header/header_links/header_link.js +1 -1
  59. package/es/components/header/header_links/header_links.js +10 -8
  60. package/es/components/header/header_logo.js +1 -1
  61. package/es/components/icon/assets/tokenMetricCounter.js +38 -0
  62. package/es/components/icon/assets/tokenMetricGauge.js +38 -0
  63. package/es/components/icon/icon.js +1 -1
  64. package/es/components/icon/icon_map.js +38 -36
  65. package/es/components/image/image.js +71 -166
  66. package/es/components/image/image.styles.js +28 -0
  67. package/es/components/image/image_button.js +68 -0
  68. package/es/components/image/image_button.styles.js +41 -0
  69. package/es/components/image/image_caption.js +28 -0
  70. package/es/components/image/image_caption.styles.js +18 -0
  71. package/es/components/image/image_fullscreen_wrapper.js +100 -0
  72. package/es/components/image/image_fullscreen_wrapper.styles.js +26 -0
  73. package/es/components/image/image_types.js +10 -0
  74. package/es/components/image/image_wrapper.js +78 -0
  75. package/es/components/image/image_wrapper.styles.js +41 -0
  76. package/es/components/key_pad_menu/key_pad_menu_item.js +1 -1
  77. package/es/components/list_group/list_group.js +2 -2
  78. package/es/components/list_group/list_group_item.js +2 -2
  79. package/es/components/list_group/pinnable_list_group/pinnable_list_group.js +4 -4
  80. package/es/components/loading/loading_logo.js +1 -1
  81. package/es/components/markdown_editor/markdown_editor.js +1 -1
  82. package/es/components/markdown_editor/markdown_editor_drop_zone.js +1 -1
  83. package/es/components/markdown_editor/markdown_editor_footer.js +1 -1
  84. package/es/components/markdown_editor/markdown_editor_toolbar.js +1 -1
  85. package/es/components/notification/notification_event.js +2 -2
  86. package/es/components/notification/notification_event_meta.js +1 -1
  87. package/es/components/page/page_header/page_header.js +1 -1
  88. package/es/components/page/page_header/page_header_content.js +1 -1
  89. package/es/components/page/page_template.js +1 -1
  90. package/es/components/pagination/pagination_button.js +1 -1
  91. package/es/components/popover/input_popover.js +8 -4
  92. package/es/components/popover/popover.js +58 -148
  93. package/es/components/popover/popover.styles.js +15 -0
  94. package/es/components/popover/popover_arrow/_popover_arrow.js +40 -0
  95. package/es/components/popover/popover_arrow/_popover_arrow.styles.js +25 -0
  96. package/es/components/popover/popover_arrow/index.js +8 -0
  97. package/es/components/popover/popover_footer.js +15 -12
  98. package/es/components/popover/popover_footer.styles.js +19 -0
  99. package/es/components/popover/popover_panel/_popover_panel.js +114 -0
  100. package/es/components/popover/popover_panel/_popover_panel.styles.js +42 -0
  101. package/es/components/popover/popover_panel/index.js +8 -0
  102. package/es/components/popover/popover_title.js +15 -12
  103. package/es/components/popover/popover_title.styles.js +20 -0
  104. package/es/components/popover/wrapping_popover.js +45 -88
  105. package/es/components/portal/portal.js +38 -79
  106. package/es/components/selectable/selectable.js +8 -9
  107. package/es/components/selectable/selectable_list/selectable_list.js +1 -1
  108. package/es/components/selectable/selectable_list/selectable_list_item.js +1 -1
  109. package/es/components/selectable/selectable_search/selectable_search.js +1 -6
  110. package/es/components/selectable/selectable_templates/selectable_template_sitewide.js +2 -2
  111. package/es/components/suggest/suggest.js +1 -5
  112. package/es/components/suggest/suggest_item.js +1 -1
  113. package/es/components/table/table_header_button.js +1 -1
  114. package/es/components/text/text.styles.js +1 -1
  115. package/es/components/text_diff/text_diff.js +5 -0
  116. package/es/components/text_diff/text_diff.styles.js +15 -0
  117. package/es/components/timeline/timeline_item_icon.js +1 -1
  118. package/es/components/toast/global_toast_list.js +1 -1
  119. package/es/components/toast/toast.js +1 -1
  120. package/es/components/token/token.js +1 -1
  121. package/es/components/token/token_map.js +115 -107
  122. package/es/components/tool_tip/icon_tip.js +1 -1
  123. package/es/components/tour/tour.js +6 -6
  124. package/es/components/tour/tour_step.js +6 -6
  125. package/es/global_styling/functions/logicals.js +22 -0
  126. package/es/global_styling/mixins/_responsive.js +46 -0
  127. package/es/global_styling/mixins/index.js +2 -1
  128. package/es/test/rtl/component_helpers.d.ts +7 -0
  129. package/es/test/rtl/component_helpers.js +72 -0
  130. package/es/test/rtl/custom_render.d.ts +74 -0
  131. package/es/test/rtl/custom_render.js +52 -0
  132. package/es/test/rtl/data_test_subj_queries.d.ts +5 -0
  133. package/es/test/rtl/data_test_subj_queries.js +46 -0
  134. package/es/test/rtl/index.d.ts +3 -0
  135. package/es/test/rtl/index.js +10 -0
  136. package/es/themes/amsterdam/global_styling/functions/shadows.js +1 -1
  137. package/es/themes/amsterdam/global_styling/mixins/shadow.js +13 -2
  138. package/eui.d.ts +501 -125
  139. package/i18ntokens.json +134 -38
  140. package/lib/components/accessibility/skip_link/skip_link.js +1 -1
  141. package/lib/components/avatar/avatar.js +1 -2
  142. package/lib/components/badge/badge.js +1 -1
  143. package/lib/components/badge/beta_badge/beta_badge.js +1 -1
  144. package/lib/components/basic_table/basic_table.js +1 -1
  145. package/lib/components/basic_table/collapsed_item_actions.js +1 -1
  146. package/lib/components/basic_table/in_memory_table.js +1 -1
  147. package/lib/components/button/_button_content_deprecated.js +1 -1
  148. package/lib/components/button/button.js +2 -2
  149. package/lib/components/button/button_display/_button_display.js +1 -1
  150. package/lib/components/button/button_display/_button_display_content.js +1 -1
  151. package/lib/components/button/button_empty/button_empty.js +1 -1
  152. package/lib/components/button/button_group/button_group.js +1 -1
  153. package/lib/components/button/button_group/button_group_button.js +1 -1
  154. package/lib/components/button/button_icon/button_icon.js +1 -1
  155. package/lib/components/call_out/call_out.js +1 -1
  156. package/lib/components/card/card.js +1 -1
  157. package/lib/components/card/card_select.js +1 -1
  158. package/lib/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +1 -1
  159. package/lib/components/color_picker/color_picker.js +1 -1
  160. package/lib/components/combo_box/combo_box_options_list/combo_box_options_list.js +8 -5
  161. package/lib/components/comment_list/comment.js +17 -8
  162. package/lib/components/comment_list/comment_event.js +31 -28
  163. package/lib/components/comment_list/comment_event.styles.js +15 -16
  164. package/lib/components/comment_list/comment_list.js +12 -4
  165. package/lib/components/comment_list/comment_timeline.js +27 -14
  166. package/lib/components/context_menu/context_menu_panel.js +1 -1
  167. package/lib/components/datagrid/body/data_grid_body.js +13 -13
  168. package/lib/components/datagrid/body/data_grid_cell.js +24 -24
  169. package/lib/components/datagrid/body/header/data_grid_header_cell.js +166 -67
  170. package/lib/components/datagrid/body/header/data_grid_header_row.js +13 -13
  171. package/lib/components/datagrid/controls/column_sorting_draggable.js +1 -1
  172. package/lib/components/datagrid/data_grid.js +13 -13
  173. package/lib/components/datagrid/utils/in_memory.js +12 -12
  174. package/lib/components/date_picker/date_picker.js +2 -2
  175. package/lib/components/date_picker/date_picker_range.js +1 -1
  176. package/lib/components/empty_prompt/empty_prompt.js +1 -1
  177. package/lib/components/error_boundary/error_boundary.js +23 -13
  178. package/lib/components/error_boundary/error_boundary.styles.js +30 -0
  179. package/lib/components/filter_group/filter_button.js +3 -1
  180. package/lib/components/focus_trap/focus_trap.js +1 -0
  181. package/lib/components/form/field_number/field_number.js +1 -1
  182. package/lib/components/form/field_text/field_text.js +2 -2
  183. package/lib/components/form/form.styles.js +20 -0
  184. package/lib/components/form/form_control_layout/form_control_layout.js +2 -2
  185. package/lib/components/form/form_control_layout/form_control_layout_custom_icon.js +1 -1
  186. package/lib/components/form/form_control_layout/form_control_layout_icons.js +2 -2
  187. package/lib/components/header/header_links/header_link.js +1 -1
  188. package/lib/components/header/header_links/header_links.js +10 -8
  189. package/lib/components/header/header_logo.js +1 -1
  190. package/lib/components/icon/assets/tokenMetricCounter.js +45 -0
  191. package/lib/components/icon/assets/tokenMetricGauge.js +45 -0
  192. package/lib/components/icon/icon.js +1 -1
  193. package/lib/components/icon/icon_map.js +38 -36
  194. package/lib/components/icon/svgs/tokens/tokenMetricCounter.svg +3 -0
  195. package/lib/components/icon/svgs/tokens/tokenMetricGauge.svg +3 -0
  196. package/lib/components/image/image.js +73 -168
  197. package/lib/components/image/image.styles.js +40 -0
  198. package/lib/components/image/image_button.js +81 -0
  199. package/lib/components/image/image_button.styles.js +48 -0
  200. package/lib/components/image/image_caption.js +49 -0
  201. package/lib/components/image/image_caption.styles.js +30 -0
  202. package/lib/components/image/image_fullscreen_wrapper.js +117 -0
  203. package/lib/components/image/image_fullscreen_wrapper.styles.js +30 -0
  204. package/lib/components/image/image_types.js +18 -0
  205. package/lib/components/image/image_wrapper.js +91 -0
  206. package/lib/components/image/image_wrapper.styles.js +44 -0
  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 +2 -2
  210. package/lib/components/list_group/pinnable_list_group/pinnable_list_group.js +4 -4
  211. package/lib/components/loading/loading_logo.js +1 -1
  212. package/lib/components/markdown_editor/markdown_editor.js +1 -1
  213. package/lib/components/markdown_editor/markdown_editor_drop_zone.js +1 -1
  214. package/lib/components/markdown_editor/markdown_editor_footer.js +1 -1
  215. package/lib/components/markdown_editor/markdown_editor_toolbar.js +1 -1
  216. package/lib/components/notification/notification_event.js +2 -2
  217. package/lib/components/notification/notification_event_meta.js +1 -1
  218. package/lib/components/page/page_header/page_header.js +1 -1
  219. package/lib/components/page/page_header/page_header_content.js +1 -1
  220. package/lib/components/page/page_template.js +1 -1
  221. package/lib/components/popover/input_popover.js +8 -3
  222. package/lib/components/popover/popover.js +74 -165
  223. package/lib/components/popover/popover.styles.js +26 -0
  224. package/lib/components/popover/popover_arrow/_popover_arrow.js +51 -0
  225. package/lib/components/popover/popover_arrow/_popover_arrow.styles.js +38 -0
  226. package/lib/components/popover/popover_arrow/index.js +13 -0
  227. package/lib/components/popover/popover_footer.js +25 -15
  228. package/lib/components/popover/popover_footer.styles.js +30 -0
  229. package/lib/components/popover/popover_panel/_popover_panel.js +132 -0
  230. package/lib/components/popover/popover_panel/_popover_panel.styles.js +54 -0
  231. package/lib/components/popover/popover_panel/index.js +13 -0
  232. package/lib/components/popover/popover_title.js +25 -15
  233. package/lib/components/popover/popover_title.styles.js +32 -0
  234. package/lib/components/popover/wrapping_popover.js +44 -85
  235. package/lib/components/portal/portal.js +39 -82
  236. package/lib/components/selectable/selectable.js +8 -9
  237. package/lib/components/selectable/selectable_list/selectable_list.js +1 -1
  238. package/lib/components/selectable/selectable_list/selectable_list_item.js +1 -1
  239. package/lib/components/selectable/selectable_search/selectable_search.js +0 -5
  240. package/lib/components/selectable/selectable_templates/selectable_template_sitewide.js +2 -2
  241. package/lib/components/suggest/suggest.js +1 -5
  242. package/lib/components/suggest/suggest_item.js +1 -1
  243. package/lib/components/table/table_header_button.js +1 -1
  244. package/lib/components/text/text.styles.js +1 -1
  245. package/lib/components/text_diff/text_diff.js +7 -0
  246. package/lib/components/text_diff/text_diff.styles.js +25 -0
  247. package/lib/components/timeline/timeline_item_icon.js +1 -1
  248. package/lib/components/toast/global_toast_list.js +1 -1
  249. package/lib/components/toast/toast.js +1 -1
  250. package/lib/components/token/token.js +1 -1
  251. package/lib/components/token/token_map.js +115 -107
  252. package/lib/components/tool_tip/icon_tip.js +1 -1
  253. package/lib/global_styling/functions/logicals.js +30 -2
  254. package/lib/global_styling/mixins/_responsive.js +60 -0
  255. package/lib/global_styling/mixins/index.js +13 -0
  256. package/lib/test/rtl/component_helpers.d.ts +7 -0
  257. package/lib/test/rtl/component_helpers.js +77 -0
  258. package/lib/test/rtl/custom_render.d.ts +74 -0
  259. package/lib/test/rtl/custom_render.js +60 -0
  260. package/lib/test/rtl/data_test_subj_queries.d.ts +5 -0
  261. package/lib/test/rtl/data_test_subj_queries.js +52 -0
  262. package/lib/test/rtl/index.d.ts +3 -0
  263. package/lib/test/rtl/index.js +81 -0
  264. package/lib/themes/amsterdam/global_styling/functions/shadows.js +1 -1
  265. package/lib/themes/amsterdam/global_styling/mixins/shadow.js +13 -2
  266. package/optimize/es/components/avatar/avatar.js +0 -1
  267. package/optimize/es/components/color_picker/color_picker.js +1 -1
  268. package/optimize/es/components/combo_box/combo_box_options_list/combo_box_options_list.js +7 -4
  269. package/optimize/es/components/comment_list/comment.js +5 -4
  270. package/optimize/es/components/comment_list/comment_event.js +22 -28
  271. package/optimize/es/components/comment_list/comment_event.styles.js +15 -16
  272. package/optimize/es/components/comment_list/comment_timeline.js +10 -11
  273. package/optimize/es/components/context_menu/context_menu_panel.js +1 -1
  274. package/optimize/es/components/datagrid/body/header/data_grid_header_cell.js +150 -54
  275. package/optimize/es/components/error_boundary/error_boundary.js +17 -10
  276. package/optimize/es/components/error_boundary/error_boundary.styles.js +18 -0
  277. package/optimize/es/components/filter_group/filter_button.js +3 -1
  278. package/optimize/es/components/focus_trap/focus_trap.js +1 -0
  279. package/optimize/es/components/form/form.styles.js +11 -0
  280. package/optimize/es/components/icon/assets/tokenMetricCounter.js +34 -0
  281. package/optimize/es/components/icon/assets/tokenMetricGauge.js +34 -0
  282. package/optimize/es/components/icon/icon_map.js +38 -36
  283. package/optimize/es/components/image/image.js +50 -154
  284. package/optimize/es/components/image/image.styles.js +28 -0
  285. package/optimize/es/components/image/image_button.js +56 -0
  286. package/optimize/es/components/image/image_button.styles.js +41 -0
  287. package/optimize/es/components/image/image_caption.js +24 -0
  288. package/optimize/es/components/image/image_caption.styles.js +18 -0
  289. package/optimize/es/components/image/image_fullscreen_wrapper.js +84 -0
  290. package/optimize/es/components/image/image_fullscreen_wrapper.styles.js +26 -0
  291. package/optimize/es/components/image/image_types.js +10 -0
  292. package/optimize/es/components/image/image_wrapper.js +62 -0
  293. package/optimize/es/components/image/image_wrapper.styles.js +41 -0
  294. package/optimize/es/components/popover/input_popover.js +8 -4
  295. package/optimize/es/components/popover/popover.js +41 -131
  296. package/optimize/es/components/popover/popover.styles.js +15 -0
  297. package/optimize/es/components/popover/popover_arrow/_popover_arrow.js +29 -0
  298. package/optimize/es/components/popover/popover_arrow/_popover_arrow.styles.js +25 -0
  299. package/optimize/es/components/popover/popover_arrow/index.js +8 -0
  300. package/optimize/es/components/popover/popover_footer.js +15 -12
  301. package/optimize/es/components/popover/popover_footer.styles.js +19 -0
  302. package/optimize/es/components/popover/popover_panel/_popover_panel.js +55 -0
  303. package/optimize/es/components/popover/popover_panel/_popover_panel.styles.js +42 -0
  304. package/optimize/es/components/popover/popover_panel/index.js +8 -0
  305. package/optimize/es/components/popover/popover_title.js +15 -12
  306. package/optimize/es/components/popover/popover_title.styles.js +20 -0
  307. package/optimize/es/components/popover/wrapping_popover.js +38 -79
  308. package/optimize/es/components/portal/portal.js +34 -61
  309. package/optimize/es/components/selectable/selectable.js +8 -9
  310. package/optimize/es/components/selectable/selectable_search/selectable_search.js +1 -6
  311. package/optimize/es/components/selectable/selectable_templates/selectable_template_sitewide.js +1 -1
  312. package/optimize/es/components/suggest/suggest.js +0 -4
  313. package/optimize/es/components/text/text.styles.js +1 -1
  314. package/optimize/es/components/text_diff/text_diff.js +5 -0
  315. package/optimize/es/components/text_diff/text_diff.styles.js +15 -0
  316. package/optimize/es/components/token/token_map.js +115 -107
  317. package/optimize/es/global_styling/functions/logicals.js +22 -0
  318. package/optimize/es/global_styling/mixins/_responsive.js +46 -0
  319. package/optimize/es/global_styling/mixins/index.js +2 -1
  320. package/optimize/es/test/rtl/component_helpers.d.ts +7 -0
  321. package/optimize/es/test/rtl/component_helpers.js +71 -0
  322. package/optimize/es/test/rtl/custom_render.d.ts +74 -0
  323. package/optimize/es/test/rtl/custom_render.js +48 -0
  324. package/optimize/es/test/rtl/data_test_subj_queries.d.ts +5 -0
  325. package/optimize/es/test/rtl/data_test_subj_queries.js +36 -0
  326. package/optimize/es/test/rtl/index.d.ts +3 -0
  327. package/optimize/es/test/rtl/index.js +10 -0
  328. package/optimize/es/themes/amsterdam/global_styling/functions/shadows.js +1 -1
  329. package/optimize/es/themes/amsterdam/global_styling/mixins/shadow.js +13 -2
  330. package/optimize/lib/components/avatar/avatar.js +0 -1
  331. package/optimize/lib/components/color_picker/color_picker.js +1 -1
  332. package/optimize/lib/components/combo_box/combo_box_options_list/combo_box_options_list.js +8 -5
  333. package/optimize/lib/components/comment_list/comment.js +5 -4
  334. package/optimize/lib/components/comment_list/comment_event.js +22 -26
  335. package/optimize/lib/components/comment_list/comment_event.styles.js +15 -16
  336. package/optimize/lib/components/comment_list/comment_timeline.js +10 -11
  337. package/optimize/lib/components/context_menu/context_menu_panel.js +1 -1
  338. package/optimize/lib/components/datagrid/body/header/data_grid_header_cell.js +153 -54
  339. package/optimize/lib/components/error_boundary/error_boundary.js +20 -10
  340. package/optimize/lib/components/error_boundary/error_boundary.styles.js +30 -0
  341. package/optimize/lib/components/filter_group/filter_button.js +3 -1
  342. package/optimize/lib/components/focus_trap/focus_trap.js +1 -0
  343. package/optimize/lib/components/form/form.styles.js +20 -0
  344. package/optimize/lib/components/icon/assets/tokenMetricCounter.js +44 -0
  345. package/optimize/lib/components/icon/assets/tokenMetricGauge.js +44 -0
  346. package/optimize/lib/components/icon/icon_map.js +38 -36
  347. package/optimize/lib/components/icon/svgs/tokens/tokenMetricCounter.svg +3 -0
  348. package/optimize/lib/components/icon/svgs/tokens/tokenMetricGauge.svg +3 -0
  349. package/optimize/lib/components/image/image.js +52 -156
  350. package/optimize/lib/components/image/image.styles.js +40 -0
  351. package/optimize/lib/components/image/image_button.js +68 -0
  352. package/optimize/lib/components/image/image_button.styles.js +48 -0
  353. package/optimize/lib/components/image/image_caption.js +42 -0
  354. package/optimize/lib/components/image/image_caption.styles.js +30 -0
  355. package/optimize/lib/components/image/image_fullscreen_wrapper.js +108 -0
  356. package/optimize/lib/components/image/image_fullscreen_wrapper.styles.js +32 -0
  357. package/optimize/lib/components/image/image_types.js +18 -0
  358. package/optimize/lib/components/image/image_wrapper.js +82 -0
  359. package/optimize/lib/components/image/image_wrapper.styles.js +44 -0
  360. package/optimize/lib/components/popover/input_popover.js +7 -3
  361. package/optimize/lib/components/popover/popover.js +60 -150
  362. package/optimize/lib/components/popover/popover.styles.js +26 -0
  363. package/optimize/lib/components/popover/popover_arrow/_popover_arrow.js +39 -0
  364. package/optimize/lib/components/popover/popover_arrow/_popover_arrow.styles.js +38 -0
  365. package/optimize/lib/components/popover/popover_arrow/index.js +13 -0
  366. package/optimize/lib/components/popover/popover_footer.js +26 -14
  367. package/optimize/lib/components/popover/popover_footer.styles.js +30 -0
  368. package/optimize/lib/components/popover/popover_panel/_popover_panel.js +74 -0
  369. package/optimize/lib/components/popover/popover_panel/_popover_panel.styles.js +54 -0
  370. package/optimize/lib/components/popover/popover_panel/index.js +13 -0
  371. package/optimize/lib/components/popover/popover_title.js +26 -14
  372. package/optimize/lib/components/popover/popover_title.styles.js +32 -0
  373. package/optimize/lib/components/popover/wrapping_popover.js +38 -78
  374. package/optimize/lib/components/portal/portal.js +45 -61
  375. package/optimize/lib/components/selectable/selectable.js +8 -8
  376. package/optimize/lib/components/selectable/selectable_search/selectable_search.js +0 -5
  377. package/optimize/lib/components/selectable/selectable_templates/selectable_template_sitewide.js +1 -1
  378. package/optimize/lib/components/suggest/suggest.js +0 -4
  379. package/optimize/lib/components/text/text.styles.js +1 -1
  380. package/optimize/lib/components/text_diff/text_diff.js +7 -0
  381. package/optimize/lib/components/text_diff/text_diff.styles.js +25 -0
  382. package/optimize/lib/components/token/token_map.js +115 -107
  383. package/optimize/lib/global_styling/functions/logicals.js +30 -2
  384. package/optimize/lib/global_styling/mixins/_responsive.js +60 -0
  385. package/optimize/lib/global_styling/mixins/index.js +13 -0
  386. package/optimize/lib/test/rtl/component_helpers.d.ts +7 -0
  387. package/optimize/lib/test/rtl/component_helpers.js +87 -0
  388. package/optimize/lib/test/rtl/custom_render.d.ts +74 -0
  389. package/optimize/lib/test/rtl/custom_render.js +59 -0
  390. package/optimize/lib/test/rtl/data_test_subj_queries.d.ts +5 -0
  391. package/optimize/lib/test/rtl/data_test_subj_queries.js +51 -0
  392. package/optimize/lib/test/rtl/index.d.ts +3 -0
  393. package/optimize/lib/test/rtl/index.js +81 -0
  394. package/optimize/lib/themes/amsterdam/global_styling/functions/shadows.js +1 -1
  395. package/optimize/lib/themes/amsterdam/global_styling/mixins/shadow.js +13 -2
  396. package/package.json +8 -2
  397. package/src/components/combo_box/combo_box_options_list/_combo_box_options_list.scss +0 -4
  398. package/src/components/context_menu/_context_menu_panel.scss +2 -2
  399. package/src/components/index.scss +0 -4
  400. package/src/components/tour/_tour.scss +13 -9
  401. package/src/global_styling/mixins/_index.scss +0 -1
  402. package/src/themes/amsterdam/global_styling/mixins/_index.scss +0 -2
  403. package/src/themes/amsterdam/overrides/_index.scss +0 -2
  404. package/test-env/components/accessibility/skip_link/skip_link.js +1 -1
  405. package/test-env/components/avatar/avatar.js +1 -2
  406. package/test-env/components/badge/badge.js +1 -1
  407. package/test-env/components/badge/beta_badge/beta_badge.js +1 -1
  408. package/test-env/components/basic_table/basic_table.js +1 -1
  409. package/test-env/components/basic_table/collapsed_item_actions.js +1 -1
  410. package/test-env/components/basic_table/in_memory_table.js +1 -1
  411. package/test-env/components/button/_button_content_deprecated.js +1 -1
  412. package/test-env/components/button/button.js +2 -2
  413. package/test-env/components/button/button_display/_button_display.js +1 -1
  414. package/test-env/components/button/button_display/_button_display_content.js +1 -1
  415. package/test-env/components/button/button_empty/button_empty.js +1 -1
  416. package/test-env/components/button/button_group/button_group.js +1 -1
  417. package/test-env/components/button/button_group/button_group_button.js +1 -1
  418. package/test-env/components/button/button_icon/button_icon.js +1 -1
  419. package/test-env/components/call_out/call_out.js +1 -1
  420. package/test-env/components/card/card.js +1 -1
  421. package/test-env/components/card/card_select.js +1 -1
  422. package/test-env/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +1 -1
  423. package/test-env/components/color_picker/color_picker.js +1 -1
  424. package/test-env/components/combo_box/combo_box_options_list/combo_box_options_list.js +8 -5
  425. package/test-env/components/comment_list/comment.js +17 -8
  426. package/test-env/components/comment_list/comment_event.js +24 -28
  427. package/test-env/components/comment_list/comment_event.styles.js +15 -16
  428. package/test-env/components/comment_list/comment_list.js +12 -4
  429. package/test-env/components/comment_list/comment_timeline.js +20 -14
  430. package/test-env/components/context_menu/context_menu_panel.js +1 -1
  431. package/test-env/components/datagrid/body/data_grid_body.js +13 -13
  432. package/test-env/components/datagrid/body/data_grid_cell.js +24 -24
  433. package/test-env/components/datagrid/body/header/data_grid_header_cell.js +166 -67
  434. package/test-env/components/datagrid/body/header/data_grid_header_row.js +13 -13
  435. package/test-env/components/datagrid/controls/column_sorting_draggable.js +1 -1
  436. package/test-env/components/datagrid/data_grid.js +13 -13
  437. package/test-env/components/datagrid/utils/in_memory.js +12 -12
  438. package/test-env/components/date_picker/date_picker.js +2 -2
  439. package/test-env/components/date_picker/date_picker_range.js +1 -1
  440. package/test-env/components/empty_prompt/empty_prompt.js +1 -1
  441. package/test-env/components/error_boundary/error_boundary.js +23 -13
  442. package/test-env/components/error_boundary/error_boundary.styles.js +30 -0
  443. package/test-env/components/filter_group/filter_button.js +3 -1
  444. package/test-env/components/form/field_number/field_number.js +1 -1
  445. package/test-env/components/form/field_text/field_text.js +2 -2
  446. package/test-env/components/form/form.styles.js +20 -0
  447. package/test-env/components/form/form_control_layout/form_control_layout.js +2 -2
  448. package/test-env/components/form/form_control_layout/form_control_layout_custom_icon.js +1 -1
  449. package/test-env/components/form/form_control_layout/form_control_layout_icons.js +2 -2
  450. package/test-env/components/header/header_links/header_link.js +1 -1
  451. package/test-env/components/header/header_links/header_links.js +10 -8
  452. package/test-env/components/header/header_logo.js +1 -1
  453. package/test-env/components/icon/assets/tokenMetricCounter.js +44 -0
  454. package/test-env/components/icon/assets/tokenMetricGauge.js +44 -0
  455. package/test-env/components/icon/icon_map.js +38 -36
  456. package/test-env/components/image/image.js +73 -168
  457. package/test-env/components/image/image.styles.js +40 -0
  458. package/test-env/components/image/image_button.js +77 -0
  459. package/test-env/components/image/image_button.styles.js +48 -0
  460. package/test-env/components/image/image_caption.js +49 -0
  461. package/test-env/components/image/image_caption.styles.js +30 -0
  462. package/test-env/components/image/image_fullscreen_wrapper.js +114 -0
  463. package/test-env/components/image/image_fullscreen_wrapper.styles.js +32 -0
  464. package/test-env/components/image/image_types.js +18 -0
  465. package/test-env/components/image/image_wrapper.js +88 -0
  466. package/test-env/components/image/image_wrapper.styles.js +44 -0
  467. package/test-env/components/key_pad_menu/key_pad_menu_item.js +1 -1
  468. package/test-env/components/list_group/list_group.js +2 -2
  469. package/test-env/components/list_group/list_group_item.js +2 -2
  470. package/test-env/components/list_group/pinnable_list_group/pinnable_list_group.js +4 -4
  471. package/test-env/components/loading/loading_logo.js +1 -1
  472. package/test-env/components/markdown_editor/markdown_editor.js +1 -1
  473. package/test-env/components/markdown_editor/markdown_editor_drop_zone.js +1 -1
  474. package/test-env/components/markdown_editor/markdown_editor_footer.js +1 -1
  475. package/test-env/components/markdown_editor/markdown_editor_toolbar.js +1 -1
  476. package/test-env/components/notification/notification_event.js +2 -2
  477. package/test-env/components/notification/notification_event_meta.js +1 -1
  478. package/test-env/components/page/page_header/page_header.js +1 -1
  479. package/test-env/components/page/page_header/page_header_content.js +1 -1
  480. package/test-env/components/page/page_template.js +1 -1
  481. package/test-env/components/popover/input_popover.js +7 -3
  482. package/test-env/components/popover/popover.js +75 -166
  483. package/test-env/components/popover/popover.styles.js +26 -0
  484. package/test-env/components/popover/popover_arrow/_popover_arrow.js +47 -0
  485. package/test-env/components/popover/popover_arrow/_popover_arrow.styles.js +38 -0
  486. package/test-env/components/popover/popover_arrow/index.js +13 -0
  487. package/test-env/components/popover/popover_footer.js +26 -14
  488. package/test-env/components/popover/popover_footer.styles.js +30 -0
  489. package/test-env/components/popover/popover_panel/_popover_panel.js +119 -0
  490. package/test-env/components/popover/popover_panel/_popover_panel.styles.js +54 -0
  491. package/test-env/components/popover/popover_panel/index.js +13 -0
  492. package/test-env/components/popover/popover_title.js +26 -14
  493. package/test-env/components/popover/popover_title.styles.js +32 -0
  494. package/test-env/components/popover/wrapping_popover.js +38 -78
  495. package/test-env/components/portal/portal.js +46 -75
  496. package/test-env/components/selectable/selectable.js +8 -8
  497. package/test-env/components/selectable/selectable_list/selectable_list.js +1 -1
  498. package/test-env/components/selectable/selectable_list/selectable_list_item.js +1 -1
  499. package/test-env/components/selectable/selectable_search/selectable_search.js +0 -5
  500. package/test-env/components/selectable/selectable_templates/selectable_template_sitewide.js +2 -2
  501. package/test-env/components/suggest/suggest.js +1 -5
  502. package/test-env/components/suggest/suggest_item.js +1 -1
  503. package/test-env/components/table/table_header_button.js +1 -1
  504. package/test-env/components/text/text.styles.js +1 -1
  505. package/test-env/components/text_diff/text_diff.js +7 -0
  506. package/test-env/components/text_diff/text_diff.styles.js +25 -0
  507. package/test-env/components/timeline/timeline_item_icon.js +1 -1
  508. package/test-env/components/toast/global_toast_list.js +1 -1
  509. package/test-env/components/toast/toast.js +1 -1
  510. package/test-env/components/token/token.js +1 -1
  511. package/test-env/components/token/token_map.js +115 -107
  512. package/test-env/components/tool_tip/icon_tip.js +1 -1
  513. package/test-env/global_styling/functions/logicals.js +30 -2
  514. package/test-env/global_styling/mixins/_responsive.js +60 -0
  515. package/test-env/global_styling/mixins/index.js +13 -0
  516. package/test-env/test/rtl/component_helpers.js +87 -0
  517. package/test-env/test/rtl/custom_render.js +59 -0
  518. package/test-env/test/rtl/data_test_subj_queries.js +51 -0
  519. package/test-env/test/rtl/index.js +81 -0
  520. package/test-env/themes/amsterdam/global_styling/functions/shadows.js +1 -1
  521. package/test-env/themes/amsterdam/global_styling/mixins/shadow.js +13 -2
  522. package/src/components/error_boundary/_error_boundary.scss +0 -13
  523. package/src/components/error_boundary/_index.scss +0 -1
  524. package/src/components/image/_image.scss +0 -212
  525. package/src/components/image/_index.scss +0 -1
  526. package/src/components/popover/_index.scss +0 -5
  527. package/src/components/popover/_input_popover.scss +0 -7
  528. package/src/components/popover/_popover.scss +0 -182
  529. package/src/components/popover/_popover_footer.scss +0 -27
  530. package/src/components/popover/_popover_title.scss +0 -27
  531. package/src/components/popover/_variables.scss +0 -2
  532. package/src/components/text_diff/_index.scss +0 -1
  533. package/src/components/text_diff/_text_diff.scss +0 -9
  534. package/src/global_styling/mixins/_popover.scss +0 -19
  535. package/src/themes/amsterdam/global_styling/mixins/_popover.scss +0 -5
  536. package/src/themes/amsterdam/overrides/_image.scss +0 -10
  537. package/src/themes/amsterdam/overrides/_popover.scss +0 -104
@@ -10,12 +10,12 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
10
10
  * Side Public License, v 1.
11
11
  */
12
12
  import classnames from 'classnames';
13
- import React, { useContext, useState, useRef, useCallback } from 'react';
13
+ import React, { useContext, useState, useRef, useCallback, useMemo } from 'react';
14
14
  import { tabbable } from 'tabbable';
15
15
  import { keys } from '../../../../services';
16
16
  import { useGeneratedHtmlId } from '../../../../services/accessibility';
17
17
  import { EuiScreenReaderOnly } from '../../../accessibility';
18
- import { useEuiI18n, EuiI18n } from '../../../i18n';
18
+ import { EuiI18n } from '../../../i18n';
19
19
  import { EuiIcon } from '../../../icon';
20
20
  import { EuiListGroup } from '../../../list_group';
21
21
  import { EuiPopover } from '../../../popover';
@@ -43,9 +43,6 @@ export var EuiDataGridHeaderCell = function EuiDataGridHeaderCell(_ref) {
43
43
  var width = columnWidths[id] || defaultColumnWidth;
44
44
  var columnType = schema[id] ? schema[id].columnType : null;
45
45
  var classes = classnames(_defineProperty({}, "euiDataGridHeaderCell--".concat(columnType), columnType));
46
- var actionButtonAriaLabel = useEuiI18n('euiDataGridHeaderCell.headerActions', 'Header actions');
47
- var ariaProps = {};
48
- var screenReaderId = useGeneratedHtmlId();
49
46
 
50
47
  var _useContext = useContext(DataGridFocusContext),
51
48
  setFocusedCell = _useContext.setFocusedCell,
@@ -54,37 +51,6 @@ export var EuiDataGridHeaderCell = function EuiDataGridHeaderCell(_ref) {
54
51
  var _useContext2 = useContext(DataGridSortingContext),
55
52
  sorting = _useContext2.sorting;
56
53
 
57
- var sortString;
58
-
59
- if (sorting) {
60
- var sortedColumnIds = new Set(sorting.columns.map(function (_ref2) {
61
- var id = _ref2.id;
62
- return id;
63
- }));
64
-
65
- if (sortedColumnIds.has(id)) {
66
- if (sorting.columns.length === 1) {
67
- var sortDirection = sorting.columns[0].direction;
68
- var sortValue = 'other';
69
-
70
- if (sortDirection === 'asc') {
71
- sortValue = 'ascending';
72
- }
73
-
74
- if (sortDirection === 'desc') {
75
- sortValue = 'descending';
76
- }
77
-
78
- ariaProps['aria-sort'] = sortValue;
79
- } else {
80
- sortString = sorting.columns.map(function (col) {
81
- return "Sorted by ".concat(col.id, " ").concat(col.direction);
82
- }).join(' then ');
83
- ariaProps['aria-describedby'] = screenReaderId;
84
- }
85
- }
86
- }
87
-
88
54
  var _useState = useState(false),
89
55
  _useState2 = _slicedToArray(_useState, 2),
90
56
  isPopoverOpen = _useState2[0],
@@ -104,31 +70,39 @@ export var EuiDataGridHeaderCell = function EuiDataGridHeaderCell(_ref) {
104
70
  setFocusedCell: setFocusedCell
105
71
  });
106
72
  var showColumnActions = columnActions && columnActions.length > 0;
107
- var sortedColumn = sorting === null || sorting === void 0 ? void 0 : sorting.columns.find(function (col) {
108
- return col.id === id;
73
+
74
+ var _useSortingUtils = useSortingUtils({
75
+ sorting: sorting,
76
+ id: id,
77
+ showColumnActions: showColumnActions
78
+ }),
79
+ sortingArrow = _useSortingUtils.sortingArrow,
80
+ ariaSort = _useSortingUtils.ariaSort,
81
+ sortingScreenReaderText = _useSortingUtils.sortingScreenReaderText;
82
+
83
+ var sortingAriaId = useGeneratedHtmlId({
84
+ prefix: 'euiDataGridCellHeader',
85
+ suffix: 'sorting'
109
86
  });
110
- var sortingArrow = sortedColumn ? ___EmotionJSX(EuiIcon, {
111
- type: sortedColumn.direction === 'asc' ? 'sortUp' : 'sortDown',
112
- color: "text",
113
- className: "euiDataGridHeaderCell__sortingArrow",
114
- "data-test-subj": "dataGridHeaderCellSortingIcon-".concat(id)
115
- }) : null;
116
- return ___EmotionJSX(EuiDataGridHeaderCellWrapper, _extends({
87
+ var actionsAriaId = useGeneratedHtmlId({
88
+ prefix: 'euiDataGridCellHeader',
89
+ suffix: 'actions'
90
+ });
91
+ return ___EmotionJSX(EuiDataGridHeaderCellWrapper, {
117
92
  id: id,
118
93
  index: index,
119
94
  width: width,
120
95
  headerIsInteractive: headerIsInteractive,
121
- className: classes
122
- }, ariaProps), column.isResizable !== false && width != null ? ___EmotionJSX(EuiDataGridColumnResizer, {
96
+ className: classes,
97
+ "aria-sort": ariaSort
98
+ }, column.isResizable !== false && width != null ? ___EmotionJSX(EuiDataGridColumnResizer, {
123
99
  columnId: id,
124
100
  columnWidth: width,
125
101
  setColumnWidth: setColumnWidth
126
- }) : null, sortString && ___EmotionJSX(EuiScreenReaderOnly, null, ___EmotionJSX("div", {
127
- id: screenReaderId
128
- }, sortString)), !showColumnActions ? ___EmotionJSX(React.Fragment, null, sortingArrow, ___EmotionJSX("div", {
102
+ }) : null, !showColumnActions ? ___EmotionJSX(React.Fragment, null, sortingArrow, ___EmotionJSX("div", {
129
103
  className: "euiDataGridHeaderCell__content",
130
104
  title: displayAsText || id
131
- }, display || displayAsText || id)) : ___EmotionJSX(EuiPopover, _extends({
105
+ }, display || displayAsText || id), sortingScreenReaderText && ___EmotionJSX(EuiScreenReaderOnly, null, ___EmotionJSX("p", null, sortingScreenReaderText))) : ___EmotionJSX(React.Fragment, null, ___EmotionJSX(EuiPopover, _extends({
132
106
  className: "eui-fullWidth",
133
107
  anchorClassName: "eui-fullWidth",
134
108
  panelPaddingSize: "none",
@@ -140,7 +114,8 @@ export var EuiDataGridHeaderCell = function EuiDataGridHeaderCell(_ref) {
140
114
  setIsPopoverOpen(function (isPopoverOpen) {
141
115
  return !isPopoverOpen;
142
116
  });
143
- }
117
+ },
118
+ "aria-describedby": "".concat(sortingAriaId, " ").concat(actionsAriaId)
144
119
  }, sortingArrow, ___EmotionJSX("div", {
145
120
  className: "euiDataGridHeaderCell__content",
146
121
  title: displayAsText || id
@@ -149,7 +124,6 @@ export var EuiDataGridHeaderCell = function EuiDataGridHeaderCell(_ref) {
149
124
  type: "arrowDown",
150
125
  size: "s",
151
126
  color: "text",
152
- "aria-label": actionButtonAriaLabel,
153
127
  "data-test-subj": "dataGridHeaderCellActionButton-".concat(id)
154
128
  })),
155
129
  isOpen: isPopoverOpen,
@@ -160,7 +134,129 @@ export var EuiDataGridHeaderCell = function EuiDataGridHeaderCell(_ref) {
160
134
  listItems: columnActions,
161
135
  gutterSize: "none",
162
136
  "data-test-subj": "dataGridHeaderCellActionGroup-".concat(id)
163
- })));
137
+ })), ___EmotionJSX("p", {
138
+ id: sortingAriaId,
139
+ hidden: true
140
+ }, sortingScreenReaderText), ___EmotionJSX("p", {
141
+ id: actionsAriaId,
142
+ hidden: true
143
+ }, ___EmotionJSX(EuiI18n, {
144
+ token: "euiDataGridHeaderCell.headerActions",
145
+ default: "Click to view column header actions"
146
+ }))));
147
+ };
148
+ /**
149
+ * Column sorting utility helpers
150
+ */
151
+
152
+ export var useSortingUtils = function useSortingUtils(_ref2) {
153
+ var _sorting$columns;
154
+
155
+ var sorting = _ref2.sorting,
156
+ id = _ref2.id,
157
+ showColumnActions = _ref2.showColumnActions;
158
+ var sortedColumn = useMemo(function () {
159
+ return sorting === null || sorting === void 0 ? void 0 : sorting.columns.find(function (col) {
160
+ return col.id === id;
161
+ });
162
+ }, [sorting, id]);
163
+ var isColumnSorted = !!sortedColumn;
164
+ var hasOnlyOneSort = (sorting === null || sorting === void 0 ? void 0 : (_sorting$columns = sorting.columns) === null || _sorting$columns === void 0 ? void 0 : _sorting$columns.length) === 1;
165
+ /**
166
+ * Arrow icon
167
+ */
168
+
169
+ var sortingArrow = isColumnSorted ? ___EmotionJSX(EuiIcon, {
170
+ type: sortedColumn.direction === 'asc' ? 'sortUp' : 'sortDown',
171
+ color: "text",
172
+ className: "euiDataGridHeaderCell__sortingArrow",
173
+ "data-test-subj": "dataGridHeaderCellSortingIcon-".concat(id)
174
+ }) : null;
175
+ /**
176
+ * aria-sort attribute - should only be used when a single column is being sorted
177
+ * @see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-sort
178
+ * @see https://www.w3.org/WAI/ARIA/apg/example-index/table/sortable-table.html
179
+ * @see https://github.com/w3c/aria/issues/283 for potential future multi-column usage
180
+ */
181
+
182
+ var ariaSort = // eslint-disable-next-line no-nested-ternary
183
+ isColumnSorted && hasOnlyOneSort ? sorting.columns[0].direction === 'asc' ? 'ascending' : 'descending' : undefined;
184
+ /**
185
+ * Sorting status - screen reader text
186
+ */
187
+
188
+ var sortingScreenReaderText = useMemo(function () {
189
+ var _sorting$columns2;
190
+
191
+ if (!isColumnSorted) return null;
192
+ if (!showColumnActions && hasOnlyOneSort) return null; // in this scenario, the `aria-sort` attribute will be used by screen readers
193
+
194
+ return ___EmotionJSX(React.Fragment, null, sorting === null || sorting === void 0 ? void 0 : (_sorting$columns2 = sorting.columns) === null || _sorting$columns2 === void 0 ? void 0 : _sorting$columns2.map(function (_ref3, index) {
195
+ var columnId = _ref3.id,
196
+ direction = _ref3.direction;
197
+
198
+ if (hasOnlyOneSort) {
199
+ if (direction === 'asc') {
200
+ return ___EmotionJSX(EuiI18n, {
201
+ token: "euiDataGridHeaderCell.sortedByAscendingSingle",
202
+ default: "Sorted ascending",
203
+ key: index
204
+ });
205
+ } else {
206
+ return ___EmotionJSX(EuiI18n, {
207
+ token: "euiDataGridHeaderCell.sortedByDescendingSingle",
208
+ default: "Sorted descending",
209
+ key: index
210
+ });
211
+ }
212
+ } else if (index === 0) {
213
+ if (direction === 'asc') {
214
+ return ___EmotionJSX(EuiI18n, {
215
+ token: "euiDataGridHeaderCell.sortedByAscendingFirst",
216
+ default: "Sorted by {columnId}, ascending",
217
+ values: {
218
+ columnId: columnId
219
+ },
220
+ key: index
221
+ });
222
+ } else {
223
+ return ___EmotionJSX(EuiI18n, {
224
+ token: "euiDataGridHeaderCell.sortedByDescendingFirst",
225
+ default: "Sorted by {columnId}, descending",
226
+ values: {
227
+ columnId: columnId
228
+ },
229
+ key: index
230
+ });
231
+ }
232
+ } else {
233
+ if (direction === 'asc') {
234
+ return ___EmotionJSX(EuiI18n, {
235
+ token: "euiDataGridHeaderCell.sortedByAscendingMultiple",
236
+ default: ", then sorted by {columnId}, ascending",
237
+ values: {
238
+ columnId: columnId
239
+ },
240
+ key: index
241
+ });
242
+ } else {
243
+ return ___EmotionJSX(EuiI18n, {
244
+ token: "euiDataGridHeaderCell.sortedByDescendingMultiple",
245
+ default: ", then sorted by {columnId}, descending",
246
+ values: {
247
+ columnId: columnId
248
+ },
249
+ key: index
250
+ });
251
+ }
252
+ }
253
+ }), ".");
254
+ }, [isColumnSorted, showColumnActions, hasOnlyOneSort, sorting]);
255
+ return {
256
+ sortingArrow: sortingArrow,
257
+ ariaSort: ariaSort,
258
+ sortingScreenReaderText: sortingScreenReaderText
259
+ };
164
260
  };
165
261
  /**
166
262
  * Add keyboard arrow navigation to the cell actions popover
@@ -5,7 +5,7 @@ import _createClass from "@babel/runtime/helpers/createClass";
5
5
  import _inherits from "@babel/runtime/helpers/inherits";
6
6
  import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
7
7
  import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
8
- var _excluded = ["children", "data-test-subj"];
8
+ var _excluded = ["className", "children", "data-test-subj", "theme"];
9
9
 
10
10
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
11
11
 
@@ -23,16 +23,18 @@ import classNames from 'classnames';
23
23
  import { EuiTitle } from '../title';
24
24
  import { EuiCodeBlock } from '../code';
25
25
  import { EuiI18n } from '../i18n';
26
+ import { withEuiTheme } from '../../services';
27
+ import { euiErrorBoundaryStyles } from './error_boundary.styles';
26
28
  import { jsx as ___EmotionJSX } from "@emotion/react";
27
- export var EuiErrorBoundary = /*#__PURE__*/function (_Component) {
28
- _inherits(EuiErrorBoundary, _Component);
29
+ export var _EuiErrorBoundary = /*#__PURE__*/function (_Component) {
30
+ _inherits(_EuiErrorBoundary, _Component);
29
31
 
30
- var _super = _createSuper(EuiErrorBoundary);
32
+ var _super = _createSuper(_EuiErrorBoundary);
31
33
 
32
- function EuiErrorBoundary(props) {
34
+ function _EuiErrorBoundary(props) {
33
35
  var _this;
34
36
 
35
- _classCallCheck(this, EuiErrorBoundary);
37
+ _classCallCheck(this, _EuiErrorBoundary);
36
38
 
37
39
  _this = _super.call(this, props);
38
40
  var errorState = {
@@ -43,7 +45,7 @@ export var EuiErrorBoundary = /*#__PURE__*/function (_Component) {
43
45
  return _this;
44
46
  }
45
47
 
46
- _createClass(EuiErrorBoundary, [{
48
+ _createClass(_EuiErrorBoundary, [{
47
49
  key: "componentDidCatch",
48
50
  value: function componentDidCatch(_ref) {
49
51
  var message = _ref.message,
@@ -63,16 +65,20 @@ export var EuiErrorBoundary = /*#__PURE__*/function (_Component) {
63
65
  key: "render",
64
66
  value: function render() {
65
67
  var _this$props = this.props,
68
+ className = _this$props.className,
66
69
  children = _this$props.children,
67
70
  _dataTestSubj = _this$props['data-test-subj'],
71
+ theme = _this$props.theme,
68
72
  rest = _objectWithoutProperties(_this$props, _excluded);
69
73
 
70
74
  var dataTestSubj = classNames('euiErrorBoundary', _dataTestSubj);
75
+ var styles = euiErrorBoundaryStyles(theme);
71
76
 
72
77
  if (this.state.hasError) {
73
78
  // You can render any custom fallback UI
74
79
  return ___EmotionJSX("div", _extends({
75
- className: "euiErrorBoundary",
80
+ css: styles.euiErrorBoundary,
81
+ className: classNames('euiErrorBoundary', className),
76
82
  "data-test-subj": dataTestSubj
77
83
  }, rest), ___EmotionJSX(EuiCodeBlock, null, ___EmotionJSX(EuiTitle, {
78
84
  size: "xs"
@@ -86,5 +92,6 @@ export var EuiErrorBoundary = /*#__PURE__*/function (_Component) {
86
92
  }
87
93
  }]);
88
94
 
89
- return EuiErrorBoundary;
90
- }(Component);
95
+ return _EuiErrorBoundary;
96
+ }(Component);
97
+ export var EuiErrorBoundary = withEuiTheme(_EuiErrorBoundary);
@@ -0,0 +1,18 @@
1
+ /*
2
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
3
+ * or more contributor license agreements. Licensed under the Elastic License
4
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
5
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
6
+ * Side Public License, v 1.
7
+ */
8
+ import { css } from '@emotion/react';
9
+ import { logicalCSS } from '../../global_styling';
10
+ import { transparentize } from '../../services';
11
+ export var euiErrorBoundaryStyles = function euiErrorBoundaryStyles(_ref) {
12
+ var euiTheme = _ref.euiTheme;
13
+ var color1 = transparentize(euiTheme.colors.danger, 0.25);
14
+ var color2 = transparentize(euiTheme.colors.danger, 0.05);
15
+ return {
16
+ euiErrorBoundary: /*#__PURE__*/css("background-image:repeating-linear-gradient(\n 45deg,\n ", color1, ",\n ", color1, " 1px,\n ", color2, " 1px,\n ", color2, " 19px\n );background-size:54px 54px;", logicalCSS('padding-horizontal', euiTheme.size.base), ";", logicalCSS('padding-vertical', euiTheme.size.base), ";;label:euiErrorBoundary;")
17
+ };
18
+ };
@@ -69,7 +69,9 @@ export var EuiFilterButton = function EuiFilterButton(_ref) {
69
69
  var badgeContent = showBadge && ___EmotionJSX(EuiNotificationBadge, {
70
70
  className: "euiFilterButton__notification",
71
71
  "aria-label": hasActiveFilters ? activeBadgeLabel : availableBadgeLabel,
72
- color: isDisabled || !hasActiveFilters ? 'subdued' : 'accent'
72
+ color: isDisabled || !hasActiveFilters ? 'subdued' : 'accent',
73
+ role: "marquee" // https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/marquee_role
74
+
73
75
  }, badgeCount);
74
76
 
75
77
  var dataText;
@@ -52,6 +52,7 @@ export var EuiFocusTrap = /*#__PURE__*/function (_Component) {
52
52
  _defineProperty(_assertThisInitialized(_this), "preventFocusExit", false);
53
53
 
54
54
  _defineProperty(_assertThisInitialized(_this), "setInitialFocus", function (initialFocus) {
55
+ if (!initialFocus) return;
55
56
  var node = findElementBySelectorOrRef(initialFocus);
56
57
  if (!node) return; // `data-autofocus` is part of the 'react-focus-on' API
57
58
 
@@ -0,0 +1,11 @@
1
+ /*
2
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
3
+ * or more contributor license agreements. Licensed under the Elastic License
4
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
5
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
6
+ * Side Public License, v 1.
7
+ */
8
+ export var euiFormMaxWidth = function euiFormMaxWidth(_ref) {
9
+ var euiTheme = _ref.euiTheme;
10
+ return "".concat(euiTheme.base * 25, "px");
11
+ };
@@ -0,0 +1,34 @@
1
+ import _extends from "@babel/runtime/helpers/extends";
2
+ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
+ var _excluded = ["title", "titleId"];
4
+
5
+ /*
6
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
7
+ * or more contributor license agreements. Licensed under the Elastic License
8
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
9
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
10
+ * Side Public License, v 1.
11
+ */
12
+ // THIS IS A GENERATED FILE. DO NOT MODIFY MANUALLY. @see scripts/compile-icons.js
13
+ import * as React from 'react';
14
+ import { jsx as ___EmotionJSX } from "@emotion/react";
15
+
16
+ var EuiIconTokenMetricCounter = function EuiIconTokenMetricCounter(_ref) {
17
+ var title = _ref.title,
18
+ titleId = _ref.titleId,
19
+ props = _objectWithoutProperties(_ref, _excluded);
20
+
21
+ return ___EmotionJSX("svg", _extends({
22
+ xmlns: "http://www.w3.org/2000/svg",
23
+ width: 16,
24
+ height: 16,
25
+ viewBox: "0 0 16 16",
26
+ "aria-labelledby": titleId
27
+ }, props), title ? ___EmotionJSX("title", {
28
+ id: titleId
29
+ }, title) : null, ___EmotionJSX("path", {
30
+ d: "M11 3a1 1 0 00-1 1v1H9a1 1 0 000 2h1v1a1 1 0 102 0V7h1a1 1 0 100-2h-1V4a1 1 0 00-1-1zM5 7a1 1 0 00-1 1v1H3a1 1 0 000 2h1v1a1 1 0 102 0v-1h1a1 1 0 100-2H6V8a1 1 0 00-1-1z"
31
+ }));
32
+ };
33
+
34
+ export var icon = EuiIconTokenMetricCounter;
@@ -0,0 +1,34 @@
1
+ import _extends from "@babel/runtime/helpers/extends";
2
+ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
+ var _excluded = ["title", "titleId"];
4
+
5
+ /*
6
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
7
+ * or more contributor license agreements. Licensed under the Elastic License
8
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
9
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
10
+ * Side Public License, v 1.
11
+ */
12
+ // THIS IS A GENERATED FILE. DO NOT MODIFY MANUALLY. @see scripts/compile-icons.js
13
+ import * as React from 'react';
14
+ import { jsx as ___EmotionJSX } from "@emotion/react";
15
+
16
+ var EuiIconTokenMetricGauge = function EuiIconTokenMetricGauge(_ref) {
17
+ var title = _ref.title,
18
+ titleId = _ref.titleId,
19
+ props = _objectWithoutProperties(_ref, _excluded);
20
+
21
+ return ___EmotionJSX("svg", _extends({
22
+ xmlns: "http://www.w3.org/2000/svg",
23
+ width: 16,
24
+ height: 16,
25
+ viewBox: "0 0 16 16",
26
+ "aria-labelledby": titleId
27
+ }, props), title ? ___EmotionJSX("title", {
28
+ id: titleId
29
+ }, title) : null, ___EmotionJSX("path", {
30
+ d: "M5 4h-.5a.5.5 0 010-1h1a.5.5 0 01.5.5v9a.5.5 0 01-.5.5h-1a.5.5 0 010-1H5v-2h-.5a.5.5 0 010-1H5V7h-.5a.5.5 0 010-1H5V4zm3 1a1 1 0 00-1 1v6a1 1 0 001 1h2a1 1 0 001-1V6a1 1 0 00-1-1H8z"
31
+ }));
32
+ };
33
+
34
+ export var icon = EuiIconTokenMetricGauge;
@@ -406,55 +406,57 @@ export var typeToPathMap = {
406
406
  workplaceSearchApp: 'app_workplace_search',
407
407
  wrench: 'wrench',
408
408
  // Token Icon Imports
409
+ tokenAlias: 'tokenAlias',
410
+ tokenAnnotation: 'tokenAnnotation',
411
+ tokenArray: 'tokenArray',
412
+ tokenBinary: 'tokenBinary',
413
+ tokenBoolean: 'tokenBoolean',
409
414
  tokenClass: 'tokenClass',
410
- tokenProperty: 'tokenProperty',
415
+ tokenCompletionSuggester: 'tokenCompletionSuggester',
416
+ tokenConstant: 'tokenConstant',
417
+ tokenDate: 'tokenDate',
418
+ tokenDenseVector: 'tokenDenseVector',
419
+ tokenElement: 'tokenElement',
411
420
  tokenEnum: 'tokenEnum',
412
- tokenVariable: 'tokenVariable',
413
- tokenMethod: 'tokenMethod',
414
- tokenAnnotation: 'tokenAnnotation',
421
+ tokenEnumMember: 'tokenEnumMember',
422
+ tokenEvent: 'tokenEvent',
415
423
  tokenException: 'tokenException',
416
- tokenInterface: 'tokenInterface',
417
- tokenParameter: 'tokenParameter',
418
424
  tokenField: 'tokenField',
419
- tokenElement: 'tokenElement',
425
+ tokenFile: 'tokenFile',
426
+ tokenFlattened: 'tokenFlattened',
420
427
  tokenFunction: 'tokenFunction',
421
- tokenBoolean: 'tokenBoolean',
422
- tokenString: 'tokenString',
423
- tokenArray: 'tokenArray',
424
- tokenNumber: 'tokenNumber',
425
- tokenConstant: 'tokenConstant',
426
- tokenObject: 'tokenObject',
427
- tokenEvent: 'tokenEvent',
428
+ tokenGeo: 'tokenGeo',
429
+ tokenHistogram: 'tokenHistogram',
430
+ tokenInterface: 'tokenInterface',
431
+ tokenIP: 'tokenIP',
432
+ tokenJoin: 'tokenJoin',
428
433
  tokenKey: 'tokenKey',
429
- tokenNull: 'tokenNull',
430
- tokenStruct: 'tokenStruct',
431
- tokenPackage: 'tokenPackage',
432
- tokenOperator: 'tokenOperator',
433
- tokenEnumMember: 'tokenEnumMember',
434
- tokenRepo: 'tokenRepo',
435
- tokenSymbol: 'tokenSymbol',
436
- tokenFile: 'tokenFile',
434
+ tokenKeyword: 'tokenKeyword',
435
+ tokenMethod: 'tokenMethod',
436
+ tokenMetricCounter: 'tokenMetricCounter',
437
+ tokenMetricGauge: 'tokenMetricGauge',
437
438
  tokenModule: 'tokenModule',
438
439
  tokenNamespace: 'tokenNamespace',
439
- tokenDate: 'tokenDate',
440
- tokenIP: 'tokenIP',
441
440
  tokenNested: 'tokenNested',
442
- tokenAlias: 'tokenAlias',
443
- tokenShape: 'tokenShape',
444
- tokenGeo: 'tokenGeo',
445
- tokenRange: 'tokenRange',
446
- tokenBinary: 'tokenBinary',
447
- tokenJoin: 'tokenJoin',
441
+ tokenNull: 'tokenNull',
442
+ tokenNumber: 'tokenNumber',
443
+ tokenObject: 'tokenObject',
444
+ tokenOperator: 'tokenOperator',
445
+ tokenPackage: 'tokenPackage',
446
+ tokenParameter: 'tokenParameter',
448
447
  tokenPercolator: 'tokenPercolator',
449
- tokenFlattened: 'tokenFlattened',
448
+ tokenProperty: 'tokenProperty',
449
+ tokenRange: 'tokenRange',
450
450
  tokenRankFeature: 'tokenRankFeature',
451
451
  tokenRankFeatures: 'tokenRankFeatures',
452
- tokenKeyword: 'tokenKeyword',
452
+ tokenRepo: 'tokenRepo',
453
+ tokenSearchType: 'tokenSearchType',
454
+ tokenShape: 'tokenShape',
455
+ tokenString: 'tokenString',
456
+ tokenStruct: 'tokenStruct',
457
+ tokenSymbol: 'tokenSymbol',
453
458
  tokenTag: 'tokenTag',
454
- tokenCompletionSuggester: 'tokenCompletionSuggester',
455
- tokenDenseVector: 'tokenDenseVector',
456
459
  tokenText: 'tokenText',
457
460
  tokenTokenCount: 'tokenTokenCount',
458
- tokenSearchType: 'tokenSearchType',
459
- tokenHistogram: 'tokenHistogram'
461
+ tokenVariable: 'tokenVariable'
460
462
  };