@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.
- package/dist/eui_charts_theme.js +330 -330
- package/dist/eui_charts_theme.js.map +1 -1
- package/dist/eui_theme_dark.css +11 -487
- package/dist/eui_theme_dark.json +1 -2
- package/dist/eui_theme_dark.json.d.ts +1 -2
- package/dist/eui_theme_dark.min.css +1 -1
- package/dist/eui_theme_light.css +11 -487
- package/dist/eui_theme_light.json +1 -2
- package/dist/eui_theme_light.json.d.ts +1 -2
- package/dist/eui_theme_light.min.css +1 -1
- package/es/components/accessibility/skip_link/skip_link.js +1 -1
- package/es/components/avatar/avatar.js +1 -2
- package/es/components/badge/badge.js +1 -1
- package/es/components/badge/beta_badge/beta_badge.js +1 -1
- package/es/components/basic_table/basic_table.js +1 -1
- package/es/components/basic_table/collapsed_item_actions.js +1 -1
- package/es/components/basic_table/in_memory_table.js +1 -1
- package/es/components/button/_button_content_deprecated.js +1 -1
- package/es/components/button/button.js +2 -2
- package/es/components/button/button_display/_button_display.js +1 -1
- package/es/components/button/button_display/_button_display_content.js +1 -1
- package/es/components/button/button_empty/button_empty.js +1 -1
- package/es/components/button/button_group/button_group.js +1 -1
- package/es/components/button/button_group/button_group_button.js +1 -1
- package/es/components/button/button_icon/button_icon.js +1 -1
- package/es/components/call_out/call_out.js +1 -1
- package/es/components/card/card.js +1 -1
- package/es/components/card/card_select.js +1 -1
- package/es/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +1 -1
- package/es/components/color_picker/color_picker.js +1 -1
- package/es/components/combo_box/combo_box_options_list/combo_box_options_list.js +7 -4
- package/es/components/comment_list/comment.js +17 -8
- package/es/components/comment_list/comment_event.js +24 -30
- package/es/components/comment_list/comment_event.styles.js +15 -16
- package/es/components/comment_list/comment_list.js +12 -4
- package/es/components/comment_list/comment_timeline.js +20 -14
- package/es/components/context_menu/context_menu_panel.js +1 -1
- package/es/components/datagrid/body/data_grid_body.js +13 -13
- package/es/components/datagrid/body/data_grid_cell.js +24 -24
- package/es/components/datagrid/body/header/data_grid_header_cell.js +164 -68
- package/es/components/datagrid/body/header/data_grid_header_row.js +13 -13
- package/es/components/datagrid/controls/column_sorting_draggable.js +1 -1
- package/es/components/datagrid/data_grid.js +13 -13
- package/es/components/datagrid/utils/in_memory.js +12 -12
- package/es/components/date_picker/date_picker.js +2 -2
- package/es/components/date_picker/date_picker_range.js +1 -1
- package/es/components/empty_prompt/empty_prompt.js +1 -1
- package/es/components/error_boundary/error_boundary.js +18 -11
- package/es/components/error_boundary/error_boundary.styles.js +18 -0
- package/es/components/filter_group/filter_button.js +3 -1
- package/es/components/focus_trap/focus_trap.js +1 -0
- package/es/components/form/field_number/field_number.js +1 -1
- package/es/components/form/field_text/field_text.js +2 -2
- package/es/components/form/form.styles.js +11 -0
- package/es/components/form/form_control_layout/form_control_layout.js +2 -2
- package/es/components/form/form_control_layout/form_control_layout_custom_icon.js +1 -1
- package/es/components/form/form_control_layout/form_control_layout_icons.js +2 -2
- package/es/components/header/header_links/header_link.js +1 -1
- package/es/components/header/header_links/header_links.js +10 -8
- package/es/components/header/header_logo.js +1 -1
- package/es/components/icon/assets/tokenMetricCounter.js +38 -0
- package/es/components/icon/assets/tokenMetricGauge.js +38 -0
- package/es/components/icon/icon.js +1 -1
- package/es/components/icon/icon_map.js +38 -36
- package/es/components/image/image.js +71 -166
- package/es/components/image/image.styles.js +28 -0
- package/es/components/image/image_button.js +68 -0
- package/es/components/image/image_button.styles.js +41 -0
- package/es/components/image/image_caption.js +28 -0
- package/es/components/image/image_caption.styles.js +18 -0
- package/es/components/image/image_fullscreen_wrapper.js +100 -0
- package/es/components/image/image_fullscreen_wrapper.styles.js +26 -0
- package/es/components/image/image_types.js +10 -0
- package/es/components/image/image_wrapper.js +78 -0
- package/es/components/image/image_wrapper.styles.js +41 -0
- package/es/components/key_pad_menu/key_pad_menu_item.js +1 -1
- package/es/components/list_group/list_group.js +2 -2
- package/es/components/list_group/list_group_item.js +2 -2
- package/es/components/list_group/pinnable_list_group/pinnable_list_group.js +4 -4
- package/es/components/loading/loading_logo.js +1 -1
- package/es/components/markdown_editor/markdown_editor.js +1 -1
- package/es/components/markdown_editor/markdown_editor_drop_zone.js +1 -1
- package/es/components/markdown_editor/markdown_editor_footer.js +1 -1
- package/es/components/markdown_editor/markdown_editor_toolbar.js +1 -1
- package/es/components/notification/notification_event.js +2 -2
- package/es/components/notification/notification_event_meta.js +1 -1
- package/es/components/page/page_header/page_header.js +1 -1
- package/es/components/page/page_header/page_header_content.js +1 -1
- package/es/components/page/page_template.js +1 -1
- package/es/components/pagination/pagination_button.js +1 -1
- package/es/components/popover/input_popover.js +8 -4
- package/es/components/popover/popover.js +58 -148
- package/es/components/popover/popover.styles.js +15 -0
- package/es/components/popover/popover_arrow/_popover_arrow.js +40 -0
- package/es/components/popover/popover_arrow/_popover_arrow.styles.js +25 -0
- package/es/components/popover/popover_arrow/index.js +8 -0
- package/es/components/popover/popover_footer.js +15 -12
- package/es/components/popover/popover_footer.styles.js +19 -0
- package/es/components/popover/popover_panel/_popover_panel.js +114 -0
- package/es/components/popover/popover_panel/_popover_panel.styles.js +42 -0
- package/es/components/popover/popover_panel/index.js +8 -0
- package/es/components/popover/popover_title.js +15 -12
- package/es/components/popover/popover_title.styles.js +20 -0
- package/es/components/popover/wrapping_popover.js +45 -88
- package/es/components/portal/portal.js +38 -79
- package/es/components/selectable/selectable.js +8 -9
- package/es/components/selectable/selectable_list/selectable_list.js +1 -1
- package/es/components/selectable/selectable_list/selectable_list_item.js +1 -1
- package/es/components/selectable/selectable_search/selectable_search.js +1 -6
- package/es/components/selectable/selectable_templates/selectable_template_sitewide.js +2 -2
- package/es/components/suggest/suggest.js +1 -5
- package/es/components/suggest/suggest_item.js +1 -1
- package/es/components/table/table_header_button.js +1 -1
- package/es/components/text/text.styles.js +1 -1
- package/es/components/text_diff/text_diff.js +5 -0
- package/es/components/text_diff/text_diff.styles.js +15 -0
- package/es/components/timeline/timeline_item_icon.js +1 -1
- package/es/components/toast/global_toast_list.js +1 -1
- package/es/components/toast/toast.js +1 -1
- package/es/components/token/token.js +1 -1
- package/es/components/token/token_map.js +115 -107
- package/es/components/tool_tip/icon_tip.js +1 -1
- package/es/components/tour/tour.js +6 -6
- package/es/components/tour/tour_step.js +6 -6
- package/es/global_styling/functions/logicals.js +22 -0
- package/es/global_styling/mixins/_responsive.js +46 -0
- package/es/global_styling/mixins/index.js +2 -1
- package/es/test/rtl/component_helpers.d.ts +7 -0
- package/es/test/rtl/component_helpers.js +72 -0
- package/es/test/rtl/custom_render.d.ts +74 -0
- package/es/test/rtl/custom_render.js +52 -0
- package/es/test/rtl/data_test_subj_queries.d.ts +5 -0
- package/es/test/rtl/data_test_subj_queries.js +46 -0
- package/es/test/rtl/index.d.ts +3 -0
- package/es/test/rtl/index.js +10 -0
- package/es/themes/amsterdam/global_styling/functions/shadows.js +1 -1
- package/es/themes/amsterdam/global_styling/mixins/shadow.js +13 -2
- package/eui.d.ts +501 -125
- package/i18ntokens.json +134 -38
- package/lib/components/accessibility/skip_link/skip_link.js +1 -1
- package/lib/components/avatar/avatar.js +1 -2
- package/lib/components/badge/badge.js +1 -1
- package/lib/components/badge/beta_badge/beta_badge.js +1 -1
- package/lib/components/basic_table/basic_table.js +1 -1
- package/lib/components/basic_table/collapsed_item_actions.js +1 -1
- package/lib/components/basic_table/in_memory_table.js +1 -1
- package/lib/components/button/_button_content_deprecated.js +1 -1
- package/lib/components/button/button.js +2 -2
- package/lib/components/button/button_display/_button_display.js +1 -1
- package/lib/components/button/button_display/_button_display_content.js +1 -1
- package/lib/components/button/button_empty/button_empty.js +1 -1
- package/lib/components/button/button_group/button_group.js +1 -1
- package/lib/components/button/button_group/button_group_button.js +1 -1
- package/lib/components/button/button_icon/button_icon.js +1 -1
- package/lib/components/call_out/call_out.js +1 -1
- package/lib/components/card/card.js +1 -1
- package/lib/components/card/card_select.js +1 -1
- package/lib/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +1 -1
- package/lib/components/color_picker/color_picker.js +1 -1
- package/lib/components/combo_box/combo_box_options_list/combo_box_options_list.js +8 -5
- package/lib/components/comment_list/comment.js +17 -8
- package/lib/components/comment_list/comment_event.js +31 -28
- package/lib/components/comment_list/comment_event.styles.js +15 -16
- package/lib/components/comment_list/comment_list.js +12 -4
- package/lib/components/comment_list/comment_timeline.js +27 -14
- package/lib/components/context_menu/context_menu_panel.js +1 -1
- package/lib/components/datagrid/body/data_grid_body.js +13 -13
- package/lib/components/datagrid/body/data_grid_cell.js +24 -24
- package/lib/components/datagrid/body/header/data_grid_header_cell.js +166 -67
- package/lib/components/datagrid/body/header/data_grid_header_row.js +13 -13
- package/lib/components/datagrid/controls/column_sorting_draggable.js +1 -1
- package/lib/components/datagrid/data_grid.js +13 -13
- package/lib/components/datagrid/utils/in_memory.js +12 -12
- package/lib/components/date_picker/date_picker.js +2 -2
- package/lib/components/date_picker/date_picker_range.js +1 -1
- package/lib/components/empty_prompt/empty_prompt.js +1 -1
- package/lib/components/error_boundary/error_boundary.js +23 -13
- package/lib/components/error_boundary/error_boundary.styles.js +30 -0
- package/lib/components/filter_group/filter_button.js +3 -1
- package/lib/components/focus_trap/focus_trap.js +1 -0
- package/lib/components/form/field_number/field_number.js +1 -1
- package/lib/components/form/field_text/field_text.js +2 -2
- package/lib/components/form/form.styles.js +20 -0
- package/lib/components/form/form_control_layout/form_control_layout.js +2 -2
- package/lib/components/form/form_control_layout/form_control_layout_custom_icon.js +1 -1
- package/lib/components/form/form_control_layout/form_control_layout_icons.js +2 -2
- package/lib/components/header/header_links/header_link.js +1 -1
- package/lib/components/header/header_links/header_links.js +10 -8
- package/lib/components/header/header_logo.js +1 -1
- package/lib/components/icon/assets/tokenMetricCounter.js +45 -0
- package/lib/components/icon/assets/tokenMetricGauge.js +45 -0
- package/lib/components/icon/icon.js +1 -1
- package/lib/components/icon/icon_map.js +38 -36
- package/lib/components/icon/svgs/tokens/tokenMetricCounter.svg +3 -0
- package/lib/components/icon/svgs/tokens/tokenMetricGauge.svg +3 -0
- package/lib/components/image/image.js +73 -168
- package/lib/components/image/image.styles.js +40 -0
- package/lib/components/image/image_button.js +81 -0
- package/lib/components/image/image_button.styles.js +48 -0
- package/lib/components/image/image_caption.js +49 -0
- package/lib/components/image/image_caption.styles.js +30 -0
- package/lib/components/image/image_fullscreen_wrapper.js +117 -0
- package/lib/components/image/image_fullscreen_wrapper.styles.js +30 -0
- package/lib/components/image/image_types.js +18 -0
- package/lib/components/image/image_wrapper.js +91 -0
- package/lib/components/image/image_wrapper.styles.js +44 -0
- package/lib/components/key_pad_menu/key_pad_menu_item.js +1 -1
- package/lib/components/list_group/list_group.js +2 -2
- package/lib/components/list_group/list_group_item.js +2 -2
- package/lib/components/list_group/pinnable_list_group/pinnable_list_group.js +4 -4
- package/lib/components/loading/loading_logo.js +1 -1
- package/lib/components/markdown_editor/markdown_editor.js +1 -1
- package/lib/components/markdown_editor/markdown_editor_drop_zone.js +1 -1
- package/lib/components/markdown_editor/markdown_editor_footer.js +1 -1
- package/lib/components/markdown_editor/markdown_editor_toolbar.js +1 -1
- package/lib/components/notification/notification_event.js +2 -2
- package/lib/components/notification/notification_event_meta.js +1 -1
- package/lib/components/page/page_header/page_header.js +1 -1
- package/lib/components/page/page_header/page_header_content.js +1 -1
- package/lib/components/page/page_template.js +1 -1
- package/lib/components/popover/input_popover.js +8 -3
- package/lib/components/popover/popover.js +74 -165
- package/lib/components/popover/popover.styles.js +26 -0
- package/lib/components/popover/popover_arrow/_popover_arrow.js +51 -0
- package/lib/components/popover/popover_arrow/_popover_arrow.styles.js +38 -0
- package/lib/components/popover/popover_arrow/index.js +13 -0
- package/lib/components/popover/popover_footer.js +25 -15
- package/lib/components/popover/popover_footer.styles.js +30 -0
- package/lib/components/popover/popover_panel/_popover_panel.js +132 -0
- package/lib/components/popover/popover_panel/_popover_panel.styles.js +54 -0
- package/lib/components/popover/popover_panel/index.js +13 -0
- package/lib/components/popover/popover_title.js +25 -15
- package/lib/components/popover/popover_title.styles.js +32 -0
- package/lib/components/popover/wrapping_popover.js +44 -85
- package/lib/components/portal/portal.js +39 -82
- package/lib/components/selectable/selectable.js +8 -9
- package/lib/components/selectable/selectable_list/selectable_list.js +1 -1
- package/lib/components/selectable/selectable_list/selectable_list_item.js +1 -1
- package/lib/components/selectable/selectable_search/selectable_search.js +0 -5
- package/lib/components/selectable/selectable_templates/selectable_template_sitewide.js +2 -2
- package/lib/components/suggest/suggest.js +1 -5
- package/lib/components/suggest/suggest_item.js +1 -1
- package/lib/components/table/table_header_button.js +1 -1
- package/lib/components/text/text.styles.js +1 -1
- package/lib/components/text_diff/text_diff.js +7 -0
- package/lib/components/text_diff/text_diff.styles.js +25 -0
- package/lib/components/timeline/timeline_item_icon.js +1 -1
- package/lib/components/toast/global_toast_list.js +1 -1
- package/lib/components/toast/toast.js +1 -1
- package/lib/components/token/token.js +1 -1
- package/lib/components/token/token_map.js +115 -107
- package/lib/components/tool_tip/icon_tip.js +1 -1
- package/lib/global_styling/functions/logicals.js +30 -2
- package/lib/global_styling/mixins/_responsive.js +60 -0
- package/lib/global_styling/mixins/index.js +13 -0
- package/lib/test/rtl/component_helpers.d.ts +7 -0
- package/lib/test/rtl/component_helpers.js +77 -0
- package/lib/test/rtl/custom_render.d.ts +74 -0
- package/lib/test/rtl/custom_render.js +60 -0
- package/lib/test/rtl/data_test_subj_queries.d.ts +5 -0
- package/lib/test/rtl/data_test_subj_queries.js +52 -0
- package/lib/test/rtl/index.d.ts +3 -0
- package/lib/test/rtl/index.js +81 -0
- package/lib/themes/amsterdam/global_styling/functions/shadows.js +1 -1
- package/lib/themes/amsterdam/global_styling/mixins/shadow.js +13 -2
- package/optimize/es/components/avatar/avatar.js +0 -1
- package/optimize/es/components/color_picker/color_picker.js +1 -1
- package/optimize/es/components/combo_box/combo_box_options_list/combo_box_options_list.js +7 -4
- package/optimize/es/components/comment_list/comment.js +5 -4
- package/optimize/es/components/comment_list/comment_event.js +22 -28
- package/optimize/es/components/comment_list/comment_event.styles.js +15 -16
- package/optimize/es/components/comment_list/comment_timeline.js +10 -11
- package/optimize/es/components/context_menu/context_menu_panel.js +1 -1
- package/optimize/es/components/datagrid/body/header/data_grid_header_cell.js +150 -54
- package/optimize/es/components/error_boundary/error_boundary.js +17 -10
- package/optimize/es/components/error_boundary/error_boundary.styles.js +18 -0
- package/optimize/es/components/filter_group/filter_button.js +3 -1
- package/optimize/es/components/focus_trap/focus_trap.js +1 -0
- package/optimize/es/components/form/form.styles.js +11 -0
- package/optimize/es/components/icon/assets/tokenMetricCounter.js +34 -0
- package/optimize/es/components/icon/assets/tokenMetricGauge.js +34 -0
- package/optimize/es/components/icon/icon_map.js +38 -36
- package/optimize/es/components/image/image.js +50 -154
- package/optimize/es/components/image/image.styles.js +28 -0
- package/optimize/es/components/image/image_button.js +56 -0
- package/optimize/es/components/image/image_button.styles.js +41 -0
- package/optimize/es/components/image/image_caption.js +24 -0
- package/optimize/es/components/image/image_caption.styles.js +18 -0
- package/optimize/es/components/image/image_fullscreen_wrapper.js +84 -0
- package/optimize/es/components/image/image_fullscreen_wrapper.styles.js +26 -0
- package/optimize/es/components/image/image_types.js +10 -0
- package/optimize/es/components/image/image_wrapper.js +62 -0
- package/optimize/es/components/image/image_wrapper.styles.js +41 -0
- package/optimize/es/components/popover/input_popover.js +8 -4
- package/optimize/es/components/popover/popover.js +41 -131
- package/optimize/es/components/popover/popover.styles.js +15 -0
- package/optimize/es/components/popover/popover_arrow/_popover_arrow.js +29 -0
- package/optimize/es/components/popover/popover_arrow/_popover_arrow.styles.js +25 -0
- package/optimize/es/components/popover/popover_arrow/index.js +8 -0
- package/optimize/es/components/popover/popover_footer.js +15 -12
- package/optimize/es/components/popover/popover_footer.styles.js +19 -0
- package/optimize/es/components/popover/popover_panel/_popover_panel.js +55 -0
- package/optimize/es/components/popover/popover_panel/_popover_panel.styles.js +42 -0
- package/optimize/es/components/popover/popover_panel/index.js +8 -0
- package/optimize/es/components/popover/popover_title.js +15 -12
- package/optimize/es/components/popover/popover_title.styles.js +20 -0
- package/optimize/es/components/popover/wrapping_popover.js +38 -79
- package/optimize/es/components/portal/portal.js +34 -61
- package/optimize/es/components/selectable/selectable.js +8 -9
- package/optimize/es/components/selectable/selectable_search/selectable_search.js +1 -6
- package/optimize/es/components/selectable/selectable_templates/selectable_template_sitewide.js +1 -1
- package/optimize/es/components/suggest/suggest.js +0 -4
- package/optimize/es/components/text/text.styles.js +1 -1
- package/optimize/es/components/text_diff/text_diff.js +5 -0
- package/optimize/es/components/text_diff/text_diff.styles.js +15 -0
- package/optimize/es/components/token/token_map.js +115 -107
- package/optimize/es/global_styling/functions/logicals.js +22 -0
- package/optimize/es/global_styling/mixins/_responsive.js +46 -0
- package/optimize/es/global_styling/mixins/index.js +2 -1
- package/optimize/es/test/rtl/component_helpers.d.ts +7 -0
- package/optimize/es/test/rtl/component_helpers.js +71 -0
- package/optimize/es/test/rtl/custom_render.d.ts +74 -0
- package/optimize/es/test/rtl/custom_render.js +48 -0
- package/optimize/es/test/rtl/data_test_subj_queries.d.ts +5 -0
- package/optimize/es/test/rtl/data_test_subj_queries.js +36 -0
- package/optimize/es/test/rtl/index.d.ts +3 -0
- package/optimize/es/test/rtl/index.js +10 -0
- package/optimize/es/themes/amsterdam/global_styling/functions/shadows.js +1 -1
- package/optimize/es/themes/amsterdam/global_styling/mixins/shadow.js +13 -2
- package/optimize/lib/components/avatar/avatar.js +0 -1
- package/optimize/lib/components/color_picker/color_picker.js +1 -1
- package/optimize/lib/components/combo_box/combo_box_options_list/combo_box_options_list.js +8 -5
- package/optimize/lib/components/comment_list/comment.js +5 -4
- package/optimize/lib/components/comment_list/comment_event.js +22 -26
- package/optimize/lib/components/comment_list/comment_event.styles.js +15 -16
- package/optimize/lib/components/comment_list/comment_timeline.js +10 -11
- package/optimize/lib/components/context_menu/context_menu_panel.js +1 -1
- package/optimize/lib/components/datagrid/body/header/data_grid_header_cell.js +153 -54
- package/optimize/lib/components/error_boundary/error_boundary.js +20 -10
- package/optimize/lib/components/error_boundary/error_boundary.styles.js +30 -0
- package/optimize/lib/components/filter_group/filter_button.js +3 -1
- package/optimize/lib/components/focus_trap/focus_trap.js +1 -0
- package/optimize/lib/components/form/form.styles.js +20 -0
- package/optimize/lib/components/icon/assets/tokenMetricCounter.js +44 -0
- package/optimize/lib/components/icon/assets/tokenMetricGauge.js +44 -0
- package/optimize/lib/components/icon/icon_map.js +38 -36
- package/optimize/lib/components/icon/svgs/tokens/tokenMetricCounter.svg +3 -0
- package/optimize/lib/components/icon/svgs/tokens/tokenMetricGauge.svg +3 -0
- package/optimize/lib/components/image/image.js +52 -156
- package/optimize/lib/components/image/image.styles.js +40 -0
- package/optimize/lib/components/image/image_button.js +68 -0
- package/optimize/lib/components/image/image_button.styles.js +48 -0
- package/optimize/lib/components/image/image_caption.js +42 -0
- package/optimize/lib/components/image/image_caption.styles.js +30 -0
- package/optimize/lib/components/image/image_fullscreen_wrapper.js +108 -0
- package/optimize/lib/components/image/image_fullscreen_wrapper.styles.js +32 -0
- package/optimize/lib/components/image/image_types.js +18 -0
- package/optimize/lib/components/image/image_wrapper.js +82 -0
- package/optimize/lib/components/image/image_wrapper.styles.js +44 -0
- package/optimize/lib/components/popover/input_popover.js +7 -3
- package/optimize/lib/components/popover/popover.js +60 -150
- package/optimize/lib/components/popover/popover.styles.js +26 -0
- package/optimize/lib/components/popover/popover_arrow/_popover_arrow.js +39 -0
- package/optimize/lib/components/popover/popover_arrow/_popover_arrow.styles.js +38 -0
- package/optimize/lib/components/popover/popover_arrow/index.js +13 -0
- package/optimize/lib/components/popover/popover_footer.js +26 -14
- package/optimize/lib/components/popover/popover_footer.styles.js +30 -0
- package/optimize/lib/components/popover/popover_panel/_popover_panel.js +74 -0
- package/optimize/lib/components/popover/popover_panel/_popover_panel.styles.js +54 -0
- package/optimize/lib/components/popover/popover_panel/index.js +13 -0
- package/optimize/lib/components/popover/popover_title.js +26 -14
- package/optimize/lib/components/popover/popover_title.styles.js +32 -0
- package/optimize/lib/components/popover/wrapping_popover.js +38 -78
- package/optimize/lib/components/portal/portal.js +45 -61
- package/optimize/lib/components/selectable/selectable.js +8 -8
- package/optimize/lib/components/selectable/selectable_search/selectable_search.js +0 -5
- package/optimize/lib/components/selectable/selectable_templates/selectable_template_sitewide.js +1 -1
- package/optimize/lib/components/suggest/suggest.js +0 -4
- package/optimize/lib/components/text/text.styles.js +1 -1
- package/optimize/lib/components/text_diff/text_diff.js +7 -0
- package/optimize/lib/components/text_diff/text_diff.styles.js +25 -0
- package/optimize/lib/components/token/token_map.js +115 -107
- package/optimize/lib/global_styling/functions/logicals.js +30 -2
- package/optimize/lib/global_styling/mixins/_responsive.js +60 -0
- package/optimize/lib/global_styling/mixins/index.js +13 -0
- package/optimize/lib/test/rtl/component_helpers.d.ts +7 -0
- package/optimize/lib/test/rtl/component_helpers.js +87 -0
- package/optimize/lib/test/rtl/custom_render.d.ts +74 -0
- package/optimize/lib/test/rtl/custom_render.js +59 -0
- package/optimize/lib/test/rtl/data_test_subj_queries.d.ts +5 -0
- package/optimize/lib/test/rtl/data_test_subj_queries.js +51 -0
- package/optimize/lib/test/rtl/index.d.ts +3 -0
- package/optimize/lib/test/rtl/index.js +81 -0
- package/optimize/lib/themes/amsterdam/global_styling/functions/shadows.js +1 -1
- package/optimize/lib/themes/amsterdam/global_styling/mixins/shadow.js +13 -2
- package/package.json +8 -2
- package/src/components/combo_box/combo_box_options_list/_combo_box_options_list.scss +0 -4
- package/src/components/context_menu/_context_menu_panel.scss +2 -2
- package/src/components/index.scss +0 -4
- package/src/components/tour/_tour.scss +13 -9
- package/src/global_styling/mixins/_index.scss +0 -1
- package/src/themes/amsterdam/global_styling/mixins/_index.scss +0 -2
- package/src/themes/amsterdam/overrides/_index.scss +0 -2
- package/test-env/components/accessibility/skip_link/skip_link.js +1 -1
- package/test-env/components/avatar/avatar.js +1 -2
- package/test-env/components/badge/badge.js +1 -1
- package/test-env/components/badge/beta_badge/beta_badge.js +1 -1
- package/test-env/components/basic_table/basic_table.js +1 -1
- package/test-env/components/basic_table/collapsed_item_actions.js +1 -1
- package/test-env/components/basic_table/in_memory_table.js +1 -1
- package/test-env/components/button/_button_content_deprecated.js +1 -1
- package/test-env/components/button/button.js +2 -2
- package/test-env/components/button/button_display/_button_display.js +1 -1
- package/test-env/components/button/button_display/_button_display_content.js +1 -1
- package/test-env/components/button/button_empty/button_empty.js +1 -1
- package/test-env/components/button/button_group/button_group.js +1 -1
- package/test-env/components/button/button_group/button_group_button.js +1 -1
- package/test-env/components/button/button_icon/button_icon.js +1 -1
- package/test-env/components/call_out/call_out.js +1 -1
- package/test-env/components/card/card.js +1 -1
- package/test-env/components/card/card_select.js +1 -1
- package/test-env/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js +1 -1
- package/test-env/components/color_picker/color_picker.js +1 -1
- package/test-env/components/combo_box/combo_box_options_list/combo_box_options_list.js +8 -5
- package/test-env/components/comment_list/comment.js +17 -8
- package/test-env/components/comment_list/comment_event.js +24 -28
- package/test-env/components/comment_list/comment_event.styles.js +15 -16
- package/test-env/components/comment_list/comment_list.js +12 -4
- package/test-env/components/comment_list/comment_timeline.js +20 -14
- package/test-env/components/context_menu/context_menu_panel.js +1 -1
- package/test-env/components/datagrid/body/data_grid_body.js +13 -13
- package/test-env/components/datagrid/body/data_grid_cell.js +24 -24
- package/test-env/components/datagrid/body/header/data_grid_header_cell.js +166 -67
- package/test-env/components/datagrid/body/header/data_grid_header_row.js +13 -13
- package/test-env/components/datagrid/controls/column_sorting_draggable.js +1 -1
- package/test-env/components/datagrid/data_grid.js +13 -13
- package/test-env/components/datagrid/utils/in_memory.js +12 -12
- package/test-env/components/date_picker/date_picker.js +2 -2
- package/test-env/components/date_picker/date_picker_range.js +1 -1
- package/test-env/components/empty_prompt/empty_prompt.js +1 -1
- package/test-env/components/error_boundary/error_boundary.js +23 -13
- package/test-env/components/error_boundary/error_boundary.styles.js +30 -0
- package/test-env/components/filter_group/filter_button.js +3 -1
- package/test-env/components/form/field_number/field_number.js +1 -1
- package/test-env/components/form/field_text/field_text.js +2 -2
- package/test-env/components/form/form.styles.js +20 -0
- package/test-env/components/form/form_control_layout/form_control_layout.js +2 -2
- package/test-env/components/form/form_control_layout/form_control_layout_custom_icon.js +1 -1
- package/test-env/components/form/form_control_layout/form_control_layout_icons.js +2 -2
- package/test-env/components/header/header_links/header_link.js +1 -1
- package/test-env/components/header/header_links/header_links.js +10 -8
- package/test-env/components/header/header_logo.js +1 -1
- package/test-env/components/icon/assets/tokenMetricCounter.js +44 -0
- package/test-env/components/icon/assets/tokenMetricGauge.js +44 -0
- package/test-env/components/icon/icon_map.js +38 -36
- package/test-env/components/image/image.js +73 -168
- package/test-env/components/image/image.styles.js +40 -0
- package/test-env/components/image/image_button.js +77 -0
- package/test-env/components/image/image_button.styles.js +48 -0
- package/test-env/components/image/image_caption.js +49 -0
- package/test-env/components/image/image_caption.styles.js +30 -0
- package/test-env/components/image/image_fullscreen_wrapper.js +114 -0
- package/test-env/components/image/image_fullscreen_wrapper.styles.js +32 -0
- package/test-env/components/image/image_types.js +18 -0
- package/test-env/components/image/image_wrapper.js +88 -0
- package/test-env/components/image/image_wrapper.styles.js +44 -0
- package/test-env/components/key_pad_menu/key_pad_menu_item.js +1 -1
- package/test-env/components/list_group/list_group.js +2 -2
- package/test-env/components/list_group/list_group_item.js +2 -2
- package/test-env/components/list_group/pinnable_list_group/pinnable_list_group.js +4 -4
- package/test-env/components/loading/loading_logo.js +1 -1
- package/test-env/components/markdown_editor/markdown_editor.js +1 -1
- package/test-env/components/markdown_editor/markdown_editor_drop_zone.js +1 -1
- package/test-env/components/markdown_editor/markdown_editor_footer.js +1 -1
- package/test-env/components/markdown_editor/markdown_editor_toolbar.js +1 -1
- package/test-env/components/notification/notification_event.js +2 -2
- package/test-env/components/notification/notification_event_meta.js +1 -1
- package/test-env/components/page/page_header/page_header.js +1 -1
- package/test-env/components/page/page_header/page_header_content.js +1 -1
- package/test-env/components/page/page_template.js +1 -1
- package/test-env/components/popover/input_popover.js +7 -3
- package/test-env/components/popover/popover.js +75 -166
- package/test-env/components/popover/popover.styles.js +26 -0
- package/test-env/components/popover/popover_arrow/_popover_arrow.js +47 -0
- package/test-env/components/popover/popover_arrow/_popover_arrow.styles.js +38 -0
- package/test-env/components/popover/popover_arrow/index.js +13 -0
- package/test-env/components/popover/popover_footer.js +26 -14
- package/test-env/components/popover/popover_footer.styles.js +30 -0
- package/test-env/components/popover/popover_panel/_popover_panel.js +119 -0
- package/test-env/components/popover/popover_panel/_popover_panel.styles.js +54 -0
- package/test-env/components/popover/popover_panel/index.js +13 -0
- package/test-env/components/popover/popover_title.js +26 -14
- package/test-env/components/popover/popover_title.styles.js +32 -0
- package/test-env/components/popover/wrapping_popover.js +38 -78
- package/test-env/components/portal/portal.js +46 -75
- package/test-env/components/selectable/selectable.js +8 -8
- package/test-env/components/selectable/selectable_list/selectable_list.js +1 -1
- package/test-env/components/selectable/selectable_list/selectable_list_item.js +1 -1
- package/test-env/components/selectable/selectable_search/selectable_search.js +0 -5
- package/test-env/components/selectable/selectable_templates/selectable_template_sitewide.js +2 -2
- package/test-env/components/suggest/suggest.js +1 -5
- package/test-env/components/suggest/suggest_item.js +1 -1
- package/test-env/components/table/table_header_button.js +1 -1
- package/test-env/components/text/text.styles.js +1 -1
- package/test-env/components/text_diff/text_diff.js +7 -0
- package/test-env/components/text_diff/text_diff.styles.js +25 -0
- package/test-env/components/timeline/timeline_item_icon.js +1 -1
- package/test-env/components/toast/global_toast_list.js +1 -1
- package/test-env/components/toast/toast.js +1 -1
- package/test-env/components/token/token.js +1 -1
- package/test-env/components/token/token_map.js +115 -107
- package/test-env/components/tool_tip/icon_tip.js +1 -1
- package/test-env/global_styling/functions/logicals.js +30 -2
- package/test-env/global_styling/mixins/_responsive.js +60 -0
- package/test-env/global_styling/mixins/index.js +13 -0
- package/test-env/test/rtl/component_helpers.js +87 -0
- package/test-env/test/rtl/custom_render.js +59 -0
- package/test-env/test/rtl/data_test_subj_queries.js +51 -0
- package/test-env/test/rtl/index.js +81 -0
- package/test-env/themes/amsterdam/global_styling/functions/shadows.js +1 -1
- package/test-env/themes/amsterdam/global_styling/mixins/shadow.js +13 -2
- package/src/components/error_boundary/_error_boundary.scss +0 -13
- package/src/components/error_boundary/_index.scss +0 -1
- package/src/components/image/_image.scss +0 -212
- package/src/components/image/_index.scss +0 -1
- package/src/components/popover/_index.scss +0 -5
- package/src/components/popover/_input_popover.scss +0 -7
- package/src/components/popover/_popover.scss +0 -182
- package/src/components/popover/_popover_footer.scss +0 -27
- package/src/components/popover/_popover_title.scss +0 -27
- package/src/components/popover/_variables.scss +0 -2
- package/src/components/text_diff/_index.scss +0 -1
- package/src/components/text_diff/_text_diff.scss +0 -9
- package/src/global_styling/mixins/_popover.scss +0 -19
- package/src/themes/amsterdam/global_styling/mixins/_popover.scss +0 -5
- package/src/themes/amsterdam/overrides/_image.scss +0 -10
- 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 {
|
|
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
|
-
|
|
108
|
-
|
|
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
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
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
|
-
|
|
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,
|
|
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
|
|
28
|
-
_inherits(
|
|
29
|
+
export var _EuiErrorBoundary = /*#__PURE__*/function (_Component) {
|
|
30
|
+
_inherits(_EuiErrorBoundary, _Component);
|
|
29
31
|
|
|
30
|
-
var _super = _createSuper(
|
|
32
|
+
var _super = _createSuper(_EuiErrorBoundary);
|
|
31
33
|
|
|
32
|
-
function
|
|
34
|
+
function _EuiErrorBoundary(props) {
|
|
33
35
|
var _this;
|
|
34
36
|
|
|
35
|
-
_classCallCheck(this,
|
|
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(
|
|
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
|
-
|
|
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
|
|
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
|
-
|
|
415
|
+
tokenCompletionSuggester: 'tokenCompletionSuggester',
|
|
416
|
+
tokenConstant: 'tokenConstant',
|
|
417
|
+
tokenDate: 'tokenDate',
|
|
418
|
+
tokenDenseVector: 'tokenDenseVector',
|
|
419
|
+
tokenElement: 'tokenElement',
|
|
411
420
|
tokenEnum: 'tokenEnum',
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
tokenAnnotation: 'tokenAnnotation',
|
|
421
|
+
tokenEnumMember: 'tokenEnumMember',
|
|
422
|
+
tokenEvent: 'tokenEvent',
|
|
415
423
|
tokenException: 'tokenException',
|
|
416
|
-
tokenInterface: 'tokenInterface',
|
|
417
|
-
tokenParameter: 'tokenParameter',
|
|
418
424
|
tokenField: 'tokenField',
|
|
419
|
-
|
|
425
|
+
tokenFile: 'tokenFile',
|
|
426
|
+
tokenFlattened: 'tokenFlattened',
|
|
420
427
|
tokenFunction: 'tokenFunction',
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
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
|
-
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
|
|
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
|
-
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
441
|
+
tokenNull: 'tokenNull',
|
|
442
|
+
tokenNumber: 'tokenNumber',
|
|
443
|
+
tokenObject: 'tokenObject',
|
|
444
|
+
tokenOperator: 'tokenOperator',
|
|
445
|
+
tokenPackage: 'tokenPackage',
|
|
446
|
+
tokenParameter: 'tokenParameter',
|
|
448
447
|
tokenPercolator: 'tokenPercolator',
|
|
449
|
-
|
|
448
|
+
tokenProperty: 'tokenProperty',
|
|
449
|
+
tokenRange: 'tokenRange',
|
|
450
450
|
tokenRankFeature: 'tokenRankFeature',
|
|
451
451
|
tokenRankFeatures: 'tokenRankFeatures',
|
|
452
|
-
|
|
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
|
-
|
|
459
|
-
tokenHistogram: 'tokenHistogram'
|
|
461
|
+
tokenVariable: 'tokenVariable'
|
|
460
462
|
};
|