@elastic/eui 60.2.0 → 62.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/eui_theme_dark.css +20 -660
- 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 +20 -660
- 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/accordion/accordion.js +10 -5
- 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 +54 -24
- package/es/components/comment_list/comment_event.js +103 -32
- package/es/components/comment_list/comment_event.styles.js +78 -0
- package/es/components/comment_list/comment_list.js +45 -12
- package/es/components/comment_list/comment_timeline.js +29 -35
- package/es/components/context_menu/context_menu.js +1 -1
- package/es/components/context_menu/context_menu_panel.js +1 -1
- package/es/components/datagrid/body/data_grid_body.js +20 -17
- package/es/components/datagrid/body/data_grid_cell.js +102 -34
- 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 +15 -13
- package/es/components/datagrid/utils/in_memory.js +12 -12
- package/es/components/datagrid/utils/ref.js +24 -3
- package/es/components/datagrid/utils/row_heights.js +27 -33
- 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/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/keyboard.js +38 -0
- package/es/components/icon/assets/tokenMetricCounter.js +38 -0
- package/es/components/icon/assets/{keyboard_shortcut.js → tokenMetricGauge.js} +3 -3
- package/es/components/icon/icon.js +1 -1
- package/es/components/icon/icon_map.js +39 -37
- 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/selectable/selectable.js +10 -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 +5 -4
- 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.js +1 -2
- 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/services/hooks/index.js +1 -0
- package/es/services/hooks/useLatest.js +18 -0
- package/es/test/emotion-prefix.js +1 -1
- 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 +620 -252
- package/i18ntokens.json +147 -51
- package/lib/components/accessibility/skip_link/skip_link.js +1 -1
- package/lib/components/accordion/accordion.js +10 -5
- 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 +53 -25
- package/lib/components/comment_list/comment_event.js +104 -41
- package/lib/components/comment_list/comment_event.styles.js +86 -0
- package/lib/components/comment_list/comment_list.js +46 -12
- package/lib/components/comment_list/comment_timeline.js +30 -40
- package/lib/components/context_menu/context_menu.js +1 -1
- package/lib/components/context_menu/context_menu_panel.js +1 -1
- package/lib/components/datagrid/body/data_grid_body.js +20 -17
- package/lib/components/datagrid/body/data_grid_cell.js +101 -33
- 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 +15 -13
- package/lib/components/datagrid/utils/in_memory.js +12 -12
- package/lib/components/datagrid/utils/ref.js +24 -3
- package/lib/components/datagrid/utils/row_heights.js +26 -32
- 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/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/keyboard.js +45 -0
- package/lib/components/icon/assets/tokenMetricCounter.js +45 -0
- package/lib/components/icon/assets/{keyboard_shortcut.js → tokenMetricGauge.js} +3 -3
- package/lib/components/icon/icon.js +1 -1
- package/lib/components/icon/icon_map.js +39 -37
- package/lib/components/icon/svgs/keyboard.svg +3 -0
- 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/selectable/selectable.js +10 -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 +4 -3
- 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.js +1 -2
- 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/services/hooks/index.js +13 -0
- package/lib/services/hooks/useLatest.js +26 -0
- package/lib/test/emotion-prefix.js +1 -1
- 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/accordion/accordion.js +10 -5
- 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 +24 -18
- package/optimize/es/components/comment_list/comment_event.js +83 -28
- package/optimize/es/components/comment_list/comment_event.styles.js +78 -0
- package/optimize/es/components/comment_list/comment_list.js +7 -3
- package/optimize/es/components/comment_list/comment_timeline.js +19 -32
- package/optimize/es/components/context_menu/context_menu_panel.js +1 -1
- package/optimize/es/components/datagrid/body/data_grid_body.js +7 -4
- package/optimize/es/components/datagrid/body/data_grid_cell.js +18 -9
- package/optimize/es/components/datagrid/body/header/data_grid_header_cell.js +150 -54
- package/optimize/es/components/datagrid/data_grid.js +2 -0
- package/optimize/es/components/datagrid/utils/ref.js +24 -3
- package/optimize/es/components/datagrid/utils/row_heights.js +27 -33
- 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/focus_trap/focus_trap.js +1 -0
- package/optimize/es/components/form/form.styles.js +11 -0
- package/optimize/es/components/icon/assets/keyboard.js +34 -0
- package/optimize/es/components/icon/assets/tokenMetricCounter.js +34 -0
- package/optimize/es/components/icon/assets/{keyboard_shortcut.js → tokenMetricGauge.js} +3 -3
- package/optimize/es/components/icon/icon_map.js +39 -37
- 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/selectable/selectable.js +10 -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 +5 -4
- 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/timeline/timeline_item.js +1 -2
- 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/services/hooks/index.js +1 -0
- package/optimize/es/services/hooks/useLatest.js +18 -0
- package/optimize/es/test/emotion-prefix.js +1 -1
- 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/accordion/accordion.js +8 -5
- 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 +23 -18
- package/optimize/lib/components/comment_list/comment_event.js +85 -31
- package/optimize/lib/components/comment_list/comment_event.styles.js +86 -0
- package/optimize/lib/components/comment_list/comment_list.js +8 -3
- package/optimize/lib/components/comment_list/comment_timeline.js +21 -38
- package/optimize/lib/components/context_menu/context_menu_panel.js +1 -1
- package/optimize/lib/components/datagrid/body/data_grid_body.js +7 -4
- package/optimize/lib/components/datagrid/body/data_grid_cell.js +17 -8
- package/optimize/lib/components/datagrid/body/header/data_grid_header_cell.js +153 -54
- package/optimize/lib/components/datagrid/data_grid.js +2 -0
- package/optimize/lib/components/datagrid/utils/ref.js +24 -3
- package/optimize/lib/components/datagrid/utils/row_heights.js +25 -30
- 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/focus_trap/focus_trap.js +1 -0
- package/optimize/lib/components/form/form.styles.js +20 -0
- package/optimize/lib/components/icon/assets/keyboard.js +44 -0
- package/optimize/lib/components/icon/assets/tokenMetricCounter.js +44 -0
- package/{test-env/components/icon/assets/keyboard_shortcut.js → optimize/lib/components/icon/assets/tokenMetricGauge.js} +3 -3
- package/optimize/lib/components/icon/icon_map.js +39 -37
- package/optimize/lib/components/icon/svgs/keyboard.svg +3 -0
- 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/selectable/selectable.js +10 -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 +4 -3
- 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/timeline/timeline_item.js +1 -2
- 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/services/hooks/index.js +13 -0
- package/optimize/lib/services/hooks/useLatest.js +26 -0
- package/optimize/lib/test/emotion-prefix.js +1 -1
- 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 +3 -3
- 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 -5
- package/src/components/markdown_editor/_markdown_editor.scss +3 -2
- 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 -3
- package/test-env/components/accessibility/skip_link/skip_link.js +1 -1
- package/test-env/components/accordion/accordion.js +8 -5
- 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 +53 -24
- package/test-env/components/comment_list/comment_event.js +105 -35
- package/test-env/components/comment_list/comment_event.styles.js +86 -0
- package/test-env/components/comment_list/comment_list.js +46 -12
- package/test-env/components/comment_list/comment_timeline.js +30 -40
- package/test-env/components/context_menu/context_menu.js +1 -1
- package/test-env/components/context_menu/context_menu_panel.js +1 -1
- package/test-env/components/datagrid/body/data_grid_body.js +20 -17
- package/test-env/components/datagrid/body/data_grid_cell.js +101 -33
- 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 +15 -13
- package/test-env/components/datagrid/utils/in_memory.js +12 -12
- package/test-env/components/datagrid/utils/ref.js +24 -3
- package/test-env/components/datagrid/utils/row_heights.js +25 -30
- 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/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/keyboard.js +44 -0
- package/test-env/components/icon/assets/tokenMetricCounter.js +44 -0
- package/{optimize/lib/components/icon/assets/keyboard_shortcut.js → test-env/components/icon/assets/tokenMetricGauge.js} +3 -3
- package/test-env/components/icon/icon_map.js +39 -37
- 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/selectable/selectable.js +10 -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 +4 -3
- 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.js +1 -2
- 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/services/hooks/index.js +13 -0
- package/test-env/services/hooks/useLatest.js +26 -0
- package/test-env/test/emotion-prefix.js +1 -1
- 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/lib/components/icon/svgs/keyboard_shortcut.svg +0 -3
- package/optimize/lib/components/icon/svgs/keyboard_shortcut.svg +0 -3
- package/src/components/comment_list/_comment.scss +0 -38
- package/src/components/comment_list/_comment_event.scss +0 -77
- package/src/components/comment_list/_comment_timeline.scss +0 -27
- package/src/components/comment_list/_index.scss +0 -3
- 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/_comment.scss +0 -3
- package/src/themes/amsterdam/overrides/_image.scss +0 -10
- package/src/themes/amsterdam/overrides/_popover.scss +0 -104
|
@@ -396,7 +396,7 @@ EuiCard.propTypes = {
|
|
|
396
396
|
/**
|
|
397
397
|
* Any `type` accepted by EuiIcon
|
|
398
398
|
*/
|
|
399
|
-
iconType: PropTypes.oneOfType([PropTypes.oneOf(["accessibility", "addDataApp", "advancedSettingsApp", "agentApp", "aggregate", "alert", "analyzeEvent", "annotation", "apmApp", "apmTrace", "appSearchApp", "apps", "arrowDown", "arrowLeft", "arrowRight", "arrowUp", "arrowStart", "arrowEnd", "asterisk", "auditbeatApp", "beaker", "bell", "bellSlash", "bolt", "boxesHorizontal", "boxesVertical", "branch", "branchUser", "broom", "brush", "bug", "bullseye", "calendar", "canvasApp", "casesApp", "check", "checkInCircleFilled", "cheer", "classificationJob", "clock", "cloudDrizzle", "cloudStormy", "cloudSunny", "cluster", "codeApp", "color", "compute", "console", "consoleApp", "container", "continuityAbove", "continuityAboveBelow", "continuityBelow", "continuityWithin", "controlsHorizontal", "controlsVertical", "copy", "copyClipboard", "createAdvancedJob", "createMultiMetricJob", "createPopulationJob", "createSingleMetricJob", "cross", "crossClusterReplicationApp", "crossInACircleFilled", "crosshairs", "currency", "cut", "dashboardApp", "dataVisualizer", "database", "desktop", "devToolsApp", "discoverApp", "document", "documentEdit", "documentation", "documents", "dot", "doubleArrowLeft", "doubleArrowRight", "download", "editorAlignCenter", "editorAlignLeft", "editorAlignRight", "editorBold", "editorChecklist", "editorCodeBlock", "editorComment", "editorDistributeHorizontal", "editorDistributeVertical", "editorHeading", "editorItalic", "editorItemAlignBottom", "editorItemAlignCenter", "editorItemAlignLeft", "editorItemAlignMiddle", "editorItemAlignRight", "editorItemAlignTop", "editorLink", "editorOrderedList", "editorPositionBottomLeft", "editorPositionBottomRight", "editorPositionTopLeft", "editorPositionTopRight", "editorRedo", "editorStrike", "editorTable", "editorUnderline", "editorUndo", "editorUnorderedList", "email", "empty", "emsApp", "eql", "eraser", "exit", "expand", "expandMini", "exportAction", "eye", "eyeClosed", "faceHappy", "faceNeutral", "faceSad", "filebeatApp", "filter", "flag", "fleetApp", "fold", "folderCheck", "folderClosed", "folderExclamation", "folderOpen", "frameNext", "framePrevious", "fullScreen", "fullScreenExit", "function", "gear", "gisApp", "glasses", "globe", "grab", "grabHorizontal", "graphApp", "grid", "grokApp", "heart", "heartbeatApp", "heatmap", "help", "home", "iInCircle", "image", "importAction", "indexClose", "indexEdit", "indexFlush", "indexManagementApp", "indexMapping", "indexOpen", "indexPatternApp", "indexRollupApp", "indexRuntime", "indexSettings", "inputOutput", "inspect", "invert", "ip", "
|
|
399
|
+
iconType: PropTypes.oneOfType([PropTypes.oneOf(["accessibility", "addDataApp", "advancedSettingsApp", "agentApp", "aggregate", "alert", "analyzeEvent", "annotation", "apmApp", "apmTrace", "appSearchApp", "apps", "arrowDown", "arrowLeft", "arrowRight", "arrowUp", "arrowStart", "arrowEnd", "asterisk", "auditbeatApp", "beaker", "bell", "bellSlash", "bolt", "boxesHorizontal", "boxesVertical", "branch", "branchUser", "broom", "brush", "bug", "bullseye", "calendar", "canvasApp", "casesApp", "check", "checkInCircleFilled", "cheer", "classificationJob", "clock", "cloudDrizzle", "cloudStormy", "cloudSunny", "cluster", "codeApp", "color", "compute", "console", "consoleApp", "container", "continuityAbove", "continuityAboveBelow", "continuityBelow", "continuityWithin", "controlsHorizontal", "controlsVertical", "copy", "copyClipboard", "createAdvancedJob", "createMultiMetricJob", "createPopulationJob", "createSingleMetricJob", "cross", "crossClusterReplicationApp", "crossInACircleFilled", "crosshairs", "currency", "cut", "dashboardApp", "dataVisualizer", "database", "desktop", "devToolsApp", "discoverApp", "document", "documentEdit", "documentation", "documents", "dot", "doubleArrowLeft", "doubleArrowRight", "download", "editorAlignCenter", "editorAlignLeft", "editorAlignRight", "editorBold", "editorChecklist", "editorCodeBlock", "editorComment", "editorDistributeHorizontal", "editorDistributeVertical", "editorHeading", "editorItalic", "editorItemAlignBottom", "editorItemAlignCenter", "editorItemAlignLeft", "editorItemAlignMiddle", "editorItemAlignRight", "editorItemAlignTop", "editorLink", "editorOrderedList", "editorPositionBottomLeft", "editorPositionBottomRight", "editorPositionTopLeft", "editorPositionTopRight", "editorRedo", "editorStrike", "editorTable", "editorUnderline", "editorUndo", "editorUnorderedList", "email", "empty", "emsApp", "eql", "eraser", "exit", "expand", "expandMini", "exportAction", "eye", "eyeClosed", "faceHappy", "faceNeutral", "faceSad", "filebeatApp", "filter", "flag", "fleetApp", "fold", "folderCheck", "folderClosed", "folderExclamation", "folderOpen", "frameNext", "framePrevious", "fullScreen", "fullScreenExit", "function", "gear", "gisApp", "glasses", "globe", "grab", "grabHorizontal", "graphApp", "grid", "grokApp", "heart", "heartbeatApp", "heatmap", "help", "home", "iInCircle", "image", "importAction", "indexClose", "indexEdit", "indexFlush", "indexManagementApp", "indexMapping", "indexOpen", "indexPatternApp", "indexRollupApp", "indexRuntime", "indexSettings", "inputOutput", "inspect", "invert", "ip", "keyboard", "kqlField", "kqlFunction", "kqlOperand", "kqlSelector", "kqlValue", "kubernetesNode", "kubernetesPod", "layers", "lensApp", "lettering", "lineDashed", "lineDotted", "lineSolid", "link", "list", "listAdd", "lock", "lockOpen", "logoAWS", "logoAWSMono", "logoAerospike", "logoApache", "logoAppSearch", "logoAzure", "logoAzureMono", "logoBeats", "logoBusinessAnalytics", "logoCeph", "logoCloud", "logoCloudEnterprise", "logoCode", "logoCodesandbox", "logoCouchbase", "logoDocker", "logoDropwizard", "logoElastic", "logoElasticStack", "logoElasticsearch", "logoEnterpriseSearch", "logoEtcd", "logoGCP", "logoGCPMono", "logoGithub", "logoGmail", "logoGolang", "logoGoogleG", "logoHAproxy", "logoIBM", "logoIBMMono", "logoKafka", "logoKibana", "logoKubernetes", "logoLogging", "logoLogstash", "logoMaps", "logoMemcached", "logoMetrics", "logoMongodb", "logoMySQL", "logoNginx", "logoObservability", "logoOsquery", "logoPhp", "logoPostgres", "logoPrometheus", "logoRabbitmq", "logoRedis", "logoSecurity", "logoSiteSearch", "logoSketch", "logoSlack", "logoUptime", "logoWebhook", "logoWindows", "logoWorkplaceSearch", "logsApp", "logstashFilter", "logstashIf", "logstashInput", "logstashOutput", "logstashQueue", "machineLearningApp", "magnet", "magnifyWithExclamation", "magnifyWithMinus", "magnifyWithPlus", "managementApp", "mapMarker", "memory", "menu", "menuDown", "menuLeft", "menuRight", "menuUp", "merge", "metricbeatApp", "metricsApp", "minimize", "minus", "minusInCircle", "minusInCircleFilled", "mobile", "monitoringApp", "moon", "namespace", "nested", "node", "notebookApp", "number", "offline", "online", "outlierDetectionJob", "package", "packetbeatApp", "pageSelect", "pagesSelect", "paperClip", "partial", "pause", "payment", "pencil", "percent", "pin", "pinFilled", "pipelineApp", "play", "playFilled", "plus", "plusInCircle", "plusInCircleFilled", "popout", "push", "questionInCircle", "quote", "recentlyViewedApp", "refresh", "regressionJob", "reporter", "reportingApp", "returnKey", "save", "savedObjectsApp", "scale", "search", "searchProfilerApp", "securityAnalyticsApp", "securityApp", "securitySignal", "securitySignalDetected", "securitySignalResolved", "sessionViewer", "shard", "share", "snowflake", "sortDown", "sortLeft", "sortRight", "sortUp", "sortable", "spacesApp", "sqlApp", "starEmpty", "starEmptySpace", "starFilled", "starFilledSpace", "starMinusEmpty", "starMinusFilled", "starPlusEmpty", "starPlusFilled", "stats", "stop", "stopFilled", "stopSlash", "storage", "string", "submodule", "sun", "swatchInput", "symlink", "tableDensityCompact", "tableDensityExpanded", "tableDensityNormal", "tableOfContents", "tag", "tear", "temperature", "timeline", "timelionApp", "timeRefresh", "timeslider", "training", "trash", "unfold", "unlink", "upgradeAssistantApp", "uptimeApp", "user", "userAvatar", "users", "usersRolesApp", "vector", "videoPlayer", "visArea", "visAreaStacked", "visBarHorizontal", "visBarHorizontalStacked", "visBarVertical", "visBarVerticalStacked", "visGauge", "visGoal", "visLine", "visMapCoordinate", "visMapRegion", "visMetric", "visPie", "visTable", "visTagCloud", "visText", "visTimelion", "visVega", "visVisualBuilder", "visualizeApp", "watchesApp", "wordWrap", "wordWrapDisabled", "workplaceSearchApp", "wrench", "tokenAlias", "tokenAnnotation", "tokenArray", "tokenBinary", "tokenBoolean", "tokenClass", "tokenCompletionSuggester", "tokenConstant", "tokenDate", "tokenDenseVector", "tokenElement", "tokenEnum", "tokenEnumMember", "tokenEvent", "tokenException", "tokenField", "tokenFile", "tokenFlattened", "tokenFunction", "tokenGeo", "tokenHistogram", "tokenInterface", "tokenIP", "tokenJoin", "tokenKey", "tokenKeyword", "tokenMethod", "tokenMetricCounter", "tokenMetricGauge", "tokenModule", "tokenNamespace", "tokenNested", "tokenNull", "tokenNumber", "tokenObject", "tokenOperator", "tokenPackage", "tokenParameter", "tokenPercolator", "tokenProperty", "tokenRange", "tokenRankFeature", "tokenRankFeatures", "tokenRepo", "tokenSearchType", "tokenShape", "tokenString", "tokenStruct", "tokenSymbol", "tokenTag", "tokenText", "tokenTokenCount", "tokenVariable"]).isRequired, PropTypes.string.isRequired, PropTypes.elementType.isRequired]),
|
|
400
400
|
|
|
401
401
|
/**
|
|
402
402
|
* Can only be one side `left` or `right`
|
|
@@ -108,7 +108,7 @@ EuiCardSelect.propTypes = {
|
|
|
108
108
|
/**
|
|
109
109
|
* Any `type` accepted by EuiIcon
|
|
110
110
|
*/
|
|
111
|
-
iconType: PropTypes.oneOfType([PropTypes.oneOf(["accessibility", "addDataApp", "advancedSettingsApp", "agentApp", "aggregate", "alert", "analyzeEvent", "annotation", "apmApp", "apmTrace", "appSearchApp", "apps", "arrowDown", "arrowLeft", "arrowRight", "arrowUp", "arrowStart", "arrowEnd", "asterisk", "auditbeatApp", "beaker", "bell", "bellSlash", "bolt", "boxesHorizontal", "boxesVertical", "branch", "branchUser", "broom", "brush", "bug", "bullseye", "calendar", "canvasApp", "casesApp", "check", "checkInCircleFilled", "cheer", "classificationJob", "clock", "cloudDrizzle", "cloudStormy", "cloudSunny", "cluster", "codeApp", "color", "compute", "console", "consoleApp", "container", "continuityAbove", "continuityAboveBelow", "continuityBelow", "continuityWithin", "controlsHorizontal", "controlsVertical", "copy", "copyClipboard", "createAdvancedJob", "createMultiMetricJob", "createPopulationJob", "createSingleMetricJob", "cross", "crossClusterReplicationApp", "crossInACircleFilled", "crosshairs", "currency", "cut", "dashboardApp", "dataVisualizer", "database", "desktop", "devToolsApp", "discoverApp", "document", "documentEdit", "documentation", "documents", "dot", "doubleArrowLeft", "doubleArrowRight", "download", "editorAlignCenter", "editorAlignLeft", "editorAlignRight", "editorBold", "editorChecklist", "editorCodeBlock", "editorComment", "editorDistributeHorizontal", "editorDistributeVertical", "editorHeading", "editorItalic", "editorItemAlignBottom", "editorItemAlignCenter", "editorItemAlignLeft", "editorItemAlignMiddle", "editorItemAlignRight", "editorItemAlignTop", "editorLink", "editorOrderedList", "editorPositionBottomLeft", "editorPositionBottomRight", "editorPositionTopLeft", "editorPositionTopRight", "editorRedo", "editorStrike", "editorTable", "editorUnderline", "editorUndo", "editorUnorderedList", "email", "empty", "emsApp", "eql", "eraser", "exit", "expand", "expandMini", "exportAction", "eye", "eyeClosed", "faceHappy", "faceNeutral", "faceSad", "filebeatApp", "filter", "flag", "fleetApp", "fold", "folderCheck", "folderClosed", "folderExclamation", "folderOpen", "frameNext", "framePrevious", "fullScreen", "fullScreenExit", "function", "gear", "gisApp", "glasses", "globe", "grab", "grabHorizontal", "graphApp", "grid", "grokApp", "heart", "heartbeatApp", "heatmap", "help", "home", "iInCircle", "image", "importAction", "indexClose", "indexEdit", "indexFlush", "indexManagementApp", "indexMapping", "indexOpen", "indexPatternApp", "indexRollupApp", "indexRuntime", "indexSettings", "inputOutput", "inspect", "invert", "ip", "
|
|
111
|
+
iconType: PropTypes.oneOfType([PropTypes.oneOf(["accessibility", "addDataApp", "advancedSettingsApp", "agentApp", "aggregate", "alert", "analyzeEvent", "annotation", "apmApp", "apmTrace", "appSearchApp", "apps", "arrowDown", "arrowLeft", "arrowRight", "arrowUp", "arrowStart", "arrowEnd", "asterisk", "auditbeatApp", "beaker", "bell", "bellSlash", "bolt", "boxesHorizontal", "boxesVertical", "branch", "branchUser", "broom", "brush", "bug", "bullseye", "calendar", "canvasApp", "casesApp", "check", "checkInCircleFilled", "cheer", "classificationJob", "clock", "cloudDrizzle", "cloudStormy", "cloudSunny", "cluster", "codeApp", "color", "compute", "console", "consoleApp", "container", "continuityAbove", "continuityAboveBelow", "continuityBelow", "continuityWithin", "controlsHorizontal", "controlsVertical", "copy", "copyClipboard", "createAdvancedJob", "createMultiMetricJob", "createPopulationJob", "createSingleMetricJob", "cross", "crossClusterReplicationApp", "crossInACircleFilled", "crosshairs", "currency", "cut", "dashboardApp", "dataVisualizer", "database", "desktop", "devToolsApp", "discoverApp", "document", "documentEdit", "documentation", "documents", "dot", "doubleArrowLeft", "doubleArrowRight", "download", "editorAlignCenter", "editorAlignLeft", "editorAlignRight", "editorBold", "editorChecklist", "editorCodeBlock", "editorComment", "editorDistributeHorizontal", "editorDistributeVertical", "editorHeading", "editorItalic", "editorItemAlignBottom", "editorItemAlignCenter", "editorItemAlignLeft", "editorItemAlignMiddle", "editorItemAlignRight", "editorItemAlignTop", "editorLink", "editorOrderedList", "editorPositionBottomLeft", "editorPositionBottomRight", "editorPositionTopLeft", "editorPositionTopRight", "editorRedo", "editorStrike", "editorTable", "editorUnderline", "editorUndo", "editorUnorderedList", "email", "empty", "emsApp", "eql", "eraser", "exit", "expand", "expandMini", "exportAction", "eye", "eyeClosed", "faceHappy", "faceNeutral", "faceSad", "filebeatApp", "filter", "flag", "fleetApp", "fold", "folderCheck", "folderClosed", "folderExclamation", "folderOpen", "frameNext", "framePrevious", "fullScreen", "fullScreenExit", "function", "gear", "gisApp", "glasses", "globe", "grab", "grabHorizontal", "graphApp", "grid", "grokApp", "heart", "heartbeatApp", "heatmap", "help", "home", "iInCircle", "image", "importAction", "indexClose", "indexEdit", "indexFlush", "indexManagementApp", "indexMapping", "indexOpen", "indexPatternApp", "indexRollupApp", "indexRuntime", "indexSettings", "inputOutput", "inspect", "invert", "ip", "keyboard", "kqlField", "kqlFunction", "kqlOperand", "kqlSelector", "kqlValue", "kubernetesNode", "kubernetesPod", "layers", "lensApp", "lettering", "lineDashed", "lineDotted", "lineSolid", "link", "list", "listAdd", "lock", "lockOpen", "logoAWS", "logoAWSMono", "logoAerospike", "logoApache", "logoAppSearch", "logoAzure", "logoAzureMono", "logoBeats", "logoBusinessAnalytics", "logoCeph", "logoCloud", "logoCloudEnterprise", "logoCode", "logoCodesandbox", "logoCouchbase", "logoDocker", "logoDropwizard", "logoElastic", "logoElasticStack", "logoElasticsearch", "logoEnterpriseSearch", "logoEtcd", "logoGCP", "logoGCPMono", "logoGithub", "logoGmail", "logoGolang", "logoGoogleG", "logoHAproxy", "logoIBM", "logoIBMMono", "logoKafka", "logoKibana", "logoKubernetes", "logoLogging", "logoLogstash", "logoMaps", "logoMemcached", "logoMetrics", "logoMongodb", "logoMySQL", "logoNginx", "logoObservability", "logoOsquery", "logoPhp", "logoPostgres", "logoPrometheus", "logoRabbitmq", "logoRedis", "logoSecurity", "logoSiteSearch", "logoSketch", "logoSlack", "logoUptime", "logoWebhook", "logoWindows", "logoWorkplaceSearch", "logsApp", "logstashFilter", "logstashIf", "logstashInput", "logstashOutput", "logstashQueue", "machineLearningApp", "magnet", "magnifyWithExclamation", "magnifyWithMinus", "magnifyWithPlus", "managementApp", "mapMarker", "memory", "menu", "menuDown", "menuLeft", "menuRight", "menuUp", "merge", "metricbeatApp", "metricsApp", "minimize", "minus", "minusInCircle", "minusInCircleFilled", "mobile", "monitoringApp", "moon", "namespace", "nested", "node", "notebookApp", "number", "offline", "online", "outlierDetectionJob", "package", "packetbeatApp", "pageSelect", "pagesSelect", "paperClip", "partial", "pause", "payment", "pencil", "percent", "pin", "pinFilled", "pipelineApp", "play", "playFilled", "plus", "plusInCircle", "plusInCircleFilled", "popout", "push", "questionInCircle", "quote", "recentlyViewedApp", "refresh", "regressionJob", "reporter", "reportingApp", "returnKey", "save", "savedObjectsApp", "scale", "search", "searchProfilerApp", "securityAnalyticsApp", "securityApp", "securitySignal", "securitySignalDetected", "securitySignalResolved", "sessionViewer", "shard", "share", "snowflake", "sortDown", "sortLeft", "sortRight", "sortUp", "sortable", "spacesApp", "sqlApp", "starEmpty", "starEmptySpace", "starFilled", "starFilledSpace", "starMinusEmpty", "starMinusFilled", "starPlusEmpty", "starPlusFilled", "stats", "stop", "stopFilled", "stopSlash", "storage", "string", "submodule", "sun", "swatchInput", "symlink", "tableDensityCompact", "tableDensityExpanded", "tableDensityNormal", "tableOfContents", "tag", "tear", "temperature", "timeline", "timelionApp", "timeRefresh", "timeslider", "training", "trash", "unfold", "unlink", "upgradeAssistantApp", "uptimeApp", "user", "userAvatar", "users", "usersRolesApp", "vector", "videoPlayer", "visArea", "visAreaStacked", "visBarHorizontal", "visBarHorizontalStacked", "visBarVertical", "visBarVerticalStacked", "visGauge", "visGoal", "visLine", "visMapCoordinate", "visMapRegion", "visMetric", "visPie", "visTable", "visTagCloud", "visText", "visTimelion", "visVega", "visVisualBuilder", "visualizeApp", "watchesApp", "wordWrap", "wordWrapDisabled", "workplaceSearchApp", "wrench", "tokenAlias", "tokenAnnotation", "tokenArray", "tokenBinary", "tokenBoolean", "tokenClass", "tokenCompletionSuggester", "tokenConstant", "tokenDate", "tokenDenseVector", "tokenElement", "tokenEnum", "tokenEnumMember", "tokenEvent", "tokenException", "tokenField", "tokenFile", "tokenFlattened", "tokenFunction", "tokenGeo", "tokenHistogram", "tokenInterface", "tokenIP", "tokenJoin", "tokenKey", "tokenKeyword", "tokenMethod", "tokenMetricCounter", "tokenMetricGauge", "tokenModule", "tokenNamespace", "tokenNested", "tokenNull", "tokenNumber", "tokenObject", "tokenOperator", "tokenPackage", "tokenParameter", "tokenPercolator", "tokenProperty", "tokenRange", "tokenRankFeature", "tokenRankFeatures", "tokenRepo", "tokenSearchType", "tokenShape", "tokenString", "tokenStruct", "tokenSymbol", "tokenTag", "tokenText", "tokenTokenCount", "tokenVariable"]).isRequired, PropTypes.string.isRequired, PropTypes.elementType.isRequired]),
|
|
112
112
|
|
|
113
113
|
/**
|
|
114
114
|
* Can only be one side `left` or `right`
|
|
@@ -115,7 +115,7 @@ EuiCollapsibleNavGroup.propTypes = {
|
|
|
115
115
|
/**
|
|
116
116
|
* Sits left of the `title` and only when `title` is present
|
|
117
117
|
*/
|
|
118
|
-
iconType: PropTypes.oneOfType([PropTypes.oneOf(["accessibility", "addDataApp", "advancedSettingsApp", "agentApp", "aggregate", "alert", "analyzeEvent", "annotation", "apmApp", "apmTrace", "appSearchApp", "apps", "arrowDown", "arrowLeft", "arrowRight", "arrowUp", "arrowStart", "arrowEnd", "asterisk", "auditbeatApp", "beaker", "bell", "bellSlash", "bolt", "boxesHorizontal", "boxesVertical", "branch", "branchUser", "broom", "brush", "bug", "bullseye", "calendar", "canvasApp", "casesApp", "check", "checkInCircleFilled", "cheer", "classificationJob", "clock", "cloudDrizzle", "cloudStormy", "cloudSunny", "cluster", "codeApp", "color", "compute", "console", "consoleApp", "container", "continuityAbove", "continuityAboveBelow", "continuityBelow", "continuityWithin", "controlsHorizontal", "controlsVertical", "copy", "copyClipboard", "createAdvancedJob", "createMultiMetricJob", "createPopulationJob", "createSingleMetricJob", "cross", "crossClusterReplicationApp", "crossInACircleFilled", "crosshairs", "currency", "cut", "dashboardApp", "dataVisualizer", "database", "desktop", "devToolsApp", "discoverApp", "document", "documentEdit", "documentation", "documents", "dot", "doubleArrowLeft", "doubleArrowRight", "download", "editorAlignCenter", "editorAlignLeft", "editorAlignRight", "editorBold", "editorChecklist", "editorCodeBlock", "editorComment", "editorDistributeHorizontal", "editorDistributeVertical", "editorHeading", "editorItalic", "editorItemAlignBottom", "editorItemAlignCenter", "editorItemAlignLeft", "editorItemAlignMiddle", "editorItemAlignRight", "editorItemAlignTop", "editorLink", "editorOrderedList", "editorPositionBottomLeft", "editorPositionBottomRight", "editorPositionTopLeft", "editorPositionTopRight", "editorRedo", "editorStrike", "editorTable", "editorUnderline", "editorUndo", "editorUnorderedList", "email", "empty", "emsApp", "eql", "eraser", "exit", "expand", "expandMini", "exportAction", "eye", "eyeClosed", "faceHappy", "faceNeutral", "faceSad", "filebeatApp", "filter", "flag", "fleetApp", "fold", "folderCheck", "folderClosed", "folderExclamation", "folderOpen", "frameNext", "framePrevious", "fullScreen", "fullScreenExit", "function", "gear", "gisApp", "glasses", "globe", "grab", "grabHorizontal", "graphApp", "grid", "grokApp", "heart", "heartbeatApp", "heatmap", "help", "home", "iInCircle", "image", "importAction", "indexClose", "indexEdit", "indexFlush", "indexManagementApp", "indexMapping", "indexOpen", "indexPatternApp", "indexRollupApp", "indexRuntime", "indexSettings", "inputOutput", "inspect", "invert", "ip", "
|
|
118
|
+
iconType: PropTypes.oneOfType([PropTypes.oneOf(["accessibility", "addDataApp", "advancedSettingsApp", "agentApp", "aggregate", "alert", "analyzeEvent", "annotation", "apmApp", "apmTrace", "appSearchApp", "apps", "arrowDown", "arrowLeft", "arrowRight", "arrowUp", "arrowStart", "arrowEnd", "asterisk", "auditbeatApp", "beaker", "bell", "bellSlash", "bolt", "boxesHorizontal", "boxesVertical", "branch", "branchUser", "broom", "brush", "bug", "bullseye", "calendar", "canvasApp", "casesApp", "check", "checkInCircleFilled", "cheer", "classificationJob", "clock", "cloudDrizzle", "cloudStormy", "cloudSunny", "cluster", "codeApp", "color", "compute", "console", "consoleApp", "container", "continuityAbove", "continuityAboveBelow", "continuityBelow", "continuityWithin", "controlsHorizontal", "controlsVertical", "copy", "copyClipboard", "createAdvancedJob", "createMultiMetricJob", "createPopulationJob", "createSingleMetricJob", "cross", "crossClusterReplicationApp", "crossInACircleFilled", "crosshairs", "currency", "cut", "dashboardApp", "dataVisualizer", "database", "desktop", "devToolsApp", "discoverApp", "document", "documentEdit", "documentation", "documents", "dot", "doubleArrowLeft", "doubleArrowRight", "download", "editorAlignCenter", "editorAlignLeft", "editorAlignRight", "editorBold", "editorChecklist", "editorCodeBlock", "editorComment", "editorDistributeHorizontal", "editorDistributeVertical", "editorHeading", "editorItalic", "editorItemAlignBottom", "editorItemAlignCenter", "editorItemAlignLeft", "editorItemAlignMiddle", "editorItemAlignRight", "editorItemAlignTop", "editorLink", "editorOrderedList", "editorPositionBottomLeft", "editorPositionBottomRight", "editorPositionTopLeft", "editorPositionTopRight", "editorRedo", "editorStrike", "editorTable", "editorUnderline", "editorUndo", "editorUnorderedList", "email", "empty", "emsApp", "eql", "eraser", "exit", "expand", "expandMini", "exportAction", "eye", "eyeClosed", "faceHappy", "faceNeutral", "faceSad", "filebeatApp", "filter", "flag", "fleetApp", "fold", "folderCheck", "folderClosed", "folderExclamation", "folderOpen", "frameNext", "framePrevious", "fullScreen", "fullScreenExit", "function", "gear", "gisApp", "glasses", "globe", "grab", "grabHorizontal", "graphApp", "grid", "grokApp", "heart", "heartbeatApp", "heatmap", "help", "home", "iInCircle", "image", "importAction", "indexClose", "indexEdit", "indexFlush", "indexManagementApp", "indexMapping", "indexOpen", "indexPatternApp", "indexRollupApp", "indexRuntime", "indexSettings", "inputOutput", "inspect", "invert", "ip", "keyboard", "kqlField", "kqlFunction", "kqlOperand", "kqlSelector", "kqlValue", "kubernetesNode", "kubernetesPod", "layers", "lensApp", "lettering", "lineDashed", "lineDotted", "lineSolid", "link", "list", "listAdd", "lock", "lockOpen", "logoAWS", "logoAWSMono", "logoAerospike", "logoApache", "logoAppSearch", "logoAzure", "logoAzureMono", "logoBeats", "logoBusinessAnalytics", "logoCeph", "logoCloud", "logoCloudEnterprise", "logoCode", "logoCodesandbox", "logoCouchbase", "logoDocker", "logoDropwizard", "logoElastic", "logoElasticStack", "logoElasticsearch", "logoEnterpriseSearch", "logoEtcd", "logoGCP", "logoGCPMono", "logoGithub", "logoGmail", "logoGolang", "logoGoogleG", "logoHAproxy", "logoIBM", "logoIBMMono", "logoKafka", "logoKibana", "logoKubernetes", "logoLogging", "logoLogstash", "logoMaps", "logoMemcached", "logoMetrics", "logoMongodb", "logoMySQL", "logoNginx", "logoObservability", "logoOsquery", "logoPhp", "logoPostgres", "logoPrometheus", "logoRabbitmq", "logoRedis", "logoSecurity", "logoSiteSearch", "logoSketch", "logoSlack", "logoUptime", "logoWebhook", "logoWindows", "logoWorkplaceSearch", "logsApp", "logstashFilter", "logstashIf", "logstashInput", "logstashOutput", "logstashQueue", "machineLearningApp", "magnet", "magnifyWithExclamation", "magnifyWithMinus", "magnifyWithPlus", "managementApp", "mapMarker", "memory", "menu", "menuDown", "menuLeft", "menuRight", "menuUp", "merge", "metricbeatApp", "metricsApp", "minimize", "minus", "minusInCircle", "minusInCircleFilled", "mobile", "monitoringApp", "moon", "namespace", "nested", "node", "notebookApp", "number", "offline", "online", "outlierDetectionJob", "package", "packetbeatApp", "pageSelect", "pagesSelect", "paperClip", "partial", "pause", "payment", "pencil", "percent", "pin", "pinFilled", "pipelineApp", "play", "playFilled", "plus", "plusInCircle", "plusInCircleFilled", "popout", "push", "questionInCircle", "quote", "recentlyViewedApp", "refresh", "regressionJob", "reporter", "reportingApp", "returnKey", "save", "savedObjectsApp", "scale", "search", "searchProfilerApp", "securityAnalyticsApp", "securityApp", "securitySignal", "securitySignalDetected", "securitySignalResolved", "sessionViewer", "shard", "share", "snowflake", "sortDown", "sortLeft", "sortRight", "sortUp", "sortable", "spacesApp", "sqlApp", "starEmpty", "starEmptySpace", "starFilled", "starFilledSpace", "starMinusEmpty", "starMinusFilled", "starPlusEmpty", "starPlusFilled", "stats", "stop", "stopFilled", "stopSlash", "storage", "string", "submodule", "sun", "swatchInput", "symlink", "tableDensityCompact", "tableDensityExpanded", "tableDensityNormal", "tableOfContents", "tag", "tear", "temperature", "timeline", "timelionApp", "timeRefresh", "timeslider", "training", "trash", "unfold", "unlink", "upgradeAssistantApp", "uptimeApp", "user", "userAvatar", "users", "usersRolesApp", "vector", "videoPlayer", "visArea", "visAreaStacked", "visBarHorizontal", "visBarHorizontalStacked", "visBarVertical", "visBarVerticalStacked", "visGauge", "visGoal", "visLine", "visMapCoordinate", "visMapRegion", "visMetric", "visPie", "visTable", "visTagCloud", "visText", "visTimelion", "visVega", "visVisualBuilder", "visualizeApp", "watchesApp", "wordWrap", "wordWrapDisabled", "workplaceSearchApp", "wrench", "tokenAlias", "tokenAnnotation", "tokenArray", "tokenBinary", "tokenBoolean", "tokenClass", "tokenCompletionSuggester", "tokenConstant", "tokenDate", "tokenDenseVector", "tokenElement", "tokenEnum", "tokenEnumMember", "tokenEvent", "tokenException", "tokenField", "tokenFile", "tokenFlattened", "tokenFunction", "tokenGeo", "tokenHistogram", "tokenInterface", "tokenIP", "tokenJoin", "tokenKey", "tokenKeyword", "tokenMethod", "tokenMetricCounter", "tokenMetricGauge", "tokenModule", "tokenNamespace", "tokenNested", "tokenNull", "tokenNumber", "tokenObject", "tokenOperator", "tokenPackage", "tokenParameter", "tokenPercolator", "tokenProperty", "tokenRange", "tokenRankFeature", "tokenRankFeatures", "tokenRepo", "tokenSearchType", "tokenShape", "tokenString", "tokenStruct", "tokenSymbol", "tokenTag", "tokenText", "tokenTokenCount", "tokenVariable"]).isRequired, PropTypes.string.isRequired, PropTypes.elementType.isRequired]),
|
|
119
119
|
|
|
120
120
|
/**
|
|
121
121
|
* Change the size of the icon in the `title`
|
|
@@ -529,7 +529,7 @@ export var EuiColorPicker = function EuiColorPicker(_ref) {
|
|
|
529
529
|
zIndex: popoverZIndex,
|
|
530
530
|
className: popoverClass,
|
|
531
531
|
panelClassName: panelClasses,
|
|
532
|
-
display: button ? '
|
|
532
|
+
display: button ? 'inline-block' : 'block',
|
|
533
533
|
attachToAnchor: button ? false : true,
|
|
534
534
|
anchorPosition: "downLeft",
|
|
535
535
|
panelPaddingSize: "s",
|
|
@@ -48,13 +48,13 @@ import classNames from 'classnames';
|
|
|
48
48
|
import { FixedSizeList } from 'react-window';
|
|
49
49
|
import { EuiFlexGroup, EuiFlexItem } from '../../flex';
|
|
50
50
|
import { EuiHighlight } from '../../highlight';
|
|
51
|
-
import { EuiPanel } from '../../panel';
|
|
52
51
|
import { EuiText } from '../../text';
|
|
53
52
|
import { EuiLoadingSpinner } from '../../loading';
|
|
54
53
|
import { EuiComboBoxTitle } from './combo_box_title';
|
|
55
54
|
import { EuiI18n } from '../../i18n';
|
|
56
55
|
import { EuiFilterSelectItem } from '../../filter_group/filter_select_item';
|
|
57
56
|
import { EuiBadge } from '../../badge/';
|
|
57
|
+
import { EuiPopoverPanel } from '../../popover/popover_panel';
|
|
58
58
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
59
59
|
var OPTION_CONTENT_CLASSNAME = 'euiComboBoxOption__content';
|
|
60
60
|
|
|
@@ -388,8 +388,8 @@ export var EuiComboBoxOptionsList = /*#__PURE__*/function (_Component) {
|
|
|
388
388
|
*/
|
|
389
389
|
|
|
390
390
|
|
|
391
|
-
var classes = classNames('euiComboBoxOptionsList'
|
|
392
|
-
return ___EmotionJSX(
|
|
391
|
+
var classes = classNames('euiComboBoxOptionsList');
|
|
392
|
+
return ___EmotionJSX(EuiPopoverPanel, _extends({
|
|
393
393
|
paddingSize: "none",
|
|
394
394
|
hasShadow: false,
|
|
395
395
|
className: classes,
|
|
@@ -397,7 +397,10 @@ export var EuiComboBoxOptionsList = /*#__PURE__*/function (_Component) {
|
|
|
397
397
|
"data-test-subj": "comboBoxOptionsList ".concat(dataTestSubj),
|
|
398
398
|
style: _objectSpread(_objectSpread({}, style), {}, {
|
|
399
399
|
zIndex: zIndex
|
|
400
|
-
})
|
|
400
|
+
}),
|
|
401
|
+
isOpen: true,
|
|
402
|
+
isAttached: true,
|
|
403
|
+
position: position
|
|
401
404
|
}, rest), ___EmotionJSX("div", {
|
|
402
405
|
className: "euiComboBoxOptionsList__rowWrap"
|
|
403
406
|
}, emptyState || optionsList));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var _excluded = ["children", "className", "username", "event", "actions", "
|
|
1
|
+
var _excluded = ["children", "className", "username", "event", "actions", "timestamp", "timelineAvatar", "timelineAvatarAriaLabel", "eventColor", "eventIcon", "eventIconAriaLabel"];
|
|
2
2
|
|
|
3
3
|
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
4
4
|
|
|
@@ -16,44 +16,50 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
16
16
|
import React from 'react';
|
|
17
17
|
import PropTypes from "prop-types";
|
|
18
18
|
import classNames from 'classnames';
|
|
19
|
+
import { EuiTimelineItem } from '../timeline';
|
|
19
20
|
import { EuiCommentEvent } from './comment_event';
|
|
20
21
|
import { EuiCommentTimeline } from './comment_timeline';
|
|
21
22
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
22
|
-
var typeToClassNameMap = {
|
|
23
|
-
regular: '',
|
|
24
|
-
update: 'euiComment--update'
|
|
25
|
-
};
|
|
26
23
|
export var EuiComment = function EuiComment(_ref) {
|
|
27
24
|
var children = _ref.children,
|
|
28
25
|
className = _ref.className,
|
|
29
26
|
username = _ref.username,
|
|
30
27
|
event = _ref.event,
|
|
31
28
|
actions = _ref.actions,
|
|
32
|
-
timelineIcon = _ref.timelineIcon,
|
|
33
|
-
_ref$type = _ref.type,
|
|
34
|
-
type = _ref$type === void 0 ? 'regular' : _ref$type,
|
|
35
29
|
timestamp = _ref.timestamp,
|
|
30
|
+
timelineAvatar = _ref.timelineAvatar,
|
|
31
|
+
timelineAvatarAriaLabel = _ref.timelineAvatarAriaLabel,
|
|
32
|
+
eventColor = _ref.eventColor,
|
|
33
|
+
eventIcon = _ref.eventIcon,
|
|
34
|
+
eventIconAriaLabel = _ref.eventIconAriaLabel,
|
|
36
35
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
37
36
|
|
|
38
|
-
var classes = classNames('euiComment',
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
37
|
+
var classes = classNames('euiComment', className);
|
|
38
|
+
var isTypeUpdate = !children;
|
|
39
|
+
var verticalAlign = isTypeUpdate ? 'center' : 'top';
|
|
40
|
+
|
|
41
|
+
var mainIcon = ___EmotionJSX(EuiCommentTimeline, {
|
|
42
|
+
timelineAvatar: timelineAvatar,
|
|
43
|
+
timelineAvatarAriaLabel: timelineAvatarAriaLabel
|
|
44
|
+
});
|
|
45
|
+
|
|
46
|
+
return ___EmotionJSX(EuiTimelineItem, _extends({
|
|
47
|
+
verticalAlign: verticalAlign,
|
|
48
|
+
className: classes,
|
|
49
|
+
icon: mainIcon
|
|
50
|
+
}, rest), ___EmotionJSX(EuiCommentEvent, {
|
|
47
51
|
username: username,
|
|
48
52
|
actions: actions,
|
|
49
53
|
event: event,
|
|
50
54
|
timestamp: timestamp,
|
|
51
|
-
|
|
55
|
+
eventColor: eventColor,
|
|
56
|
+
eventIcon: eventIcon,
|
|
57
|
+
eventIconAriaLabel: eventIconAriaLabel
|
|
52
58
|
}, children));
|
|
53
59
|
};
|
|
54
60
|
EuiComment.propTypes = {
|
|
55
61
|
/**
|
|
56
|
-
* Author of the comment.
|
|
62
|
+
* Author of the comment.
|
|
57
63
|
*/
|
|
58
64
|
username: PropTypes.node.isRequired,
|
|
59
65
|
|
|
@@ -70,18 +76,42 @@ EuiComment.propTypes = {
|
|
|
70
76
|
/**
|
|
71
77
|
* Custom actions that the user can perform from the comment's header
|
|
72
78
|
*/
|
|
73
|
-
actions: PropTypes.node,
|
|
79
|
+
actions: PropTypes.oneOfType([PropTypes.node.isRequired, PropTypes.arrayOf(PropTypes.node.isRequired).isRequired]),
|
|
80
|
+
|
|
81
|
+
/**
|
|
82
|
+
* Accepts any ReactNode. Renders in a panel within the comment event.
|
|
83
|
+
*/
|
|
84
|
+
children: PropTypes.node,
|
|
74
85
|
|
|
75
86
|
/**
|
|
76
|
-
*
|
|
87
|
+
* Custom icon that shows before the username.
|
|
77
88
|
*/
|
|
78
|
-
|
|
89
|
+
eventIcon: PropTypes.oneOfType([PropTypes.oneOf(["accessibility", "addDataApp", "advancedSettingsApp", "agentApp", "aggregate", "alert", "analyzeEvent", "annotation", "apmApp", "apmTrace", "appSearchApp", "apps", "arrowDown", "arrowLeft", "arrowRight", "arrowUp", "arrowStart", "arrowEnd", "asterisk", "auditbeatApp", "beaker", "bell", "bellSlash", "bolt", "boxesHorizontal", "boxesVertical", "branch", "branchUser", "broom", "brush", "bug", "bullseye", "calendar", "canvasApp", "casesApp", "check", "checkInCircleFilled", "cheer", "classificationJob", "clock", "cloudDrizzle", "cloudStormy", "cloudSunny", "cluster", "codeApp", "color", "compute", "console", "consoleApp", "container", "continuityAbove", "continuityAboveBelow", "continuityBelow", "continuityWithin", "controlsHorizontal", "controlsVertical", "copy", "copyClipboard", "createAdvancedJob", "createMultiMetricJob", "createPopulationJob", "createSingleMetricJob", "cross", "crossClusterReplicationApp", "crossInACircleFilled", "crosshairs", "currency", "cut", "dashboardApp", "dataVisualizer", "database", "desktop", "devToolsApp", "discoverApp", "document", "documentEdit", "documentation", "documents", "dot", "doubleArrowLeft", "doubleArrowRight", "download", "editorAlignCenter", "editorAlignLeft", "editorAlignRight", "editorBold", "editorChecklist", "editorCodeBlock", "editorComment", "editorDistributeHorizontal", "editorDistributeVertical", "editorHeading", "editorItalic", "editorItemAlignBottom", "editorItemAlignCenter", "editorItemAlignLeft", "editorItemAlignMiddle", "editorItemAlignRight", "editorItemAlignTop", "editorLink", "editorOrderedList", "editorPositionBottomLeft", "editorPositionBottomRight", "editorPositionTopLeft", "editorPositionTopRight", "editorRedo", "editorStrike", "editorTable", "editorUnderline", "editorUndo", "editorUnorderedList", "email", "empty", "emsApp", "eql", "eraser", "exit", "expand", "expandMini", "exportAction", "eye", "eyeClosed", "faceHappy", "faceNeutral", "faceSad", "filebeatApp", "filter", "flag", "fleetApp", "fold", "folderCheck", "folderClosed", "folderExclamation", "folderOpen", "frameNext", "framePrevious", "fullScreen", "fullScreenExit", "function", "gear", "gisApp", "glasses", "globe", "grab", "grabHorizontal", "graphApp", "grid", "grokApp", "heart", "heartbeatApp", "heatmap", "help", "home", "iInCircle", "image", "importAction", "indexClose", "indexEdit", "indexFlush", "indexManagementApp", "indexMapping", "indexOpen", "indexPatternApp", "indexRollupApp", "indexRuntime", "indexSettings", "inputOutput", "inspect", "invert", "ip", "keyboard", "kqlField", "kqlFunction", "kqlOperand", "kqlSelector", "kqlValue", "kubernetesNode", "kubernetesPod", "layers", "lensApp", "lettering", "lineDashed", "lineDotted", "lineSolid", "link", "list", "listAdd", "lock", "lockOpen", "logoAWS", "logoAWSMono", "logoAerospike", "logoApache", "logoAppSearch", "logoAzure", "logoAzureMono", "logoBeats", "logoBusinessAnalytics", "logoCeph", "logoCloud", "logoCloudEnterprise", "logoCode", "logoCodesandbox", "logoCouchbase", "logoDocker", "logoDropwizard", "logoElastic", "logoElasticStack", "logoElasticsearch", "logoEnterpriseSearch", "logoEtcd", "logoGCP", "logoGCPMono", "logoGithub", "logoGmail", "logoGolang", "logoGoogleG", "logoHAproxy", "logoIBM", "logoIBMMono", "logoKafka", "logoKibana", "logoKubernetes", "logoLogging", "logoLogstash", "logoMaps", "logoMemcached", "logoMetrics", "logoMongodb", "logoMySQL", "logoNginx", "logoObservability", "logoOsquery", "logoPhp", "logoPostgres", "logoPrometheus", "logoRabbitmq", "logoRedis", "logoSecurity", "logoSiteSearch", "logoSketch", "logoSlack", "logoUptime", "logoWebhook", "logoWindows", "logoWorkplaceSearch", "logsApp", "logstashFilter", "logstashIf", "logstashInput", "logstashOutput", "logstashQueue", "machineLearningApp", "magnet", "magnifyWithExclamation", "magnifyWithMinus", "magnifyWithPlus", "managementApp", "mapMarker", "memory", "menu", "menuDown", "menuLeft", "menuRight", "menuUp", "merge", "metricbeatApp", "metricsApp", "minimize", "minus", "minusInCircle", "minusInCircleFilled", "mobile", "monitoringApp", "moon", "namespace", "nested", "node", "notebookApp", "number", "offline", "online", "outlierDetectionJob", "package", "packetbeatApp", "pageSelect", "pagesSelect", "paperClip", "partial", "pause", "payment", "pencil", "percent", "pin", "pinFilled", "pipelineApp", "play", "playFilled", "plus", "plusInCircle", "plusInCircleFilled", "popout", "push", "questionInCircle", "quote", "recentlyViewedApp", "refresh", "regressionJob", "reporter", "reportingApp", "returnKey", "save", "savedObjectsApp", "scale", "search", "searchProfilerApp", "securityAnalyticsApp", "securityApp", "securitySignal", "securitySignalDetected", "securitySignalResolved", "sessionViewer", "shard", "share", "snowflake", "sortDown", "sortLeft", "sortRight", "sortUp", "sortable", "spacesApp", "sqlApp", "starEmpty", "starEmptySpace", "starFilled", "starFilledSpace", "starMinusEmpty", "starMinusFilled", "starPlusEmpty", "starPlusFilled", "stats", "stop", "stopFilled", "stopSlash", "storage", "string", "submodule", "sun", "swatchInput", "symlink", "tableDensityCompact", "tableDensityExpanded", "tableDensityNormal", "tableOfContents", "tag", "tear", "temperature", "timeline", "timelionApp", "timeRefresh", "timeslider", "training", "trash", "unfold", "unlink", "upgradeAssistantApp", "uptimeApp", "user", "userAvatar", "users", "usersRolesApp", "vector", "videoPlayer", "visArea", "visAreaStacked", "visBarHorizontal", "visBarHorizontalStacked", "visBarVertical", "visBarVerticalStacked", "visGauge", "visGoal", "visLine", "visMapCoordinate", "visMapRegion", "visMetric", "visPie", "visTable", "visTagCloud", "visText", "visTimelion", "visVega", "visVisualBuilder", "visualizeApp", "watchesApp", "wordWrap", "wordWrapDisabled", "workplaceSearchApp", "wrench", "tokenAlias", "tokenAnnotation", "tokenArray", "tokenBinary", "tokenBoolean", "tokenClass", "tokenCompletionSuggester", "tokenConstant", "tokenDate", "tokenDenseVector", "tokenElement", "tokenEnum", "tokenEnumMember", "tokenEvent", "tokenException", "tokenField", "tokenFile", "tokenFlattened", "tokenFunction", "tokenGeo", "tokenHistogram", "tokenInterface", "tokenIP", "tokenJoin", "tokenKey", "tokenKeyword", "tokenMethod", "tokenMetricCounter", "tokenMetricGauge", "tokenModule", "tokenNamespace", "tokenNested", "tokenNull", "tokenNumber", "tokenObject", "tokenOperator", "tokenPackage", "tokenParameter", "tokenPercolator", "tokenProperty", "tokenRange", "tokenRankFeature", "tokenRankFeatures", "tokenRepo", "tokenSearchType", "tokenShape", "tokenString", "tokenStruct", "tokenSymbol", "tokenTag", "tokenText", "tokenTokenCount", "tokenVariable"]).isRequired, PropTypes.string.isRequired, PropTypes.elementType.isRequired]),
|
|
90
|
+
|
|
91
|
+
/**
|
|
92
|
+
* Specify an `aria-label` for the `eventIcon`.
|
|
93
|
+
* If no `aria-label` is passed we assume the icon is purely decorative.
|
|
94
|
+
*/
|
|
95
|
+
eventIconAriaLabel: PropTypes.string,
|
|
96
|
+
|
|
97
|
+
/**
|
|
98
|
+
* Background color for the comment's header.
|
|
99
|
+
*/
|
|
100
|
+
eventColor: PropTypes.any,
|
|
79
101
|
className: PropTypes.string,
|
|
80
102
|
"aria-label": PropTypes.string,
|
|
81
103
|
"data-test-subj": PropTypes.string,
|
|
82
104
|
|
|
83
105
|
/**
|
|
84
|
-
* Main
|
|
106
|
+
* Main avatar that accompanies the comment. Should indicate who is the author of the comment.
|
|
107
|
+
* Any `ReactNode`, but preferably `EuiAvatar`, or a `string` as an `EuiAvatarProps['iconType']`.
|
|
108
|
+
* If no `timelineAvatar` is passed, the `userAvatar` icon will be used as the avatar.
|
|
109
|
+
*/
|
|
110
|
+
timelineAvatar: PropTypes.oneOfType([PropTypes.node.isRequired, PropTypes.oneOfType([PropTypes.oneOf(["accessibility", "addDataApp", "advancedSettingsApp", "agentApp", "aggregate", "alert", "analyzeEvent", "annotation", "apmApp", "apmTrace", "appSearchApp", "apps", "arrowDown", "arrowLeft", "arrowRight", "arrowUp", "arrowStart", "arrowEnd", "asterisk", "auditbeatApp", "beaker", "bell", "bellSlash", "bolt", "boxesHorizontal", "boxesVertical", "branch", "branchUser", "broom", "brush", "bug", "bullseye", "calendar", "canvasApp", "casesApp", "check", "checkInCircleFilled", "cheer", "classificationJob", "clock", "cloudDrizzle", "cloudStormy", "cloudSunny", "cluster", "codeApp", "color", "compute", "console", "consoleApp", "container", "continuityAbove", "continuityAboveBelow", "continuityBelow", "continuityWithin", "controlsHorizontal", "controlsVertical", "copy", "copyClipboard", "createAdvancedJob", "createMultiMetricJob", "createPopulationJob", "createSingleMetricJob", "cross", "crossClusterReplicationApp", "crossInACircleFilled", "crosshairs", "currency", "cut", "dashboardApp", "dataVisualizer", "database", "desktop", "devToolsApp", "discoverApp", "document", "documentEdit", "documentation", "documents", "dot", "doubleArrowLeft", "doubleArrowRight", "download", "editorAlignCenter", "editorAlignLeft", "editorAlignRight", "editorBold", "editorChecklist", "editorCodeBlock", "editorComment", "editorDistributeHorizontal", "editorDistributeVertical", "editorHeading", "editorItalic", "editorItemAlignBottom", "editorItemAlignCenter", "editorItemAlignLeft", "editorItemAlignMiddle", "editorItemAlignRight", "editorItemAlignTop", "editorLink", "editorOrderedList", "editorPositionBottomLeft", "editorPositionBottomRight", "editorPositionTopLeft", "editorPositionTopRight", "editorRedo", "editorStrike", "editorTable", "editorUnderline", "editorUndo", "editorUnorderedList", "email", "empty", "emsApp", "eql", "eraser", "exit", "expand", "expandMini", "exportAction", "eye", "eyeClosed", "faceHappy", "faceNeutral", "faceSad", "filebeatApp", "filter", "flag", "fleetApp", "fold", "folderCheck", "folderClosed", "folderExclamation", "folderOpen", "frameNext", "framePrevious", "fullScreen", "fullScreenExit", "function", "gear", "gisApp", "glasses", "globe", "grab", "grabHorizontal", "graphApp", "grid", "grokApp", "heart", "heartbeatApp", "heatmap", "help", "home", "iInCircle", "image", "importAction", "indexClose", "indexEdit", "indexFlush", "indexManagementApp", "indexMapping", "indexOpen", "indexPatternApp", "indexRollupApp", "indexRuntime", "indexSettings", "inputOutput", "inspect", "invert", "ip", "keyboard", "kqlField", "kqlFunction", "kqlOperand", "kqlSelector", "kqlValue", "kubernetesNode", "kubernetesPod", "layers", "lensApp", "lettering", "lineDashed", "lineDotted", "lineSolid", "link", "list", "listAdd", "lock", "lockOpen", "logoAWS", "logoAWSMono", "logoAerospike", "logoApache", "logoAppSearch", "logoAzure", "logoAzureMono", "logoBeats", "logoBusinessAnalytics", "logoCeph", "logoCloud", "logoCloudEnterprise", "logoCode", "logoCodesandbox", "logoCouchbase", "logoDocker", "logoDropwizard", "logoElastic", "logoElasticStack", "logoElasticsearch", "logoEnterpriseSearch", "logoEtcd", "logoGCP", "logoGCPMono", "logoGithub", "logoGmail", "logoGolang", "logoGoogleG", "logoHAproxy", "logoIBM", "logoIBMMono", "logoKafka", "logoKibana", "logoKubernetes", "logoLogging", "logoLogstash", "logoMaps", "logoMemcached", "logoMetrics", "logoMongodb", "logoMySQL", "logoNginx", "logoObservability", "logoOsquery", "logoPhp", "logoPostgres", "logoPrometheus", "logoRabbitmq", "logoRedis", "logoSecurity", "logoSiteSearch", "logoSketch", "logoSlack", "logoUptime", "logoWebhook", "logoWindows", "logoWorkplaceSearch", "logsApp", "logstashFilter", "logstashIf", "logstashInput", "logstashOutput", "logstashQueue", "machineLearningApp", "magnet", "magnifyWithExclamation", "magnifyWithMinus", "magnifyWithPlus", "managementApp", "mapMarker", "memory", "menu", "menuDown", "menuLeft", "menuRight", "menuUp", "merge", "metricbeatApp", "metricsApp", "minimize", "minus", "minusInCircle", "minusInCircleFilled", "mobile", "monitoringApp", "moon", "namespace", "nested", "node", "notebookApp", "number", "offline", "online", "outlierDetectionJob", "package", "packetbeatApp", "pageSelect", "pagesSelect", "paperClip", "partial", "pause", "payment", "pencil", "percent", "pin", "pinFilled", "pipelineApp", "play", "playFilled", "plus", "plusInCircle", "plusInCircleFilled", "popout", "push", "questionInCircle", "quote", "recentlyViewedApp", "refresh", "regressionJob", "reporter", "reportingApp", "returnKey", "save", "savedObjectsApp", "scale", "search", "searchProfilerApp", "securityAnalyticsApp", "securityApp", "securitySignal", "securitySignalDetected", "securitySignalResolved", "sessionViewer", "shard", "share", "snowflake", "sortDown", "sortLeft", "sortRight", "sortUp", "sortable", "spacesApp", "sqlApp", "starEmpty", "starEmptySpace", "starFilled", "starFilledSpace", "starMinusEmpty", "starMinusFilled", "starPlusEmpty", "starPlusFilled", "stats", "stop", "stopFilled", "stopSlash", "storage", "string", "submodule", "sun", "swatchInput", "symlink", "tableDensityCompact", "tableDensityExpanded", "tableDensityNormal", "tableOfContents", "tag", "tear", "temperature", "timeline", "timelionApp", "timeRefresh", "timeslider", "training", "trash", "unfold", "unlink", "upgradeAssistantApp", "uptimeApp", "user", "userAvatar", "users", "usersRolesApp", "vector", "videoPlayer", "visArea", "visAreaStacked", "visBarHorizontal", "visBarHorizontalStacked", "visBarVertical", "visBarVerticalStacked", "visGauge", "visGoal", "visLine", "visMapCoordinate", "visMapRegion", "visMetric", "visPie", "visTable", "visTagCloud", "visText", "visTimelion", "visVega", "visVisualBuilder", "visualizeApp", "watchesApp", "wordWrap", "wordWrapDisabled", "workplaceSearchApp", "wrench", "tokenAlias", "tokenAnnotation", "tokenArray", "tokenBinary", "tokenBoolean", "tokenClass", "tokenCompletionSuggester", "tokenConstant", "tokenDate", "tokenDenseVector", "tokenElement", "tokenEnum", "tokenEnumMember", "tokenEvent", "tokenException", "tokenField", "tokenFile", "tokenFlattened", "tokenFunction", "tokenGeo", "tokenHistogram", "tokenInterface", "tokenIP", "tokenJoin", "tokenKey", "tokenKeyword", "tokenMethod", "tokenMetricCounter", "tokenMetricGauge", "tokenModule", "tokenNamespace", "tokenNested", "tokenNull", "tokenNumber", "tokenObject", "tokenOperator", "tokenPackage", "tokenParameter", "tokenPercolator", "tokenProperty", "tokenRange", "tokenRankFeature", "tokenRankFeatures", "tokenRepo", "tokenSearchType", "tokenShape", "tokenString", "tokenStruct", "tokenSymbol", "tokenTag", "tokenText", "tokenTokenCount", "tokenVariable"]).isRequired, PropTypes.string.isRequired, PropTypes.elementType.isRequired]).isRequired]),
|
|
111
|
+
|
|
112
|
+
/**
|
|
113
|
+
* Specify an `aria-label` and `title` for the `timelineAvatar` when passed as an `IconType` or when nothing is passed.
|
|
114
|
+
* If no `timelineAvatarAriaLabel` is passed we assume the avatar is purely decorative.
|
|
85
115
|
*/
|
|
86
|
-
|
|
116
|
+
timelineAvatarAriaLabel: PropTypes.string
|
|
87
117
|
};
|