From fe3422cfc36425331f38a2f3b568bc2fbff3bfd5 Mon Sep 17 00:00:00 2001 From: Frank Hassanabad Date: Fri, 9 Aug 2019 19:46:29 -0600 Subject: [PATCH] [SIEM] Upgrades react-redux and utilize React.memo for performance gains (#43029) ## Summary * Upgrades react-redux so we can use React.memo with hooks and connected components. * Adds displayName to all the components that are React.memo as well as all components that are `pure` components. Using React Profiler you can see that when doing something as innocuous as dragging the divider bar of the Timeline you will get updates of the different tables: Screen Shot 2019-08-08 at 1 25 22 PM This is a result of redux making changes based on the location of the timeline. As this occurs, the UrlState begins updating its self and all children which is not what we want. You will see differences now in the snapshots such as this which adds naming to it: Screen Shot 2019-08-09 at 2 34 06 PM For the rest of us profiling we will have friendly names in our profiling tools to be able to trace what is going on very quickly Before where a name didn't exist and it just showed `Memo` or `pure`: Screen Shot 2019-08-09 at 11 55 08 AM Now that a name exists you can trace to the code quickly to the component name: Screen Shot 2019-08-09 at 3 08 42 PM ### Checklist Use ~~strikethroughs~~ to remove checklist items you don't feel are applicable to this PR. ~~- [ ] This was checked for cross-browser compatibility, [including a check against IE11](https://github.com/elastic/kibana/blob/master/CONTRIBUTING.md#cross-browser-compatibility)~~ ~~- [ ] Any text added follows [EUI's writing guidelines](https://elastic.github.io/eui/#/guidelines/writing), uses sentence case text and includes [i18n support](https://github.com/elastic/kibana/blob/master/packages/kbn-i18n/README.md)~~ ~~- [ ] [Documentation](https://github.com/elastic/kibana/blob/master/CONTRIBUTING.md#writing-documentation) was added for features that require explanation or tutorials~~ ~~- [ ] [Unit or functional tests](https://github.com/elastic/kibana/blob/master/CONTRIBUTING.md#cross-browser-compatibility) were updated or added to match the most common scenarios~~ ~~- [ ] This was checked for [keyboard-only and screenreader accessibility](https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/Accessibility#Accessibility_testing_checklist)~~ ### For maintainers ~~- [ ] This was checked for breaking API changes and was [labeled appropriately](https://github.com/elastic/kibana/blob/master/CONTRIBUTING.md#release-notes-process)~~ ~~- [ ] This includes a feature addition or change that requires a release note and was [labeled appropriately](https://github.com/elastic/kibana/blob/master/CONTRIBUTING.md#release-notes-process)~~ --- package.json | 2 +- .../public/components/and_or_badge/index.tsx | 4 + .../arrows/__snapshots__/index.test.tsx.snap | 2 +- .../siem/public/components/arrows/index.tsx | 4 + .../__snapshots__/index.test.tsx.snap | 4 +- .../components/autocomplete_field/index.tsx | 4 + .../autocomplete_field/suggestion_item.tsx | 11 +- .../certificate_fingerprint/index.tsx | 4 + .../public/components/charts/areachart.tsx | 6 + .../public/components/charts/barchart.tsx | 6 + .../siem/public/components/charts/common.tsx | 5 + .../public/components/direction/index.tsx | 2 + .../droppable_wrapper.test.tsx.snap | 4 +- .../drag_and_drop/draggable_wrapper.tsx | 4 + .../drag_and_drop/droppable_wrapper.tsx | 4 + .../draggables/field_badge/index.tsx | 8 + .../public/components/draggables/index.tsx | 8 + .../siem/public/components/duration/index.tsx | 2 + .../components/edit_data_provider/index.tsx | 2 + .../public/components/empty_page/index.tsx | 4 + .../public/components/empty_value/index.tsx | 2 + .../__snapshots__/event_details.test.tsx.snap | 2 +- .../components/event_details/columns.tsx | 4 + .../event_details/event_details.tsx | 4 + .../event_details/event_fields_browser.tsx | 2 + .../components/event_details/json_view.tsx | 4 + .../components/external_link_icon/index.tsx | 6 + .../field_renderers.test.tsx.snap | 38 ++--- .../field_renderers/field_renderers.tsx | 4 + .../fields_browser/categories_pane.tsx | 6 + .../components/fields_browser/category.tsx | 4 + .../fields_browser/category_buttons.tsx | 2 + .../fields_browser/category_columns.tsx | 8 + .../fields_browser/category_title.tsx | 4 + .../fields_browser/field_browser.tsx | 4 + .../components/fields_browser/field_items.tsx | 2 + .../components/fields_browser/field_name.tsx | 10 ++ .../components/fields_browser/fields_pane.tsx | 6 + .../components/fields_browser/header.tsx | 14 ++ .../components/fields_browser/helpers.tsx | 2 + .../components/fields_browser/index.tsx | 2 + .../filters_global/filters_global.tsx | 6 + .../flow_controls/flow_direction_select.tsx | 2 + .../flow_controls/flow_target_select.tsx | 2 + .../flyout/__snapshots__/index.test.tsx.snap | 2 +- .../public/components/flyout/button/index.tsx | 13 ++ .../public/components/flyout/header/index.tsx | 2 + .../siem/public/components/flyout/index.tsx | 6 + .../public/components/flyout/pane/index.tsx | 8 + .../components/formatted_bytes/index.tsx | 2 + .../components/formatted_date/index.tsx | 4 + .../components/formatted_duration/index.tsx | 2 + .../formatted_duration/tooltip/index.tsx | 6 + .../public/components/formatted_ip/index.tsx | 6 + .../components/header_page/header_page.tsx | 4 + .../components/header_panel/header_panel.tsx | 4 + .../public/components/help_menu/help_menu.tsx | 2 + .../public/components/help_menu/index.tsx | 2 + .../siem/public/components/inspect/index.tsx | 4 + .../siem/public/components/inspect/modal.tsx | 4 + .../siem/public/components/ip/index.tsx | 2 + .../components/ja3_fingerprint/index.tsx | 4 + .../components/last_event_time/index.tsx | 2 + .../public/components/link_to/link_to.tsx | 2 + .../siem/public/components/links/index.tsx | 18 +++ .../components/load_more_table/index.tsx | 6 + .../siem/public/components/loader/index.tsx | 6 + .../siem/public/components/loading/index.tsx | 8 + .../localized_date_tooltip/index.tsx | 2 + .../siem/public/components/markdown/index.tsx | 4 + .../components/markdown/markdown_hint.tsx | 18 +++ .../ml/anomaly/anomaly_table_provider.tsx | 2 + .../ml_host_conditional_container.tsx | 2 + .../ml_network_conditional_container.tsx | 2 + .../public/components/ml/entity_draggable.tsx | 2 + .../permissions/ml_capabilities_provider.tsx | 4 + .../__snapshots__/anomaly_score.test.tsx.snap | 10 +- .../anomaly_scores.test.tsx.snap | 4 +- .../create_descriptions_list.test.tsx.snap | 6 +- .../components/ml/score/anomaly_score.tsx | 4 + .../components/ml/score/anomaly_scores.tsx | 2 + .../ml/score/create_description_list.tsx | 2 + .../components/ml/score/draggable_score.tsx | 2 + .../components/ml/score/score_health.tsx | 2 + .../ml/tables/anomalies_host_table.tsx | 4 + .../ml/tables/anomalies_network_table.tsx | 4 + .../components/ml/tables/basic_table.tsx | 2 + .../upgrade_contents.test.tsx.snap | 4 +- .../__snapshots__/job_switch.test.tsx.snap | 2 +- .../__snapshots__/showing_count.test.tsx.snap | 4 +- .../ml_popover/jobs_table/filter_group.tsx | 2 + .../ml_popover/jobs_table/job_switch.tsx | 4 + .../ml_popover/jobs_table/jobs_table.tsx | 6 + .../ml_popover/jobs_table/showing_count.tsx | 4 + .../components/ml_popover/ml_popover.tsx | 4 + .../ml_popover/popover_description.tsx | 2 + .../ml_popover/upgrade_contents.tsx | 4 + .../navigation/tab_navigation/index.tsx | 2 + .../netflow/__snapshots__/index.test.tsx.snap | 2 +- .../components/netflow/fingerprints/index.tsx | 2 + .../siem/public/components/netflow/index.tsx | 2 + .../duration_event_start_end.tsx | 4 + .../netflow/netflow_columns/index.tsx | 4 + .../netflow/netflow_columns/user_process.tsx | 2 + .../components/notes/add_note/index.tsx | 8 + .../components/notes/add_note/new_note.tsx | 10 ++ .../siem/public/components/notes/columns.tsx | 1 + .../siem/public/components/notes/helpers.tsx | 4 + .../siem/public/components/notes/index.tsx | 4 + .../components/notes/note_card/index.tsx | 4 + .../notes/note_card/note_card_body.tsx | 6 + .../notes/note_card/note_card_header.tsx | 8 + .../notes/note_card/note_created.tsx | 4 + .../components/notes/note_cards/index.tsx | 8 + .../delete_timeline_modal.tsx | 2 + .../open_timeline/note_previews/index.tsx | 4 + .../note_previews/note_preview.tsx | 6 + .../open_timeline/open_timeline.tsx | 2 + .../open_timeline_modal/index.tsx | 2 + .../open_timeline_modal.tsx | 4 + .../open_timeline/search_row/index.tsx | 6 + .../open_timeline/timelines_table/index.tsx | 4 + .../open_timeline/title_row/index.tsx | 2 + .../__snapshots__/index.test.tsx.snap | 4 +- .../components/page/add_to_kql/index.tsx | 4 + .../__snapshots__/index.test.tsx.snap | 2 +- .../hosts/authentications_table/index.tsx | 2 + .../__snapshots__/index.test.tsx.snap | 2 +- .../page/hosts/events_table/index.tsx | 2 + .../page/hosts/first_last_seen_host/index.tsx | 2 + .../__snapshots__/index.test.tsx.snap | 2 +- .../page/hosts/host_overview/index.tsx | 4 + .../__snapshots__/index.test.tsx.snap | 14 +- .../components/page/hosts/kpi_hosts/index.tsx | 2 + .../__snapshots__/index.test.tsx.snap | 2 +- .../hosts/uncommon_process_table/index.tsx | 2 + .../siem/public/components/page/index.tsx | 28 ++++ .../public/components/page/manage_query.tsx | 3 +- .../flow_target_select_connected/index.tsx | 4 + .../__snapshots__/index.test.tsx.snap | 2 +- .../page/network/ip_overview/index.tsx | 4 + .../__snapshots__/index.test.tsx.snap | 4 +- .../page/network/kpi_network/index.tsx | 4 + .../network_dns_table/is_ptr_included.tsx | 2 + .../network_top_n_flow_table/index.tsx | 2 + .../page/overview/overview_host/index.tsx | 2 + .../overview/overview_host_stats/index.tsx | 6 + .../page/overview/overview_network/index.tsx | 2 + .../overview/overview_network_stats/index.tsx | 6 + .../__snapshots__/index.test.tsx.snap | 2 +- .../components/paginated_table/index.tsx | 10 ++ .../siem/public/components/pin/index.tsx | 4 + .../port/__snapshots__/index.test.tsx.snap | 2 +- .../siem/public/components/port/index.tsx | 2 + .../__snapshots__/index.test.tsx.snap | 2 +- .../public/components/resize_handle/index.tsx | 2 + .../resize_handle/styled_handles.tsx | 8 + .../components/selectable_text/index.tsx | 2 + .../__snapshots__/index.test.tsx.snap | 2 +- .../source_destination/country_flag.tsx | 2 + .../source_destination/geo_fields.tsx | 6 + .../components/source_destination/index.tsx | 4 + .../source_destination/ip_with_port.tsx | 6 + .../components/source_destination/network.tsx | 6 + .../source_destination_arrows.tsx | 12 ++ .../source_destination_ip.tsx | 4 + .../source_destination_with_arrows.tsx | 2 + .../__snapshots__/index.test.tsx.snap | 152 +++++++++--------- .../public/components/stat_items/index.tsx | 6 + .../__snapshots__/helpers.test.tsx.snap | 8 +- .../siem/public/components/tables/helpers.tsx | 2 + .../timeline/auto_save_warning/index.tsx | 2 + .../timeline/body/actions/index.tsx | 14 ++ .../body/column_headers/actions/index.tsx | 8 + .../body/column_headers/common/styles.tsx | 4 + .../column_headers/events_select/helpers.tsx | 8 + .../column_headers/events_select/index.tsx | 6 + .../body/column_headers/filter/index.tsx | 2 + .../header/__snapshots__/index.test.tsx.snap | 10 +- .../body/column_headers/header/index.tsx | 8 + .../header_tooltip_content/index.tsx | 10 ++ .../timeline/body/column_headers/index.tsx | 10 ++ .../column_headers/range_picker/index.tsx | 4 + .../body/column_headers/text_filter/index.tsx | 4 + .../body/data_driven_columns/index.tsx | 4 + .../components/timeline/body/events/index.tsx | 2 + .../public/components/timeline/body/index.tsx | 6 + .../get_row_renderer.test.tsx.snap | 4 +- .../plain_row_renderer.test.tsx.snap | 4 +- .../timeline/body/renderers/args.tsx | 2 + .../generic_file_details.test.tsx.snap | 2 +- .../generic_row_renderer.test.tsx.snap | 20 +-- ...ession_user_host_working_dir.test.tsx.snap | 2 +- .../body/renderers/auditd/generic_details.tsx | 4 + .../renderers/auditd/generic_file_details.tsx | 4 + .../auditd/primary_secondary_user_info.tsx | 4 + .../auditd/session_user_host_working_dir.tsx | 2 + .../body/renderers/formatted_field.tsx | 2 + .../timeline/body/renderers/helpers.tsx | 6 + .../body/renderers/host_working_dir.tsx | 2 + .../timeline/body/renderers/netflow.tsx | 2 + .../netflow_row_renderer.test.tsx.snap | 14 +- .../netflow/netflow_row_renderer.tsx | 2 + .../body/renderers/process_draggable.tsx | 4 + .../timeline/body/renderers/row_renderer.ts | 2 + .../suricata_row_renderer.test.tsx.snap | 10 +- .../renderers/suricata/suricata_details.tsx | 4 + .../body/renderers/suricata/suricata_refs.tsx | 4 + .../renderers/suricata/suricata_signature.tsx | 12 ++ .../__snapshots__/auth_ssh.test.tsx.snap | 2 +- .../generic_file_details.test.tsx.snap | 2 +- .../generic_row_renderer.test.tsx.snap | 20 +-- .../body/renderers/system/auth_ssh.tsx | 2 + .../body/renderers/system/generic_details.tsx | 4 + .../renderers/system/generic_file_details.tsx | 4 + .../body/renderers/system/package.tsx | 2 + .../body/renderers/user_host_working_dir.tsx | 2 + .../zeek_row_renderer.test.tsx.snap | 10 +- .../body/renderers/zeek/zeek_details.tsx | 4 + .../body/renderers/zeek/zeek_signature.tsx | 14 ++ .../timeline/body/sort/sort_indicator.tsx | 2 + .../__snapshots__/providers.test.tsx.snap | 2 +- .../timeline/data_providers/empty.tsx | 10 ++ .../timeline/data_providers/index.tsx | 4 + .../timeline/data_providers/provider.tsx | 2 + .../data_providers/provider_badge.tsx | 4 + .../data_providers/provider_item_actions.tsx | 2 + .../provider_item_and_drag_drop.tsx | 8 + .../timeline/data_providers/providers.tsx | 12 ++ .../timeline/expandable_event/index.tsx | 2 + .../footer/__snapshots__/index.test.tsx.snap | 16 +- .../components/timeline/footer/index.tsx | 16 ++ .../timeline/footer/last_updated.tsx | 2 + .../components/timeline/header/index.tsx | 4 + .../timeline/properties/helpers.tsx | 20 +++ .../components/timeline/properties/index.tsx | 8 + .../components/timeline/properties/styles.tsx | 24 +++ .../timeline/search_or_filter/helpers.tsx | 2 + .../search_or_filter/search_or_filter.tsx | 6 + .../public/components/timeline/timeline.tsx | 6 + .../modal_all_errors.test.tsx.snap | 4 +- .../siem/public/components/toasters/index.tsx | 2 + .../components/toasters/modal_all_errors.tsx | 2 + .../components/truncatable_text/index.tsx | 2 + .../__snapshots__/index.test.tsx.snap | 4 +- .../public/components/url_state/index.tsx | 16 +- .../components/with_hover_actions/index.tsx | 6 + .../siem/public/containers/hosts/filter.tsx | 2 + .../public/containers/ip_overview/index.tsx | 2 + .../containers/kpi_host_details/index.tsx | 2 + .../public/containers/kpi_hosts/index.tsx | 2 + .../public/containers/kpi_network/index.tsx | 2 + .../siem/public/containers/network/filter.tsx | 2 + .../overview/overview_host/index.tsx | 2 + .../overview/overview_network/index.tsx | 2 + .../lib/clipboard/with_copy_to_clipboard.tsx | 4 + .../legacy/plugins/siem/public/pages/404.tsx | 2 + .../plugins/siem/public/pages/home/index.tsx | 8 + .../siem/public/pages/hosts/host_details.tsx | 2 + .../plugins/siem/public/pages/hosts/hosts.tsx | 2 + .../public/pages/hosts/hosts_empty_page.tsx | 2 + .../plugins/siem/public/pages/hosts/index.tsx | 2 + .../plugins/siem/public/pages/hosts/kql.tsx | 2 + .../siem/public/pages/network/index.tsx | 2 + .../siem/public/pages/network/ip_details.tsx | 2 + .../plugins/siem/public/pages/network/kql.tsx | 2 + .../siem/public/pages/network/network.tsx | 2 + .../pages/network/network_empty_page.tsx | 2 + .../siem/public/pages/overview/index.tsx | 2 + .../siem/public/pages/overview/overview.tsx | 2 + .../siem/public/pages/overview/summary.tsx | 2 + .../siem/public/pages/timelines/index.tsx | 2 + .../public/pages/timelines/timelines_page.tsx | 2 + x-pack/package.json | 2 +- yarn.lock | 17 +- 275 files changed, 1261 insertions(+), 215 deletions(-) diff --git a/package.json b/package.json index 89a8a2bec238d..6eee209662809 100644 --- a/package.json +++ b/package.json @@ -215,7 +215,7 @@ "react-hooks-testing-library": "^0.5.0", "react-input-range": "^1.3.0", "react-markdown": "^3.4.1", - "react-redux": "^5.0.7", + "react-redux": "^5.1.1", "react-router-dom": "^4.3.1", "react-sizeme": "^2.3.6", "reactcss": "1.2.3", diff --git a/x-pack/legacy/plugins/siem/public/components/and_or_badge/index.tsx b/x-pack/legacy/plugins/siem/public/components/and_or_badge/index.tsx index c6f82d1217d18..fd5712e1dd1a5 100644 --- a/x-pack/legacy/plugins/siem/public/components/and_or_badge/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/and_or_badge/index.tsx @@ -33,6 +33,8 @@ const RoundedBadge = styled(EuiBadge)` } `; +RoundedBadge.displayName = 'RoundedBadge'; + export type AndOr = 'and' | 'or'; /** Displays AND / OR in a round badge */ @@ -45,3 +47,5 @@ export const AndOrBadge = pure<{ type: AndOr }>(({ type }) => { ); }); + +AndOrBadge.displayName = 'AndOrBadge'; diff --git a/x-pack/legacy/plugins/siem/public/components/arrows/__snapshots__/index.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/arrows/__snapshots__/index.test.tsx.snap index cdc7dc3ceaf5c..408bcac756f47 100644 --- a/x-pack/legacy/plugins/siem/public/components/arrows/__snapshots__/index.test.tsx.snap +++ b/x-pack/legacy/plugins/siem/public/components/arrows/__snapshots__/index.test.tsx.snap @@ -2,7 +2,7 @@ exports[`arrows ArrowBody renders correctly against snapshot 1`] = ` - diff --git a/x-pack/legacy/plugins/siem/public/components/arrows/index.tsx b/x-pack/legacy/plugins/siem/public/components/arrows/index.tsx index 3aff913383756..6d5b464e0e886 100644 --- a/x-pack/legacy/plugins/siem/public/components/arrows/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/arrows/index.tsx @@ -16,6 +16,8 @@ export const ArrowBody = styled.span<{ height: number }>` width: 25px; `; +ArrowBody.displayName = 'ArrowBody'; + export type ArrowDirection = 'arrowLeft' | 'arrowRight'; /** Renders the head of an arrow */ @@ -24,3 +26,5 @@ export const ArrowHead = pure<{ }>(({ direction }) => ( )); + +ArrowHead.displayName = 'ArrowHead'; diff --git a/x-pack/legacy/plugins/siem/public/components/autocomplete_field/__snapshots__/index.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/autocomplete_field/__snapshots__/index.test.tsx.snap index 35d2d9b2cee11..3fbf46760f3a5 100644 --- a/x-pack/legacy/plugins/siem/public/components/autocomplete_field/__snapshots__/index.test.tsx.snap +++ b/x-pack/legacy/plugins/siem/public/components/autocomplete_field/__snapshots__/index.test.tsx.snap @@ -4,7 +4,7 @@ exports[`Autocomplete rendering it renders against snapshot 1`] = ` - + - + `; diff --git a/x-pack/legacy/plugins/siem/public/components/autocomplete_field/index.tsx b/x-pack/legacy/plugins/siem/public/components/autocomplete_field/index.tsx index b26b3cfa51d03..ba224ed1797f3 100644 --- a/x-pack/legacy/plugins/siem/public/components/autocomplete_field/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/autocomplete_field/index.tsx @@ -311,6 +311,8 @@ const AutocompleteContainer = euiStyled.div` position: relative; `; +AutocompleteContainer.displayName = 'AutocompleteContainer'; + const SuggestionsPanel = euiStyled(EuiPanel).attrs({ paddingSize: 'none', hasShadow: true, @@ -321,3 +323,5 @@ const SuggestionsPanel = euiStyled(EuiPanel).attrs({ overflow: hidden; z-index: ${props => props.theme.eui.euiZLevel1}; `; + +SuggestionsPanel.displayName = 'SuggestionsPanel'; diff --git a/x-pack/legacy/plugins/siem/public/components/autocomplete_field/suggestion_item.tsx b/x-pack/legacy/plugins/siem/public/components/autocomplete_field/suggestion_item.tsx index 53be16ed2843c..6bc217d6efb4b 100644 --- a/x-pack/legacy/plugins/siem/public/components/autocomplete_field/suggestion_item.tsx +++ b/x-pack/legacy/plugins/siem/public/components/autocomplete_field/suggestion_item.tsx @@ -25,7 +25,6 @@ export class SuggestionItem extends React.PureComponent { public render() { const { isSelected, onClick, onMouseEnter, suggestion } = this.props; - return ( props.theme.eui.euiSizeXS}; `; +SuggestionItemField.displayName = 'SuggestionItemField'; + const SuggestionItemIconField = styled(SuggestionItemField)<{ suggestionType: string }>` background-color: ${props => transparentize(0.9, getEuiIconColor(props.theme, props.suggestionType))}; @@ -73,11 +76,15 @@ const SuggestionItemIconField = styled(SuggestionItemField)<{ suggestionType: st width: ${props => props.theme.eui.euiSizeXL}; `; +SuggestionItemIconField.displayName = 'SuggestionItemIconField'; + const SuggestionItemTextField = styled(SuggestionItemField)` flex: 2 0 0; font-family: ${props => props.theme.eui.euiCodeFontFamily}; `; +SuggestionItemTextField.displayName = 'SuggestionItemTextField'; + const SuggestionItemDescriptionField = styled(SuggestionItemField)` flex: 3 0 0; @@ -90,6 +97,8 @@ const SuggestionItemDescriptionField = styled(SuggestionItemField)` } `; +SuggestionItemDescriptionField.displayName = 'SuggestionItemDescriptionField'; + const getEuiIconType = (suggestionType: string) => { switch (suggestionType) { case 'field': diff --git a/x-pack/legacy/plugins/siem/public/components/certificate_fingerprint/index.tsx b/x-pack/legacy/plugins/siem/public/components/certificate_fingerprint/index.tsx index 9ae8d1c9cbb92..37ec256ccd8c0 100644 --- a/x-pack/legacy/plugins/siem/public/components/certificate_fingerprint/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/certificate_fingerprint/index.tsx @@ -26,6 +26,8 @@ const FingerprintLabel = styled.span` margin-right: 5px; `; +FingerprintLabel.displayName = 'FingerprintLabel'; + /** * Represents a field containing a certificate fingerprint (e.g. a sha1), with * a link to an external site, which in-turn compares the fingerprint against a @@ -63,3 +65,5 @@ export const CertificateFingerprint = pure<{ ); }); + +CertificateFingerprint.displayName = 'CertificateFingerprint'; diff --git a/x-pack/legacy/plugins/siem/public/components/charts/areachart.tsx b/x-pack/legacy/plugins/siem/public/components/charts/areachart.tsx index d30531454b3b6..601e4dceeca8d 100644 --- a/x-pack/legacy/plugins/siem/public/components/charts/areachart.tsx +++ b/x-pack/legacy/plugins/siem/public/components/charts/areachart.tsx @@ -111,6 +111,8 @@ export const AreaChartBaseComponent = React.memo<{ ) : null; }); +AreaChartBaseComponent.displayName = 'AreaChartBaseComponent'; + export const AreaChartWithCustomPrompt = React.memo<{ data: ChartConfigsData[] | null | undefined; height: number | null | undefined; @@ -131,6 +133,8 @@ export const AreaChartWithCustomPrompt = React.memo<{ ); }); +AreaChartWithCustomPrompt.displayName = 'AreaChartWithCustomPrompt'; + export const AreaChart = React.memo<{ areaChart: ChartConfigsData[] | null | undefined; configs?: ChartSeriesConfigs | undefined; @@ -148,3 +152,5 @@ export const AreaChart = React.memo<{ )} )); + +AreaChart.displayName = 'AreaChart'; diff --git a/x-pack/legacy/plugins/siem/public/components/charts/barchart.tsx b/x-pack/legacy/plugins/siem/public/components/charts/barchart.tsx index 4408879ec729c..547699d49fb03 100644 --- a/x-pack/legacy/plugins/siem/public/components/charts/barchart.tsx +++ b/x-pack/legacy/plugins/siem/public/components/charts/barchart.tsx @@ -83,6 +83,8 @@ export const BarChartBaseComponent = React.memo<{ ) : null; }); +BarChartBaseComponent.displayName = 'BarChartBaseComponent'; + export const BarChartWithCustomPrompt = React.memo<{ data: ChartConfigsData[] | null | undefined; height: number | null | undefined; @@ -101,6 +103,8 @@ export const BarChartWithCustomPrompt = React.memo<{ ); }); +BarChartWithCustomPrompt.displayName = 'BarChartWithCustomPrompt'; + export const BarChart = React.memo<{ barChart: ChartConfigsData[] | null | undefined; configs?: ChartSeriesConfigs | undefined; @@ -113,3 +117,5 @@ export const BarChart = React.memo<{ )} )); + +BarChart.displayName = 'BarChart'; diff --git a/x-pack/legacy/plugins/siem/public/components/charts/common.tsx b/x-pack/legacy/plugins/siem/public/components/charts/common.tsx index 1e2e9aafe573a..00b0f75078bfd 100644 --- a/x-pack/legacy/plugins/siem/public/components/charts/common.tsx +++ b/x-pack/legacy/plugins/siem/public/components/charts/common.tsx @@ -30,6 +30,9 @@ const chartDefaultRendering: Rendering = 'canvas'; const FlexGroup = styled(EuiFlexGroup)` height: 100%; `; + +FlexGroup.displayName = 'FlexGroup'; + export type UpdateDateRange = (min: number, max: number) => void; export const ChartHolder = () => ( @@ -89,6 +92,8 @@ export const WrappedByAutoSizer = styled.div` } `; +WrappedByAutoSizer.displayName = 'WrappedByAutoSizer'; + export enum SeriesType { BAR = 'bar', AREA = 'area', diff --git a/x-pack/legacy/plugins/siem/public/components/direction/index.tsx b/x-pack/legacy/plugins/siem/public/components/direction/index.tsx index 2d17a72631b16..b5d6fcfc6cef7 100644 --- a/x-pack/legacy/plugins/siem/public/components/direction/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/direction/index.tsx @@ -70,3 +70,5 @@ export const DirectionBadge = pure<{ value={direction} /> )); + +DirectionBadge.displayName = 'DirectionBadge'; diff --git a/x-pack/legacy/plugins/siem/public/components/drag_and_drop/__snapshots__/droppable_wrapper.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/drag_and_drop/__snapshots__/droppable_wrapper.test.tsx.snap index 5faf2346bd06d..170145db67740 100644 --- a/x-pack/legacy/plugins/siem/public/components/drag_and_drop/__snapshots__/droppable_wrapper.test.tsx.snap +++ b/x-pack/legacy/plugins/siem/public/components/drag_and_drop/__snapshots__/droppable_wrapper.test.tsx.snap @@ -393,11 +393,11 @@ exports[`DroppableWrapper rendering it renders against the snapshot 1`] = ` } } > - draggable wrapper content - + diff --git a/x-pack/legacy/plugins/siem/public/components/drag_and_drop/draggable_wrapper.tsx b/x-pack/legacy/plugins/siem/public/components/drag_and_drop/draggable_wrapper.tsx index 1bef0e944ea67..e790aef39d63b 100644 --- a/x-pack/legacy/plugins/siem/public/components/drag_and_drop/draggable_wrapper.tsx +++ b/x-pack/legacy/plugins/siem/public/components/drag_and_drop/draggable_wrapper.tsx @@ -26,6 +26,8 @@ import { getDraggableId, getDroppableId } from './helpers'; // As right now, we do not know what we want there, we will keep it as a placeholder export const DragEffects = styled.div``; +DragEffects.displayName = 'DragEffects'; + const ProviderContainer = styled.div` &:hover { transition: background-color 0.7s ease; @@ -33,6 +35,8 @@ const ProviderContainer = styled.div` } `; +ProviderContainer.displayName = 'ProviderContainer'; + interface OwnProps { dataProvider: DataProvider; render: ( diff --git a/x-pack/legacy/plugins/siem/public/components/drag_and_drop/droppable_wrapper.tsx b/x-pack/legacy/plugins/siem/public/components/drag_and_drop/droppable_wrapper.tsx index 5b94159eceb51..842d1c07d0e1f 100644 --- a/x-pack/legacy/plugins/siem/public/components/drag_and_drop/droppable_wrapper.tsx +++ b/x-pack/legacy/plugins/siem/public/components/drag_and_drop/droppable_wrapper.tsx @@ -71,6 +71,8 @@ const ReactDndDropTarget = styled.div<{ isDraggingOver: boolean; height: string } `; +ReactDndDropTarget.displayName = 'ReactDndDropTarget'; + export const DroppableWrapper = pure( ({ children, droppableId, height = '100%', isDropDisabled = false, type }) => ( ( ) ); + +DroppableWrapper.displayName = 'DroppableWrapper'; diff --git a/x-pack/legacy/plugins/siem/public/components/draggables/field_badge/index.tsx b/x-pack/legacy/plugins/siem/public/components/draggables/field_badge/index.tsx index 6da9c5615d459..f80afea9a98e9 100644 --- a/x-pack/legacy/plugins/siem/public/components/draggables/field_badge/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/draggables/field_badge/index.tsx @@ -19,10 +19,14 @@ const FieldBadgeFlexGroup = styled(EuiFlexGroup)` height: 38px; `; +FieldBadgeFlexGroup.displayName = 'FieldBadgeFlexGroup'; + const FieldBadgeFlexItem = styled(EuiFlexItem)` font-weight: bold; `; +FieldBadgeFlexItem.displayName = 'FieldBadgeFlexItem'; + /** * The name of a (draggable) field */ @@ -35,6 +39,8 @@ export const FieldNameContainer = styled.div` } `; +FieldNameContainer.displayName = 'FieldNameContainer'; + /** * Renders a field (e.g. `event.action`) as a draggable badge */ @@ -47,3 +53,5 @@ export const DraggableFieldBadge = pure<{ fieldId: string }>(({ fieldId }) => ( )); + +DraggableFieldBadge.displayName = 'DraggableFieldBadge'; diff --git a/x-pack/legacy/plugins/siem/public/components/draggables/index.tsx b/x-pack/legacy/plugins/siem/public/components/draggables/index.tsx index 09dc8573d45c5..d76e5db57057f 100644 --- a/x-pack/legacy/plugins/siem/public/components/draggables/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/draggables/index.tsx @@ -68,6 +68,8 @@ const Content = pure<{ ) ); +Content.displayName = 'Content'; + /** * Draggable text (or an arbitrary visualization specified by `children`) * that's only displayed when the specified value is non-`null`. @@ -116,6 +118,8 @@ export const DefaultDraggable = pure( ) : null ); +DefaultDraggable.displayName = 'DefaultDraggable'; + // Ref: https://github.com/elastic/eui/issues/1655 // const Badge = styled(EuiBadge)` // vertical-align: top; @@ -124,6 +128,8 @@ export const Badge = (props: EuiBadgeProps) => ( ); +Badge.displayName = 'Badge'; + export type BadgeDraggableType = Omit & { contextId: string; eventId: string; @@ -174,3 +180,5 @@ export const DraggableBadge = pure( ) : null ); + +DraggableBadge.displayName = 'DraggableBadge'; diff --git a/x-pack/legacy/plugins/siem/public/components/duration/index.tsx b/x-pack/legacy/plugins/siem/public/components/duration/index.tsx index 5db5481517a31..2ea9bfe48adba 100644 --- a/x-pack/legacy/plugins/siem/public/components/duration/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/duration/index.tsx @@ -32,3 +32,5 @@ export const Duration = pure<{ )); + +Duration.displayName = 'Duration'; diff --git a/x-pack/legacy/plugins/siem/public/components/edit_data_provider/index.tsx b/x-pack/legacy/plugins/siem/public/components/edit_data_provider/index.tsx index a4e4ccb8edf61..71c4f3af0257e 100644 --- a/x-pack/legacy/plugins/siem/public/components/edit_data_provider/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/edit_data_provider/index.tsx @@ -44,6 +44,8 @@ export const HeaderContainer = styled.div` width: ${EDIT_DATA_PROVIDER_WIDTH}; `; +HeaderContainer.displayName = 'HeaderContainer'; + // SIDE EFFECT: the following `injectGlobal` overrides the default styling // of euiComboBoxOptionsList because it's implemented as a popover, so it's // not selectable as a child of the styled component diff --git a/x-pack/legacy/plugins/siem/public/components/empty_page/index.tsx b/x-pack/legacy/plugins/siem/public/components/empty_page/index.tsx index fb2aafcbdfcfd..9c3dd462de153 100644 --- a/x-pack/legacy/plugins/siem/public/components/empty_page/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/empty_page/index.tsx @@ -13,6 +13,8 @@ const EmptyPrompt = styled(EuiEmptyPrompt)` align-self: center; // Corrects horizontal centering in IE11 `; +EmptyPrompt.displayName = 'EmptyPrompt'; + interface EmptyPageProps { actionPrimaryIcon?: IconType; actionPrimaryLabel: string; @@ -74,3 +76,5 @@ export const EmptyPage = pure( /> ) ); + +EmptyPage.displayName = 'EmptyPage'; diff --git a/x-pack/legacy/plugins/siem/public/components/empty_value/index.tsx b/x-pack/legacy/plugins/siem/public/components/empty_value/index.tsx index dd4ecb7c82b06..8c99068b06d84 100644 --- a/x-pack/legacy/plugins/siem/public/components/empty_value/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/empty_value/index.tsx @@ -18,6 +18,8 @@ const EmptyString = styled.span` }) => euiColorMediumShade}; `; +EmptyString.displayName = 'EmptyString'; + export const getEmptyValue = () => '--'; export const getEmptyString = () => `(${i18n.EMPTY_STRING})`; diff --git a/x-pack/legacy/plugins/siem/public/components/event_details/__snapshots__/event_details.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/event_details/__snapshots__/event_details.test.tsx.snap index 399892270f9fb..fbb849520b746 100644 --- a/x-pack/legacy/plugins/siem/public/components/event_details/__snapshots__/event_details.test.tsx.snap +++ b/x-pack/legacy/plugins/siem/public/components/event_details/__snapshots__/event_details.test.tsx.snap @@ -2,7 +2,7 @@ exports[`EventDetails rendering should match snapshot 1`] = ` - ( ({ browserFields, data, id, isLoading, view, onUpdateColumns, onViewSelected, timelineId }) => { const tabs: EuiTabbedContentTab[] = [ @@ -70,3 +72,5 @@ export const EventDetails = pure( ); } ); + +EventDetails.displayName = 'EventDetails'; diff --git a/x-pack/legacy/plugins/siem/public/components/event_details/event_fields_browser.tsx b/x-pack/legacy/plugins/siem/public/components/event_details/event_fields_browser.tsx index e8be940fe831d..0979420158a80 100644 --- a/x-pack/legacy/plugins/siem/public/components/event_details/event_fields_browser.tsx +++ b/x-pack/legacy/plugins/siem/public/components/event_details/event_fields_browser.tsx @@ -55,3 +55,5 @@ export const EventFieldsBrowser = pure( ); } ); + +EventFieldsBrowser.displayName = 'EventFieldsBrowser'; diff --git a/x-pack/legacy/plugins/siem/public/components/event_details/json_view.tsx b/x-pack/legacy/plugins/siem/public/components/event_details/json_view.tsx index 230ca10a7996f..d09f67960c118 100644 --- a/x-pack/legacy/plugins/siem/public/components/event_details/json_view.tsx +++ b/x-pack/legacy/plugins/siem/public/components/event_details/json_view.tsx @@ -24,6 +24,8 @@ const JsonEditor = styled.div` width: 100%; `; +JsonEditor.displayName = 'JsonEditor'; + export const JsonView = pure(({ data }) => ( (({ data }) => ( )); +JsonView.displayName = 'JsonView'; + export const buildJsonView = (data: DetailItem[]) => data.reduce((accumulator, item) => set(item.field, item.originalValue, accumulator), {}); diff --git a/x-pack/legacy/plugins/siem/public/components/external_link_icon/index.tsx b/x-pack/legacy/plugins/siem/public/components/external_link_icon/index.tsx index 433d27f187267..a54e0803d02ea 100644 --- a/x-pack/legacy/plugins/siem/public/components/external_link_icon/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/external_link_icon/index.tsx @@ -14,10 +14,14 @@ const LinkIcon = styled(EuiIcon)` top: -2px; `; +LinkIcon.displayName = 'LinkIcon'; + const LinkIconWithMargin = styled(LinkIcon)` margin-left: 5px; `; +LinkIconWithMargin.displayName = 'LinkIconWithMargin'; + const color = 'subdued'; const iconSize = 's'; const iconType = 'popout'; @@ -40,3 +44,5 @@ export const ExternalLinkIcon = pure<{ ) ); + +ExternalLinkIcon.displayName = 'ExternalLinkIcon'; diff --git a/x-pack/legacy/plugins/siem/public/components/field_renderers/__snapshots__/field_renderers.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/field_renderers/__snapshots__/field_renderers.test.tsx.snap index bb63abea61ceb..6030074f56c00 100644 --- a/x-pack/legacy/plugins/siem/public/components/field_renderers/__snapshots__/field_renderers.test.tsx.snap +++ b/x-pack/legacy/plugins/siem/public/components/field_renderers/__snapshots__/field_renderers.test.tsx.snap @@ -9,13 +9,13 @@ exports[`Field Renderers #autonomousSystemRenderer it renders correctly against - / - - @@ -36,33 +36,33 @@ exports[`Field Renderers #dateRenderer it renders correctly against snapshot 1`] exports[`Field Renderers #hostIdRenderer it renders correctly against snapshot 1`] = ` - - raspberrypi - - + + `; exports[`Field Renderers #hostNameRenderer it renders correctly against snapshot 1`] = ` - - raspberrypi - - + + `; @@ -76,7 +76,7 @@ exports[`Field Renderers #locationRenderer it renders correctly against snapshot - - - virustotal.com - + , - talosIntelligence.com - + `; @@ -328,10 +328,10 @@ exports[`Field Renderers #whoisRenderer it renders correctly against snapshot 1` } } > - iana.org - + `; diff --git a/x-pack/legacy/plugins/siem/public/components/field_renderers/field_renderers.tsx b/x-pack/legacy/plugins/siem/public/components/field_renderers/field_renderers.tsx index a0bb922022240..9e4c916fa5f25 100644 --- a/x-pack/legacy/plugins/siem/public/components/field_renderers/field_renderers.tsx +++ b/x-pack/legacy/plugins/siem/public/components/field_renderers/field_renderers.tsx @@ -182,6 +182,8 @@ export const DefaultFieldRenderer = pure( } ); +DefaultFieldRenderer.displayName = 'DefaultFieldRenderer'; + interface DefaultFieldRendererOverflowProps { rowItems: string[]; idPrefix: string; @@ -237,3 +239,5 @@ export const DefaultFieldRendererOverflow = pure` } `; +CategoryNames.displayName = 'CategoryNames'; + const Title = styled(EuiTitle)` padding-left: 5px; `; +Title.displayName = 'Title'; + type Props = Pick< FieldBrowserProps, 'browserFields' | 'isLoading' | 'timelineId' | 'onUpdateColumns' @@ -89,3 +93,5 @@ export const CategoriesPane = pure( ) ); + +CategoriesPane.displayName = 'CategoriesPane'; diff --git a/x-pack/legacy/plugins/siem/public/components/fields_browser/category.tsx b/x-pack/legacy/plugins/siem/public/components/fields_browser/category.tsx index c8010eb522062..464efa3186777 100644 --- a/x-pack/legacy/plugins/siem/public/components/fields_browser/category.tsx +++ b/x-pack/legacy/plugins/siem/public/components/fields_browser/category.tsx @@ -22,6 +22,8 @@ const TableContainer = styled.div<{ height: number; width: number }>` ${({ width }) => `width: ${width}px`}; `; +TableContainer.displayName = 'TableContainer'; + interface Props { categoryId: string; fieldItems: FieldItem[]; @@ -51,3 +53,5 @@ export const Category = pure( ) ); + +Category.displayName = 'Category'; diff --git a/x-pack/legacy/plugins/siem/public/components/fields_browser/category_buttons.tsx b/x-pack/legacy/plugins/siem/public/components/fields_browser/category_buttons.tsx index 6a199381013ba..5105538c50fdb 100644 --- a/x-pack/legacy/plugins/siem/public/components/fields_browser/category_buttons.tsx +++ b/x-pack/legacy/plugins/siem/public/components/fields_browser/category_buttons.tsx @@ -38,3 +38,5 @@ export const DefaultCategoryButton = pure<{ )); + +DefaultCategoryButton.displayName = 'DefaultCategoryButton'; diff --git a/x-pack/legacy/plugins/siem/public/components/fields_browser/category_columns.tsx b/x-pack/legacy/plugins/siem/public/components/fields_browser/category_columns.tsx index 2a56d463c8080..b5bd86a55b83f 100644 --- a/x-pack/legacy/plugins/siem/public/components/fields_browser/category_columns.tsx +++ b/x-pack/legacy/plugins/siem/public/components/fields_browser/category_columns.tsx @@ -21,6 +21,8 @@ const CategoryName = styled.span<{ bold: boolean }>` font-weight: ${({ bold }) => (bold ? 'bold' : 'normal')}; `; +CategoryName.displayName = 'CategoryName'; + const HoverActionsContainer = styled(EuiPanel)` cursor: default; height: 25px; @@ -30,6 +32,8 @@ const HoverActionsContainer = styled(EuiPanel)` width: 30px; `; +HoverActionsContainer.displayName = 'HoverActionsContainer'; + const HoverActionsFlexGroup = styled(EuiFlexGroup)` cursor: pointer; left: -2px; @@ -37,6 +41,8 @@ const HoverActionsFlexGroup = styled(EuiFlexGroup)` top: -6px; `; +HoverActionsFlexGroup.displayName = 'HoverActionsFlexGroup'; + const LinkContainer = styled.div` width: 100%; .euiLink { @@ -44,6 +50,8 @@ const LinkContainer = styled.div` } `; +LinkContainer.displayName = 'LinkContainer'; + export interface CategoryItem { categoryId: string; } diff --git a/x-pack/legacy/plugins/siem/public/components/fields_browser/category_title.tsx b/x-pack/legacy/plugins/siem/public/components/fields_browser/category_title.tsx index d379ea80336d3..ba84b2d90335e 100644 --- a/x-pack/legacy/plugins/siem/public/components/fields_browser/category_title.tsx +++ b/x-pack/legacy/plugins/siem/public/components/fields_browser/category_title.tsx @@ -20,6 +20,8 @@ const CountBadgeContainer = styled.div` top: -3px; `; +CountBadgeContainer.displayName = 'CountBadgeContainer'; + interface Props { /** The title of the category */ categoryId: string; @@ -52,3 +54,5 @@ export const CategoryTitle = pure(({ filteredBrowserFields, categoryId, t )); + +CategoryTitle.displayName = 'CategoryTitle'; diff --git a/x-pack/legacy/plugins/siem/public/components/fields_browser/field_browser.tsx b/x-pack/legacy/plugins/siem/public/components/fields_browser/field_browser.tsx index 03266df91c587..c2c878f6585a8 100644 --- a/x-pack/legacy/plugins/siem/public/components/fields_browser/field_browser.tsx +++ b/x-pack/legacy/plugins/siem/public/components/fields_browser/field_browser.tsx @@ -41,10 +41,14 @@ const FieldsBrowserContainer = styled.div<{ z-index: 9990; `; +FieldsBrowserContainer.displayName = 'FieldsBrowserContainer'; + const PanesFlexGroup = styled(EuiFlexGroup)` width: ${PANES_FLEX_GROUP_WIDTH}px; `; +PanesFlexGroup.displayName = 'PanesFlexGroup'; + type Props = Pick< FieldBrowserProps, | 'browserFields' diff --git a/x-pack/legacy/plugins/siem/public/components/fields_browser/field_items.tsx b/x-pack/legacy/plugins/siem/public/components/fields_browser/field_items.tsx index 09be8950b7fc5..8b8758facbe8e 100644 --- a/x-pack/legacy/plugins/siem/public/components/fields_browser/field_items.tsx +++ b/x-pack/legacy/plugins/siem/public/components/fields_browser/field_items.tsx @@ -34,6 +34,8 @@ const TypeIcon = styled(EuiIcon)` top: -1px; `; +TypeIcon.displayName = 'TypeIcon'; + /** * An item rendered in the table */ diff --git a/x-pack/legacy/plugins/siem/public/components/fields_browser/field_name.tsx b/x-pack/legacy/plugins/siem/public/components/fields_browser/field_name.tsx index ffc4076e5a22c..0661d456a25b6 100644 --- a/x-pack/legacy/plugins/siem/public/components/fields_browser/field_name.tsx +++ b/x-pack/legacy/plugins/siem/public/components/fields_browser/field_name.tsx @@ -37,6 +37,8 @@ export const FieldNameContainer = styled.span` } `; +FieldNameContainer.displayName = 'FieldNameContainer'; + const HoverActionsContainer = styled(EuiPanel)` cursor: default; height: 25px; @@ -45,16 +47,22 @@ const HoverActionsContainer = styled(EuiPanel)` top: 3px; `; +HoverActionsContainer.displayName = 'HoverActionsContainer'; + const HoverActionsFlexGroup = styled(EuiFlexGroup)` cursor: pointer; position: relative; top: -8px; `; +HoverActionsFlexGroup.displayName = 'HoverActionsFlexGroup'; + const ViewCategoryIcon = styled(EuiIcon)` margin-left: 5px; `; +ViewCategoryIcon.displayName = 'ViewCategoryIcon'; + /** Renders a field name in it's non-dragging state */ export const FieldName = pure<{ categoryId: string; @@ -107,3 +115,5 @@ export const FieldName = pure<{ )} /> )); + +FieldName.displayName = 'FieldName'; diff --git a/x-pack/legacy/plugins/siem/public/components/fields_browser/fields_pane.tsx b/x-pack/legacy/plugins/siem/public/components/fields_browser/fields_pane.tsx index a20bde63c6d5e..e76747d04f18e 100644 --- a/x-pack/legacy/plugins/siem/public/components/fields_browser/fields_pane.tsx +++ b/x-pack/legacy/plugins/siem/public/components/fields_browser/fields_pane.tsx @@ -25,10 +25,14 @@ const NoFieldsPanel = styled.div` height: ${TABLE_HEIGHT}px; `; +NoFieldsPanel.displayName = 'NoFieldsPanel'; + const NoFieldsFlexGroup = styled(EuiFlexGroup)` height: 100%; `; +NoFieldsFlexGroup.displayName = 'NoFieldsFlexGroup'; + type Props = Pick< FieldBrowserProps, 'isLoading' | 'onFieldSelected' | 'onUpdateColumns' | 'timelineId' @@ -104,3 +108,5 @@ export const FieldsPane = pure( ) ); + +FieldsPane.displayName = 'FieldsPane'; diff --git a/x-pack/legacy/plugins/siem/public/components/fields_browser/header.tsx b/x-pack/legacy/plugins/siem/public/components/fields_browser/header.tsx index 4c9d063526e4b..24368ba4847e5 100644 --- a/x-pack/legacy/plugins/siem/public/components/fields_browser/header.tsx +++ b/x-pack/legacy/plugins/siem/public/components/fields_browser/header.tsx @@ -28,16 +28,22 @@ const CountsFlexGroup = styled(EuiFlexGroup)` margin-top: 5px; `; +CountsFlexGroup.displayName = 'CountsFlexGroup'; + const CountFlexItem = styled(EuiFlexItem)` margin-right: 5px; `; +CountFlexItem.displayName = 'CountFlexItem'; + // background-color: ${props => props.theme.eui.euiColorLightestShade}; const HeaderContainer = styled.div` padding: 16px; margin-bottom: 8px; `; +HeaderContainer.displayName = 'HeaderContainer'; + const SearchContainer = styled.div` input { max-width: ${SEARCH_INPUT_WIDTH}px; @@ -45,6 +51,8 @@ const SearchContainer = styled.div` } `; +SearchContainer.displayName = 'SearchContainer'; + interface Props { filteredBrowserFields: BrowserFields; isSearching: boolean; @@ -81,6 +89,8 @@ const CountRow = pure>(({ filteredBrowserFi )); +CountRow.displayName = 'CountRow'; + const TitleRow = pure<{ onOutsideClick: () => void; onUpdateColumns: OnUpdateColumns }>( ({ onOutsideClick, onUpdateColumns }) => ( void; onUpdateColumns: OnUpdateCol ) ); +TitleRow.displayName = 'TitleRow'; + export const Header = pure( ({ isSearching, @@ -134,3 +146,5 @@ export const Header = pure( ) ); + +Header.displayName = 'Header'; diff --git a/x-pack/legacy/plugins/siem/public/components/fields_browser/helpers.tsx b/x-pack/legacy/plugins/siem/public/components/fields_browser/helpers.tsx index 880e6210851f1..594589be59d6f 100644 --- a/x-pack/legacy/plugins/siem/public/components/fields_browser/helpers.tsx +++ b/x-pack/legacy/plugins/siem/public/components/fields_browser/helpers.tsx @@ -20,6 +20,8 @@ export const LoadingSpinner = styled(EuiLoadingSpinner)` top: 3px; `; +LoadingSpinner.displayName = 'LoadingSpinner'; + export const CATEGORY_PANE_WIDTH = 200; export const DESCRIPTION_COLUMN_WIDTH = 300; export const FIELD_COLUMN_WIDTH = 200; diff --git a/x-pack/legacy/plugins/siem/public/components/fields_browser/index.tsx b/x-pack/legacy/plugins/siem/public/components/fields_browser/index.tsx index 94fd0e2fb1237..b24e9b0021c2e 100644 --- a/x-pack/legacy/plugins/siem/public/components/fields_browser/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/fields_browser/index.tsx @@ -48,6 +48,8 @@ const FieldsBrowserButtonContainer = styled.div` } `; +FieldsBrowserButtonContainer.displayName = 'FieldsBrowserButtonContainer'; + interface DispatchProps { removeColumn?: ActionCreator<{ id: string; diff --git a/x-pack/legacy/plugins/siem/public/components/filters_global/filters_global.tsx b/x-pack/legacy/plugins/siem/public/components/filters_global/filters_global.tsx index 45fddc5618f78..b67f4d6dcc0ce 100644 --- a/x-pack/legacy/plugins/siem/public/components/filters_global/filters_global.tsx +++ b/x-pack/legacy/plugins/siem/public/components/filters_global/filters_global.tsx @@ -43,6 +43,8 @@ const Aside = styled.aside<{ isSticky?: boolean }>` `} `; +Aside.displayName = 'Aside'; + // Temporary fix for EuiSuperDatePicker whitespace bug and auto width - Michael Marcialis const FlexItemWithDatePickerFix = styled(EuiFlexItem)` .euiSuperDatePicker__flexWrapper { @@ -51,6 +53,8 @@ const FlexItemWithDatePickerFix = styled(EuiFlexItem)` } `; +FlexItemWithDatePickerFix.displayName = 'FlexItemWithDatePickerFix'; + export interface FiltersGlobalProps { children: React.ReactNode; } @@ -70,3 +74,5 @@ export const FiltersGlobal = pure(({ children }) => ( )} )); + +FiltersGlobal.displayName = 'FiltersGlobal'; diff --git a/x-pack/legacy/plugins/siem/public/components/flow_controls/flow_direction_select.tsx b/x-pack/legacy/plugins/siem/public/components/flow_controls/flow_direction_select.tsx index 1a62d29bedb84..d5370c218a2de 100644 --- a/x-pack/legacy/plugins/siem/public/components/flow_controls/flow_direction_select.tsx +++ b/x-pack/legacy/plugins/siem/public/components/flow_controls/flow_direction_select.tsx @@ -37,3 +37,5 @@ export const FlowDirectionSelect = pure(({ onChangeDirection, selectedDir )); + +FlowDirectionSelect.displayName = 'FlowDirectionSelect'; diff --git a/x-pack/legacy/plugins/siem/public/components/flow_controls/flow_target_select.tsx b/x-pack/legacy/plugins/siem/public/components/flow_controls/flow_target_select.tsx index 59da4c57f25fe..9c9186f9a4c0e 100644 --- a/x-pack/legacy/plugins/siem/public/components/flow_controls/flow_target_select.tsx +++ b/x-pack/legacy/plugins/siem/public/components/flow_controls/flow_target_select.tsx @@ -83,3 +83,5 @@ export const FlowTargetSelect = pure( /> ) ); + +FlowTargetSelect.displayName = 'FlowTargetSelect'; diff --git a/x-pack/legacy/plugins/siem/public/components/flyout/__snapshots__/index.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/flyout/__snapshots__/index.test.tsx.snap index 898a5f5c4f3c2..3aa9fd1b962b5 100644 --- a/x-pack/legacy/plugins/siem/public/components/flyout/__snapshots__/index.test.tsx.snap +++ b/x-pack/legacy/plugins/siem/public/components/flyout/__snapshots__/index.test.tsx.snap @@ -2,7 +2,7 @@ exports[`Flyout rendering it renders correctly against snapshot 1`] = ` - ( }} /> ); + +Badge.displayName = 'Badge'; + interface FlyoutButtonProps { dataProviders: DataProvider[]; onOpen: () => void; @@ -108,3 +119,5 @@ export const FlyoutButton = pure(({ onOpen, show, dataProvide ) : null ); + +FlyoutButton.displayName = 'FlyoutButton'; diff --git a/x-pack/legacy/plugins/siem/public/components/flyout/header/index.tsx b/x-pack/legacy/plugins/siem/public/components/flyout/header/index.tsx index 289bedeb61eca..e09aea4a6481f 100644 --- a/x-pack/legacy/plugins/siem/public/components/flyout/header/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/flyout/header/index.tsx @@ -113,6 +113,8 @@ const statefulFlyoutHeader = pure( ) ); +statefulFlyoutHeader.displayName = 'statefulFlyoutHeader'; + const emptyHistory: History[] = []; // stable reference const makeMapStateToProps = () => { diff --git a/x-pack/legacy/plugins/siem/public/components/flyout/index.tsx b/x-pack/legacy/plugins/siem/public/components/flyout/index.tsx index ac999b4287fcc..b6ee726afaf15 100644 --- a/x-pack/legacy/plugins/siem/public/components/flyout/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/flyout/index.tsx @@ -32,10 +32,14 @@ export const Badge = styled(EuiBadge)` border-bottom-left-radius: 5px; `; +Badge.displayName = 'Badge'; + const Visible = styled.div<{ show: boolean }>` visibility: ${({ show }) => (show ? 'visible' : 'hidden')}; `; +Visible.displayName = 'Visible'; + interface OwnProps { children?: React.ReactNode; flyoutHeight: number; @@ -107,6 +111,8 @@ export const FlyoutComponent = pure( ) ); +FlyoutComponent.displayName = 'FlyoutComponent'; + const mapStateToProps = (state: State, { timelineId }: OwnProps) => { const timelineById = defaultTo({}, timelineSelectors.timelineByIdSelector(state)); const dataProviders = getOr([], `${timelineId}.dataProviders`, timelineById); diff --git a/x-pack/legacy/plugins/siem/public/components/flyout/pane/index.tsx b/x-pack/legacy/plugins/siem/public/components/flyout/pane/index.tsx index c6fdca74369ee..820c6318247d4 100644 --- a/x-pack/legacy/plugins/siem/public/components/flyout/pane/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/flyout/pane/index.tsx @@ -66,6 +66,8 @@ const EuiFlyoutContainer = styled.div<{ headerHeight: number; width: number }>` } `; +EuiFlyoutContainer.displayName = 'EuiFlyoutContainer'; + const FlyoutHeaderContainer = styled.div` align-items: center; display: flex; @@ -74,11 +76,15 @@ const FlyoutHeaderContainer = styled.div` width: 100%; `; +FlyoutHeaderContainer.displayName = 'FlyoutHeaderContainer'; + // manually wrap the close button because EuiButtonIcon can't be a wrapped `styled` const WrappedCloseButton = styled.div` margin-right: 5px; `; +WrappedCloseButton.displayName = 'WrappedCloseButton'; + const FlyoutHeaderWithCloseButton = pure<{ onClose: () => void; timelineId: string; @@ -99,6 +105,8 @@ const FlyoutHeaderWithCloseButton = pure<{ )); +FlyoutHeaderWithCloseButton.displayName = 'FlyoutHeaderWithCloseButton'; + class FlyoutPaneComponent extends React.PureComponent { public render() { const { diff --git a/x-pack/legacy/plugins/siem/public/components/formatted_bytes/index.tsx b/x-pack/legacy/plugins/siem/public/components/formatted_bytes/index.tsx index b965471f65f91..5ea2fb69f7b5c 100644 --- a/x-pack/legacy/plugins/siem/public/components/formatted_bytes/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/formatted_bytes/index.tsx @@ -23,3 +23,5 @@ export const PreferenceFormattedBytes = React.memo<{ value: string | number }>(( ); }); + +PreferenceFormattedBytes.displayName = 'PreferenceFormattedBytes'; diff --git a/x-pack/legacy/plugins/siem/public/components/formatted_date/index.tsx b/x-pack/legacy/plugins/siem/public/components/formatted_date/index.tsx index ac4b289b5eae2..6e410068f229c 100644 --- a/x-pack/legacy/plugins/siem/public/components/formatted_date/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/formatted_date/index.tsx @@ -30,6 +30,8 @@ export const PreferenceFormattedDate = pure<{ value: Date }>(({ value }) => { ); }); +PreferenceFormattedDate.displayName = 'PreferenceFormattedDate'; + /** * Renders the specified date value in a format determined by the user's preferences, * with a tooltip that renders: @@ -56,3 +58,5 @@ export const FormattedDate = pure<{ ); } ); + +FormattedDate.displayName = 'FormattedDate'; diff --git a/x-pack/legacy/plugins/siem/public/components/formatted_duration/index.tsx b/x-pack/legacy/plugins/siem/public/components/formatted_duration/index.tsx index 3bc7f020d2963..c97fc7bdc2428 100644 --- a/x-pack/legacy/plugins/siem/public/components/formatted_duration/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/formatted_duration/index.tsx @@ -23,3 +23,5 @@ export const FormattedDuration = pure<{ )); + +FormattedDuration.displayName = 'FormattedDuration'; diff --git a/x-pack/legacy/plugins/siem/public/components/formatted_duration/tooltip/index.tsx b/x-pack/legacy/plugins/siem/public/components/formatted_duration/tooltip/index.tsx index 512740f29bcc4..08f4a412caf51 100644 --- a/x-pack/legacy/plugins/siem/public/components/formatted_duration/tooltip/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/formatted_duration/tooltip/index.tsx @@ -16,6 +16,8 @@ const P = styled.p` margin-bottom: 5px; `; +P.displayName = 'P'; + export const FormattedDurationTooltipContent = pure<{ maybeDurationNanoseconds: string | number | object | undefined | null; tooltipTitle?: string; @@ -31,6 +33,8 @@ export const FormattedDurationTooltipContent = pure<{ )); +FormattedDurationTooltipContent.displayName = 'FormattedDurationTooltipContent'; + export const FormattedDurationTooltip = pure<{ children: JSX.Element; maybeDurationNanoseconds: string | number | object | undefined | null; @@ -48,3 +52,5 @@ export const FormattedDurationTooltip = pure<{ <>{children} )); + +FormattedDurationTooltip.displayName = 'FormattedDurationTooltip'; diff --git a/x-pack/legacy/plugins/siem/public/components/formatted_ip/index.tsx b/x-pack/legacy/plugins/siem/public/components/formatted_ip/index.tsx index bde2b394c2f76..d7b876ebbc282 100644 --- a/x-pack/legacy/plugins/siem/public/components/formatted_ip/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/formatted_ip/index.tsx @@ -86,6 +86,8 @@ const NonDecoratedIp = pure<{ /> )); +NonDecoratedIp.displayName = 'NonDecoratedIp'; + const AddressLinks = pure<{ addresses: string[]; contextId: string; @@ -121,6 +123,8 @@ const AddressLinks = pure<{ )); +AddressLinks.displayName = 'AddressLinks'; + export const FormattedIp = pure<{ contextId: string; eventId: string; @@ -168,3 +172,5 @@ export const FormattedIp = pure<{ ); } }); + +FormattedIp.displayName = 'FormattedIp'; diff --git a/x-pack/legacy/plugins/siem/public/components/header_page/header_page.tsx b/x-pack/legacy/plugins/siem/public/components/header_page/header_page.tsx index 65e9be37baffd..aab0396af7721 100644 --- a/x-pack/legacy/plugins/siem/public/components/header_page/header_page.tsx +++ b/x-pack/legacy/plugins/siem/public/components/header_page/header_page.tsx @@ -17,6 +17,8 @@ const Header = styled.header` `} `; +Header.displayName = 'Header'; + export interface HeaderPageProps { badgeLabel?: string; badgeTooltip?: string; @@ -57,3 +59,5 @@ export const HeaderPage = pure( ) ); + +HeaderPage.displayName = 'HeaderPage'; diff --git a/x-pack/legacy/plugins/siem/public/components/header_panel/header_panel.tsx b/x-pack/legacy/plugins/siem/public/components/header_panel/header_panel.tsx index 03da6ee0e2678..52fe712be9129 100644 --- a/x-pack/legacy/plugins/siem/public/components/header_panel/header_panel.tsx +++ b/x-pack/legacy/plugins/siem/public/components/header_panel/header_panel.tsx @@ -23,6 +23,8 @@ const Header = styled.header<{ border?: boolean }>` `} `; +Header.displayName = 'Header'; + export interface HeaderPanelProps { border?: boolean; children?: React.ReactNode; @@ -64,3 +66,5 @@ export const HeaderPanel = pure( ) ); + +HeaderPanel.displayName = 'HeaderPanel'; diff --git a/x-pack/legacy/plugins/siem/public/components/help_menu/help_menu.tsx b/x-pack/legacy/plugins/siem/public/components/help_menu/help_menu.tsx index eb97e81a78e61..90af0d56c1582 100644 --- a/x-pack/legacy/plugins/siem/public/components/help_menu/help_menu.tsx +++ b/x-pack/legacy/plugins/siem/public/components/help_menu/help_menu.tsx @@ -14,6 +14,8 @@ export const Icon = styled(EuiIcon)` margin-right: ${theme.euiSizeS}; `; +Icon.displayName = 'Icon'; + export class HelpMenuComponent extends React.PureComponent { public render() { return ( diff --git a/x-pack/legacy/plugins/siem/public/components/help_menu/index.tsx b/x-pack/legacy/plugins/siem/public/components/help_menu/index.tsx index 5e6f68e4f9b5b..d145769319d5b 100644 --- a/x-pack/legacy/plugins/siem/public/components/help_menu/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/help_menu/index.tsx @@ -23,3 +23,5 @@ export const HelpMenu = pure<{}>(() => { return null; }); + +HelpMenu.displayName = 'HelpMenu'; diff --git a/x-pack/legacy/plugins/siem/public/components/inspect/index.tsx b/x-pack/legacy/plugins/siem/public/components/inspect/index.tsx index ba36110dff86f..8acdc534c7b91 100644 --- a/x-pack/legacy/plugins/siem/public/components/inspect/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/inspect/index.tsx @@ -26,6 +26,8 @@ const InspectContainer = styled.div<{ showInspect: boolean }>` } `; +InspectContainer.displayName = 'InspectContainer'; + interface OwnProps { queryId: string; inputId?: InputsModelId; @@ -135,6 +137,8 @@ const InspectButtonComponent = pure( ) ); +InspectButtonComponent.displayName = 'InspectButtonComponent'; + const makeMapStateToProps = () => { const getGlobalQuery = inputsSelectors.globalQueryByIdSelector(); const getTimelineQuery = inputsSelectors.timelineQueryByIdSelector(); diff --git a/x-pack/legacy/plugins/siem/public/components/inspect/modal.tsx b/x-pack/legacy/plugins/siem/public/components/inspect/modal.tsx index 41d64594b0507..fb280a6eafbee 100644 --- a/x-pack/legacy/plugins/siem/public/components/inspect/modal.tsx +++ b/x-pack/legacy/plugins/siem/public/components/inspect/modal.tsx @@ -36,6 +36,8 @@ const DescriptionListStyled = styled(EuiDescriptionList)` } `; +DescriptionListStyled.displayName = 'DescriptionListStyled'; + interface ModalInspectProps { closeModal: () => void; isShowing: boolean; @@ -68,6 +70,8 @@ const MyEuiModal = styled(EuiModal)` max-width: 718px; } `; + +MyEuiModal.displayName = 'MyEuiModal'; const parseInspectString = function(objectStringify: string): T | null { try { return JSON.parse(objectStringify); diff --git a/x-pack/legacy/plugins/siem/public/components/ip/index.tsx b/x-pack/legacy/plugins/siem/public/components/ip/index.tsx index ed4137006e09c..c83d89933b334 100644 --- a/x-pack/legacy/plugins/siem/public/components/ip/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/ip/index.tsx @@ -42,3 +42,5 @@ export const Ip = pure<{ /> )); + +Ip.displayName = 'Ip'; diff --git a/x-pack/legacy/plugins/siem/public/components/ja3_fingerprint/index.tsx b/x-pack/legacy/plugins/siem/public/components/ja3_fingerprint/index.tsx index 9a3b1b25205a4..3148efbb3050a 100644 --- a/x-pack/legacy/plugins/siem/public/components/ja3_fingerprint/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/ja3_fingerprint/index.tsx @@ -20,6 +20,8 @@ const Ja3FingerprintLabel = styled.span` margin-right: 5px; `; +Ja3FingerprintLabel.displayName = 'Ja3FingerprintLabel'; + /** * Renders a ja3 fingerprint, which enables (some) clients and servers communicating * using TLS traffic to be identified, which is possible because SSL @@ -46,3 +48,5 @@ export const Ja3Fingerprint = pure<{ )); + +Ja3Fingerprint.displayName = 'Ja3Fingerprint'; diff --git a/x-pack/legacy/plugins/siem/public/components/last_event_time/index.tsx b/x-pack/legacy/plugins/siem/public/components/last_event_time/index.tsx index 91faaf9339178..9343de8d7ed6b 100644 --- a/x-pack/legacy/plugins/siem/public/components/last_event_time/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/last_event_time/index.tsx @@ -65,3 +65,5 @@ export const LastEventTime = pure(({ hostName, indexKey, ip ); }); + +LastEventTime.displayName = 'LastEventTime'; diff --git a/x-pack/legacy/plugins/siem/public/components/link_to/link_to.tsx b/x-pack/legacy/plugins/siem/public/components/link_to/link_to.tsx index 8ced44c766e3b..8d1940fb94cf3 100644 --- a/x-pack/legacy/plugins/siem/public/components/link_to/link_to.tsx +++ b/x-pack/legacy/plugins/siem/public/components/link_to/link_to.tsx @@ -28,3 +28,5 @@ export const LinkToPage = pure(({ match }) => ( )); + +LinkToPage.displayName = 'LinkToPage'; diff --git a/x-pack/legacy/plugins/siem/public/components/links/index.tsx b/x-pack/legacy/plugins/siem/public/components/links/index.tsx index 168112d0054e2..d9e98b4f11662 100644 --- a/x-pack/legacy/plugins/siem/public/components/links/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/links/index.tsx @@ -19,6 +19,8 @@ export const HostDetailsLink = pure<{ children?: React.ReactNode; hostName: stri ) ); +HostDetailsLink.displayName = 'HostDetailsLink'; + export const IPDetailsLink = pure<{ children?: React.ReactNode; ip: string }>( ({ children, ip }) => ( @@ -27,6 +29,8 @@ export const IPDetailsLink = pure<{ children?: React.ReactNode; ip: string }>( ) ); +IPDetailsLink.displayName = 'IPDetailsLink'; + // External Links export const GoogleLink = pure<{ children?: React.ReactNode; link: string }>( ({ children, link }) => ( @@ -36,6 +40,8 @@ export const GoogleLink = pure<{ children?: React.ReactNode; link: string }>( ) ); +GoogleLink.displayName = 'GoogleLink'; + export const PortOrServiceNameLink = pure<{ children?: React.ReactNode; portOrServiceName: number | string; @@ -51,6 +57,8 @@ export const PortOrServiceNameLink = pure<{ )); +PortOrServiceNameLink.displayName = 'PortOrServiceNameLink'; + export const Ja3FingerprintLink = pure<{ children?: React.ReactNode; ja3Fingerprint: string }>( ({ children, ja3Fingerprint }) => ( )); +CertificateFingerprintLink.displayName = 'CertificateFingerprintLink'; + export const ReputationLink = pure<{ children?: React.ReactNode; domain: string }>( ({ children, domain }) => ( ( ({ children, link }) => ( ) ); +VirusTotalLink.displayName = 'VirusTotalLink'; + export const WhoIsLink = pure<{ children?: React.ReactNode; domain: string }>( ({ children, domain }) => ( @@ -109,3 +125,5 @@ export const WhoIsLink = pure<{ children?: React.ReactNode; domain: string }>( ) ); + +WhoIsLink.displayName = 'WhoIsLink'; diff --git a/x-pack/legacy/plugins/siem/public/components/load_more_table/index.tsx b/x-pack/legacy/plugins/siem/public/components/load_more_table/index.tsx index 0fceb3d3b4f7f..ae97f1ff9c6bd 100644 --- a/x-pack/legacy/plugins/siem/public/components/load_more_table/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/load_more_table/index.tsx @@ -303,6 +303,8 @@ const Panel = styled(EuiPanel)<{ loading: { loading?: boolean } }>` `} `; +Panel.displayName = 'Panel'; + const BasicTable = styled(EuiBasicTable)` tbody { th, @@ -312,9 +314,13 @@ const BasicTable = styled(EuiBasicTable)` } `; +BasicTable.displayName = 'BasicTable'; + const FooterAction = styled(EuiFlexGroup).attrs({ alignItems: 'center', responsive: false, })` margin-top: ${props => props.theme.eui.euiSizeXS}; `; + +FooterAction.displayName = 'FooterAction'; diff --git a/x-pack/legacy/plugins/siem/public/components/loader/index.tsx b/x-pack/legacy/plugins/siem/public/components/loader/index.tsx index 2a4bfdec7034e..fe759b2da6f6f 100644 --- a/x-pack/legacy/plugins/siem/public/components/loader/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/loader/index.tsx @@ -36,6 +36,8 @@ const Aside = styled.aside<{ overlay?: boolean; overlayBackground?: string }>` `} `; +Aside.displayName = 'Aside'; + const FlexGroup = styled(EuiFlexGroup).attrs({ alignItems: 'center', direction: 'column', @@ -49,6 +51,8 @@ const FlexGroup = styled(EuiFlexGroup).attrs({ `} `; +FlexGroup.displayName = 'FlexGroup'; + export interface LoaderProps { overlay?: boolean; overlayBackground?: string; @@ -72,3 +76,5 @@ export const Loader = pure(({ children, overlay, overlayBackground, )); + +Loader.displayName = 'Loader'; diff --git a/x-pack/legacy/plugins/siem/public/components/loading/index.tsx b/x-pack/legacy/plugins/siem/public/components/loading/index.tsx index 2fbee73b88fb3..5b9cb48789739 100644 --- a/x-pack/legacy/plugins/siem/public/components/loading/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/loading/index.tsx @@ -21,6 +21,8 @@ const SpinnerFlexItem = styled(EuiFlexItem)` margin-right: 5px; `; +SpinnerFlexItem.displayName = 'SpinnerFlexItem'; + interface LoadingProps { text: string; height: number | string; @@ -63,6 +65,8 @@ export const LoadingPanel = pure( ) ); +LoadingPanel.displayName = 'LoadingPanel'; + export const LoadingStaticPanel = styled.div<{ height: number | string; position: string; @@ -79,6 +83,8 @@ export const LoadingStaticPanel = styled.div<{ z-index: ${({ zIndex }) => zIndex}; `; +LoadingStaticPanel.displayName = 'LoadingStaticPanel'; + export const LoadingStaticContentPanel = styled.div` flex: 0 0 auto; align-self: center; @@ -88,3 +94,5 @@ export const LoadingStaticContentPanel = styled.div` padding: 10px; } `; + +LoadingStaticContentPanel.displayName = 'LoadingStaticContentPanel'; diff --git a/x-pack/legacy/plugins/siem/public/components/localized_date_tooltip/index.tsx b/x-pack/legacy/plugins/siem/public/components/localized_date_tooltip/index.tsx index 4c4818bca9480..b362b79df96a0 100644 --- a/x-pack/legacy/plugins/siem/public/components/localized_date_tooltip/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/localized_date_tooltip/index.tsx @@ -45,3 +45,5 @@ export const LocalizedDateTooltip = pure<{ <>{children} )); + +LocalizedDateTooltip.displayName = 'LocalizedDateTooltip'; diff --git a/x-pack/legacy/plugins/siem/public/components/markdown/index.tsx b/x-pack/legacy/plugins/siem/public/components/markdown/index.tsx index 71fcb566dc109..23867f47181a7 100644 --- a/x-pack/legacy/plugins/siem/public/components/markdown/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/markdown/index.tsx @@ -14,6 +14,8 @@ const TableHeader = styled.thead` font-weight: bold; `; +TableHeader.displayName = 'TableHeader'; + /** prevents links to the new pages from accessing `window.opener` */ const REL_NOOPENER = 'noopener'; @@ -67,3 +69,5 @@ export const Markdown = pure<{ raw?: string; size?: 'xs' | 's' | 'm' }>(({ raw, /> ); }); + +Markdown.displayName = 'Markdown'; diff --git a/x-pack/legacy/plugins/siem/public/components/markdown/markdown_hint.tsx b/x-pack/legacy/plugins/siem/public/components/markdown/markdown_hint.tsx index d05c1598cfce2..18f3a35a23f7f 100644 --- a/x-pack/legacy/plugins/siem/public/components/markdown/markdown_hint.tsx +++ b/x-pack/legacy/plugins/siem/public/components/markdown/markdown_hint.tsx @@ -15,37 +15,53 @@ const Heading = styled.span` margin-right: 5px; `; +Heading.displayName = 'Heading'; + const Bold = styled.span` font-weight: bold; margin-right: 5px; `; +Bold.displayName = 'Bold'; + const MarkdownHintContainer = styled(EuiText)<{ visibility: string }>` visibility: ${({ visibility }) => visibility}; `; +MarkdownHintContainer.displayName = 'MarkdownHintContainer'; + const ImageUrl = styled.span` margin-left: 5px; `; +ImageUrl.displayName = 'ImageUrl'; + const Italic = styled.span` font-style: italic; margin-right: 5px; `; +Italic.displayName = 'Italic'; + const Strikethrough = styled.span` text-decoration: line-through; `; +Strikethrough.displayName = 'Strikethrough'; + const Code = styled.span` font-family: monospace; margin-right: 5px; `; +Code.displayName = 'Code'; + const TrailingWhitespace = styled.span` margin-right: 5px; `; +TrailingWhitespace.displayName = 'TrailingWhitespace'; + export const MarkdownHint = pure<{ show: boolean }>(({ show }) => ( (({ show }) => ( {i18n.MARKDOWN_HINT_IMAGE_URL} )); + +MarkdownHint.displayName = 'MarkdownHint'; diff --git a/x-pack/legacy/plugins/siem/public/components/ml/anomaly/anomaly_table_provider.tsx b/x-pack/legacy/plugins/siem/public/components/ml/anomaly/anomaly_table_provider.tsx index cce578a72e9af..3966448f84df0 100644 --- a/x-pack/legacy/plugins/siem/public/components/ml/anomaly/anomaly_table_provider.tsx +++ b/x-pack/legacy/plugins/siem/public/components/ml/anomaly/anomaly_table_provider.tsx @@ -34,3 +34,5 @@ export const AnomalyTableProvider = React.memo( return <>{children({ isLoadingAnomaliesData, anomaliesData })}; } ); + +AnomalyTableProvider.displayName = 'AnomalyTableProvider'; diff --git a/x-pack/legacy/plugins/siem/public/components/ml/conditional_links/ml_host_conditional_container.tsx b/x-pack/legacy/plugins/siem/public/components/ml/conditional_links/ml_host_conditional_container.tsx index decdf618ddf73..be0628452ea02 100644 --- a/x-pack/legacy/plugins/siem/public/components/ml/conditional_links/ml_host_conditional_container.tsx +++ b/x-pack/legacy/plugins/siem/public/components/ml/conditional_links/ml_host_conditional_container.tsx @@ -87,3 +87,5 @@ export const MlHostConditionalContainer = pure(({ match )); + +MlHostConditionalContainer.displayName = 'MlHostConditionalContainer'; diff --git a/x-pack/legacy/plugins/siem/public/components/ml/conditional_links/ml_network_conditional_container.tsx b/x-pack/legacy/plugins/siem/public/components/ml/conditional_links/ml_network_conditional_container.tsx index f462c9af5d682..3fcc60c655889 100644 --- a/x-pack/legacy/plugins/siem/public/components/ml/conditional_links/ml_network_conditional_container.tsx +++ b/x-pack/legacy/plugins/siem/public/components/ml/conditional_links/ml_network_conditional_container.tsx @@ -87,3 +87,5 @@ export const MlNetworkConditionalContainer = pure(({ )); + +MlNetworkConditionalContainer.displayName = 'MlNetworkConditionalContainer'; diff --git a/x-pack/legacy/plugins/siem/public/components/ml/entity_draggable.tsx b/x-pack/legacy/plugins/siem/public/components/ml/entity_draggable.tsx index accefe2b00591..fc7da3332fe27 100644 --- a/x-pack/legacy/plugins/siem/public/components/ml/entity_draggable.tsx +++ b/x-pack/legacy/plugins/siem/public/components/ml/entity_draggable.tsx @@ -48,3 +48,5 @@ export const EntityDraggable = React.memo( ); } ); + +EntityDraggable.displayName = 'EntityDraggable'; diff --git a/x-pack/legacy/plugins/siem/public/components/ml/permissions/ml_capabilities_provider.tsx b/x-pack/legacy/plugins/siem/public/components/ml/permissions/ml_capabilities_provider.tsx index ca24c61e0db39..4148fd2220b90 100644 --- a/x-pack/legacy/plugins/siem/public/components/ml/permissions/ml_capabilities_provider.tsx +++ b/x-pack/legacy/plugins/siem/public/components/ml/permissions/ml_capabilities_provider.tsx @@ -16,6 +16,8 @@ import * as i18n from './translations'; export const MlCapabilitiesContext = React.createContext(emptyMlCapabilities); +MlCapabilitiesContext.displayName = 'MlCapabilitiesContext'; + export const MlCapabilitiesProvider = React.memo<{ children: JSX.Element }>(({ children }) => { const [capabilities, setCapabilities] = useState(emptyMlCapabilities); const config = useContext(KibanaConfigContext); @@ -42,3 +44,5 @@ export const MlCapabilitiesProvider = React.memo<{ children: JSX.Element }>(({ c {children} ); }); + +MlCapabilitiesProvider.displayName = 'MlCapabilitiesProvider'; diff --git a/x-pack/legacy/plugins/siem/public/components/ml/score/__snapshots__/anomaly_score.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/ml/score/__snapshots__/anomaly_score.test.tsx.snap index e620507d2001d..3c4a06f2490cc 100644 --- a/x-pack/legacy/plugins/siem/public/components/ml/score/__snapshots__/anomaly_score.test.tsx.snap +++ b/x-pack/legacy/plugins/siem/public/components/ml/score/__snapshots__/anomaly_score.test.tsx.snap @@ -5,7 +5,7 @@ exports[`anomaly_scores renders correctly against snapshot 1`] = ` - } @@ -105,9 +105,9 @@ exports[`anomaly_scores renders correctly against snapshot 1`] = ` - + 17 - + , "title": "Max Anomaly Score", }, @@ -151,7 +151,7 @@ exports[`anomaly_scores renders correctly against snapshot 1`] = ` - diff --git a/x-pack/legacy/plugins/siem/public/components/ml/score/__snapshots__/anomaly_scores.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/ml/score/__snapshots__/anomaly_scores.test.tsx.snap index e835b1b1647f8..de9ae94c4d95e 100644 --- a/x-pack/legacy/plugins/siem/public/components/ml/score/__snapshots__/anomaly_scores.test.tsx.snap +++ b/x-pack/legacy/plugins/siem/public/components/ml/score/__snapshots__/anomaly_scores.test.tsx.snap @@ -6,7 +6,7 @@ exports[`anomaly_scores renders correctly against snapshot 1`] = ` gutterSize="none" responsive={false} > - - - + 17 - + - diff --git a/x-pack/legacy/plugins/siem/public/components/ml/score/anomaly_score.tsx b/x-pack/legacy/plugins/siem/public/components/ml/score/anomaly_score.tsx index 98d274bb1d76e..9b6080aad36c9 100644 --- a/x-pack/legacy/plugins/siem/public/components/ml/score/anomaly_score.tsx +++ b/x-pack/legacy/plugins/siem/public/components/ml/score/anomaly_score.tsx @@ -27,6 +27,8 @@ const Icon = styled(EuiIcon)` cursor: pointer; `; +Icon.displayName = 'Icon'; + export const AnomalyScore = React.memo( ({ jobKey, startDate, endDate, index = 0, score, interval, narrowDateRange }): JSX.Element => { const [isOpen, setIsOpen] = useState(false); @@ -64,3 +66,5 @@ export const AnomalyScore = React.memo( ); } ); + +AnomalyScore.displayName = 'AnomalyScore'; diff --git a/x-pack/legacy/plugins/siem/public/components/ml/score/anomaly_scores.tsx b/x-pack/legacy/plugins/siem/public/components/ml/score/anomaly_scores.tsx index f922a9ac6e119..d271a7271b421 100644 --- a/x-pack/legacy/plugins/siem/public/components/ml/score/anomaly_scores.tsx +++ b/x-pack/legacy/plugins/siem/public/components/ml/score/anomaly_scores.tsx @@ -54,3 +54,5 @@ export const AnomalyScores = React.memo( } } ); + +AnomalyScores.displayName = 'AnomalyScores'; diff --git a/x-pack/legacy/plugins/siem/public/components/ml/score/create_description_list.tsx b/x-pack/legacy/plugins/siem/public/components/ml/score/create_description_list.tsx index da07337653dc0..e0f3ea162ee78 100644 --- a/x-pack/legacy/plugins/siem/public/components/ml/score/create_description_list.tsx +++ b/x-pack/legacy/plugins/siem/public/components/ml/score/create_description_list.tsx @@ -20,6 +20,8 @@ const LargeScore = styled(EuiText)` font-weight: lighter; `; +LargeScore.displayName = 'LargeScore'; + export const createDescriptionList = ( score: Anomaly, startDate: number, diff --git a/x-pack/legacy/plugins/siem/public/components/ml/score/draggable_score.tsx b/x-pack/legacy/plugins/siem/public/components/ml/score/draggable_score.tsx index 6ac8936689396..a289772cad6b8 100644 --- a/x-pack/legacy/plugins/siem/public/components/ml/score/draggable_score.tsx +++ b/x-pack/legacy/plugins/siem/public/components/ml/score/draggable_score.tsx @@ -53,3 +53,5 @@ export const DraggableScore = React.memo<{ /> ) ); + +DraggableScore.displayName = 'DraggableScore'; diff --git a/x-pack/legacy/plugins/siem/public/components/ml/score/score_health.tsx b/x-pack/legacy/plugins/siem/public/components/ml/score/score_health.tsx index 3fc7060472032..600f230026561 100644 --- a/x-pack/legacy/plugins/siem/public/components/ml/score/score_health.tsx +++ b/x-pack/legacy/plugins/siem/public/components/ml/score/score_health.tsx @@ -19,6 +19,8 @@ export const ScoreHealth = React.memo(({ score }) => { return {scoreCeiling}; }); +ScoreHealth.displayName = 'ScoreHealth'; + // ಠ_ಠ A hard-fork of the `ml` ml/common/util/anomaly_utils.js#getSeverityColor ಠ_ಠ // // Returns a severity label (one of critical, major, minor, warning, low or unknown) diff --git a/x-pack/legacy/plugins/siem/public/components/ml/tables/anomalies_host_table.tsx b/x-pack/legacy/plugins/siem/public/components/ml/tables/anomalies_host_table.tsx index 3d52eccd215ee..e9d8787089b6a 100644 --- a/x-pack/legacy/plugins/siem/public/components/ml/tables/anomalies_host_table.tsx +++ b/x-pack/legacy/plugins/siem/public/components/ml/tables/anomalies_host_table.tsx @@ -93,3 +93,7 @@ const Panel = styled(EuiPanel)<{ loading: { loading?: boolean } }>` overflow: hidden; `} `; + +Panel.displayName = 'Panel'; + +AnomaliesHostTable.displayName = 'AnomaliesHostTable'; diff --git a/x-pack/legacy/plugins/siem/public/components/ml/tables/anomalies_network_table.tsx b/x-pack/legacy/plugins/siem/public/components/ml/tables/anomalies_network_table.tsx index 935a90526650e..5768c5c1e8f4f 100644 --- a/x-pack/legacy/plugins/siem/public/components/ml/tables/anomalies_network_table.tsx +++ b/x-pack/legacy/plugins/siem/public/components/ml/tables/anomalies_network_table.tsx @@ -96,3 +96,7 @@ const Panel = styled(EuiPanel)<{ loading: { loading?: boolean } }>` overflow: hidden; `} `; + +Panel.displayName = 'Panel'; + +AnomaliesNetworkTable.displayName = 'AnomaliesNetworkTable'; diff --git a/x-pack/legacy/plugins/siem/public/components/ml/tables/basic_table.tsx b/x-pack/legacy/plugins/siem/public/components/ml/tables/basic_table.tsx index 890093683cde2..f977c615dc799 100644 --- a/x-pack/legacy/plugins/siem/public/components/ml/tables/basic_table.tsx +++ b/x-pack/legacy/plugins/siem/public/components/ml/tables/basic_table.tsx @@ -15,3 +15,5 @@ export const BasicTable = styled(EuiInMemoryTable)` } } `; + +BasicTable.displayName = 'BasicTable'; diff --git a/x-pack/legacy/plugins/siem/public/components/ml_popover/__snapshots__/upgrade_contents.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/ml_popover/__snapshots__/upgrade_contents.test.tsx.snap index a52edda4c9551..f69e1b9ba5beb 100644 --- a/x-pack/legacy/plugins/siem/public/components/ml_popover/__snapshots__/upgrade_contents.test.tsx.snap +++ b/x-pack/legacy/plugins/siem/public/components/ml_popover/__snapshots__/upgrade_contents.test.tsx.snap @@ -1,7 +1,7 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`FilterGroup renders correctly against snapshot 1`] = ` - @@ -25,5 +25,5 @@ exports[`FilterGroup renders correctly against snapshot 1`] = ` > Subscription options - + `; diff --git a/x-pack/legacy/plugins/siem/public/components/ml_popover/jobs_table/__snapshots__/job_switch.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/ml_popover/jobs_table/__snapshots__/job_switch.test.tsx.snap index a77aa9108daa1..aeb4ce089883b 100644 --- a/x-pack/legacy/plugins/siem/public/components/ml_popover/jobs_table/__snapshots__/job_switch.test.tsx.snap +++ b/x-pack/legacy/plugins/siem/public/components/ml_popover/jobs_table/__snapshots__/job_switch.test.tsx.snap @@ -7,7 +7,7 @@ exports[`JobSwitch renders correctly against snapshot 1`] = ` - - + `; diff --git a/x-pack/legacy/plugins/siem/public/components/ml_popover/jobs_table/filter_group.tsx b/x-pack/legacy/plugins/siem/public/components/ml_popover/jobs_table/filter_group.tsx index 6940c7e708252..6a70fee696297 100644 --- a/x-pack/legacy/plugins/siem/public/components/ml_popover/jobs_table/filter_group.tsx +++ b/x-pack/legacy/plugins/siem/public/components/ml_popover/jobs_table/filter_group.tsx @@ -67,3 +67,5 @@ export const FilterGroup = React.memo( ) ); + +FilterGroup.displayName = 'FilterGroup'; diff --git a/x-pack/legacy/plugins/siem/public/components/ml_popover/jobs_table/job_switch.tsx b/x-pack/legacy/plugins/siem/public/components/ml_popover/jobs_table/job_switch.tsx index 1ab6dc57e635c..1b06a7bcadf0c 100644 --- a/x-pack/legacy/plugins/siem/public/components/ml_popover/jobs_table/job_switch.tsx +++ b/x-pack/legacy/plugins/siem/public/components/ml_popover/jobs_table/job_switch.tsx @@ -16,6 +16,8 @@ const StaticSwitch = styled(EuiSwitch)` } `; +StaticSwitch.displayName = 'StaticSwitch'; + export interface JobSwitchProps { job: Job; isSummaryLoading: boolean; @@ -64,3 +66,5 @@ export const JobSwitch = React.memo( ); } ); + +JobSwitch.displayName = 'JobSwitch'; diff --git a/x-pack/legacy/plugins/siem/public/components/ml_popover/jobs_table/jobs_table.tsx b/x-pack/legacy/plugins/siem/public/components/ml_popover/jobs_table/jobs_table.tsx index aeb8b829ea7e7..9ce5e9fbdf362 100644 --- a/x-pack/legacy/plugins/siem/public/components/ml_popover/jobs_table/jobs_table.tsx +++ b/x-pack/legacy/plugins/siem/public/components/ml_popover/jobs_table/jobs_table.tsx @@ -25,6 +25,8 @@ const JobNameWrapper = styled.div` margin: 5px 0; `; +JobNameWrapper.displayName = 'JobNameWrapper'; + // TODO: Use SASS mixin @include EuiTextTruncate when we switch from styled components const truncateThreshold = 200; @@ -99,6 +101,8 @@ export const JobsTable = React.memo(({ isLoading, jobs, onJobStateChange }: JobT ); }); +JobsTable.displayName = 'JobsTable'; + export const NoItemsMessage = React.memo(() => ( {i18n.NO_ITEMS_TEXT}} @@ -116,3 +120,5 @@ export const NoItemsMessage = React.memo(() => ( } /> )); + +NoItemsMessage.displayName = 'NoItemsMessage'; diff --git a/x-pack/legacy/plugins/siem/public/components/ml_popover/jobs_table/showing_count.tsx b/x-pack/legacy/plugins/siem/public/components/ml_popover/jobs_table/showing_count.tsx index 63579d2278c61..ef8a4fb197f93 100644 --- a/x-pack/legacy/plugins/siem/public/components/ml_popover/jobs_table/showing_count.tsx +++ b/x-pack/legacy/plugins/siem/public/components/ml_popover/jobs_table/showing_count.tsx @@ -15,6 +15,8 @@ const ShowingContainer = styled.div` margin-top: 5px; `; +ShowingContainer.displayName = 'ShowingContainer'; + export interface ShowingCountProps { filterResultsLength: number; } @@ -33,3 +35,5 @@ export const ShowingCount = React.memo(({ filterResultsLength )); + +ShowingCount.displayName = 'ShowingCount'; diff --git a/x-pack/legacy/plugins/siem/public/components/ml_popover/ml_popover.tsx b/x-pack/legacy/plugins/siem/public/components/ml_popover/ml_popover.tsx index 57f4b626beab1..252d3e61b906d 100644 --- a/x-pack/legacy/plugins/siem/public/components/ml_popover/ml_popover.tsx +++ b/x-pack/legacy/plugins/siem/public/components/ml_popover/ml_popover.tsx @@ -31,6 +31,8 @@ const PopoverContentsDiv = styled.div` max-width: 550px; `; +PopoverContentsDiv.displayName = 'PopoverContentsDiv'; + interface State { isLoading: boolean; jobs: Job[]; @@ -253,3 +255,5 @@ export const MlPopover = React.memo(() => { return null; } }); + +MlPopover.displayName = 'MlPopover'; diff --git a/x-pack/legacy/plugins/siem/public/components/ml_popover/popover_description.tsx b/x-pack/legacy/plugins/siem/public/components/ml_popover/popover_description.tsx index 97fda293f88e9..67a4654d8368a 100644 --- a/x-pack/legacy/plugins/siem/public/components/ml_popover/popover_description.tsx +++ b/x-pack/legacy/plugins/siem/public/components/ml_popover/popover_description.tsx @@ -27,3 +27,5 @@ export const PopoverDescription = React.memo(() => ( /> )); + +PopoverDescription.displayName = 'PopoverDescription'; diff --git a/x-pack/legacy/plugins/siem/public/components/ml_popover/upgrade_contents.tsx b/x-pack/legacy/plugins/siem/public/components/ml_popover/upgrade_contents.tsx index 7253d087740ea..dd4e69c772287 100644 --- a/x-pack/legacy/plugins/siem/public/components/ml_popover/upgrade_contents.tsx +++ b/x-pack/legacy/plugins/siem/public/components/ml_popover/upgrade_contents.tsx @@ -14,6 +14,8 @@ const PopoverContentsDiv = styled.div` width: 384px; `; +PopoverContentsDiv.displayName = 'PopoverContentsDiv'; + export const UpgradeContents = React.memo(() => { return ( @@ -31,3 +33,5 @@ export const UpgradeContents = React.memo(() => { ); }); + +UpgradeContents.displayName = 'UpgradeContents'; diff --git a/x-pack/legacy/plugins/siem/public/components/navigation/tab_navigation/index.tsx b/x-pack/legacy/plugins/siem/public/components/navigation/tab_navigation/index.tsx index 94f6dcb22a637..dcba6640acc4d 100644 --- a/x-pack/legacy/plugins/siem/public/components/navigation/tab_navigation/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/navigation/tab_navigation/index.tsx @@ -57,6 +57,8 @@ const TabContainer = styled.div` } `; +TabContainer.displayName = 'TabContainer'; + interface TabNavigationState { selectedTabId: string; } diff --git a/x-pack/legacy/plugins/siem/public/components/netflow/__snapshots__/index.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/netflow/__snapshots__/index.test.tsx.snap index 6e556bc579f5a..87ae9deea4350 100644 --- a/x-pack/legacy/plugins/siem/public/components/netflow/__snapshots__/index.test.tsx.snap +++ b/x-pack/legacy/plugins/siem/public/components/netflow/__snapshots__/index.test.tsx.snap @@ -105,7 +105,7 @@ exports[`Netflow renders correctly against snapshot 1`] = ` } } > - ) ); + +Fingerprints.displayName = 'Fingerprints'; diff --git a/x-pack/legacy/plugins/siem/public/components/netflow/index.tsx b/x-pack/legacy/plugins/siem/public/components/netflow/index.tsx index ec6b143e6384e..47b9202048b12 100644 --- a/x-pack/legacy/plugins/siem/public/components/netflow/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/netflow/index.tsx @@ -113,3 +113,5 @@ export const Netflow = pure( ) ); + +Netflow.displayName = 'Netflow'; diff --git a/x-pack/legacy/plugins/siem/public/components/netflow/netflow_columns/duration_event_start_end.tsx b/x-pack/legacy/plugins/siem/public/components/netflow/netflow_columns/duration_event_start_end.tsx index 6b7c268bf7d4f..0140cd184c6e4 100644 --- a/x-pack/legacy/plugins/siem/public/components/netflow/netflow_columns/duration_event_start_end.tsx +++ b/x-pack/legacy/plugins/siem/public/components/netflow/netflow_columns/duration_event_start_end.tsx @@ -24,6 +24,8 @@ const TimeIcon = styled(EuiIcon)` top: -1px; `; +TimeIcon.displayName = 'TimeIcon'; + /** * Renders a column of draggable badges containing: * - `event.duration` @@ -104,3 +106,5 @@ export const DurationEventStartEnd = pure<{ : null} )); + +DurationEventStartEnd.displayName = 'DurationEventStartEnd'; diff --git a/x-pack/legacy/plugins/siem/public/components/netflow/netflow_columns/index.tsx b/x-pack/legacy/plugins/siem/public/components/netflow/netflow_columns/index.tsx index 816ac01c8b4e1..ec5c07ff3d0ce 100644 --- a/x-pack/legacy/plugins/siem/public/components/netflow/netflow_columns/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/netflow/netflow_columns/index.tsx @@ -22,6 +22,8 @@ const EuiFlexItemMarginRight = styled(EuiFlexItem)` margin-right: 10px; `; +EuiFlexItemMarginRight.displayName = 'EuiFlexItemMarginRight'; + /** * Renders columns of draggable badges that describe both Netflow data, or more * generally, hosts interacting over a network connection. This component is @@ -122,3 +124,5 @@ export const NetflowColumns = pure( ) ); + +NetflowColumns.displayName = 'NetflowColumns'; diff --git a/x-pack/legacy/plugins/siem/public/components/netflow/netflow_columns/user_process.tsx b/x-pack/legacy/plugins/siem/public/components/netflow/netflow_columns/user_process.tsx index d8d283b002460..1bafcbb5ded19 100644 --- a/x-pack/legacy/plugins/siem/public/components/netflow/netflow_columns/user_process.tsx +++ b/x-pack/legacy/plugins/siem/public/components/netflow/netflow_columns/user_process.tsx @@ -63,3 +63,5 @@ export const UserProcess = pure<{ : null} )); + +UserProcess.displayName = 'UserProcess'; diff --git a/x-pack/legacy/plugins/siem/public/components/notes/add_note/index.tsx b/x-pack/legacy/plugins/siem/public/components/notes/add_note/index.tsx index 6b6d6006f7a27..0b12394f98526 100644 --- a/x-pack/legacy/plugins/siem/public/components/notes/add_note/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/notes/add_note/index.tsx @@ -26,16 +26,22 @@ const AddNotesContainer = styled(EuiFlexGroup)` user-select: none; `; +AddNotesContainer.displayName = 'AddNotesContainer'; + const ButtonsContainer = styled(EuiFlexGroup)` margin-top: 5px; `; +ButtonsContainer.displayName = 'ButtonsContainer'; + export const CancelButton = pure<{ onCancelAddNote: () => void }>(({ onCancelAddNote }) => ( {i18n.CANCEL} )); +CancelButton.displayName = 'CancelButton'; + /** Displays an input for entering a new note, with an adjacent "Add" button */ export const AddNote = pure<{ associateNote: AssociateNote; @@ -77,3 +83,5 @@ export const AddNote = pure<{ )); + +AddNote.displayName = 'AddNote'; diff --git a/x-pack/legacy/plugins/siem/public/components/notes/add_note/new_note.tsx b/x-pack/legacy/plugins/siem/public/components/notes/add_note/new_note.tsx index ae71601f05c31..e5e734c2041a3 100644 --- a/x-pack/legacy/plugins/siem/public/components/notes/add_note/new_note.tsx +++ b/x-pack/legacy/plugins/siem/public/components/notes/add_note/new_note.tsx @@ -17,16 +17,24 @@ const NewNoteTabs = styled(EuiTabbedContent)` width: 100%; `; +NewNoteTabs.displayName = 'NewNoteTabs'; + const MarkdownContainer = styled(EuiPanel)<{ height: number }>` height: ${({ height }) => height}px; overflow: auto; `; +MarkdownContainer.displayName = 'MarkdownContainer'; + const TextArea = styled(EuiTextArea)<{ height: number }>` min-height: ${({ height }) => `${height}px`}; width: 100%; `; +TextArea.displayName = 'TextArea'; + +TextArea.displayName = 'TextArea'; + /** An input for entering a new note */ export const NewNote = pure<{ noteInputHeight: number; @@ -68,3 +76,5 @@ export const NewNote = pure<{ return ; }); + +NewNote.displayName = 'NewNote'; diff --git a/x-pack/legacy/plugins/siem/public/components/notes/columns.tsx b/x-pack/legacy/plugins/siem/public/components/notes/columns.tsx index 837d5f75decf9..91ce947d727b8 100644 --- a/x-pack/legacy/plugins/siem/public/components/notes/columns.tsx +++ b/x-pack/legacy/plugins/siem/public/components/notes/columns.tsx @@ -11,6 +11,7 @@ import { NoteCard } from './note_card'; import * as i18n from './translations'; const Column = pure<{ text: string }>(({ text }) => {text}); +Column.displayName = 'Column'; interface Item { created: Date; diff --git a/x-pack/legacy/plugins/siem/public/components/notes/helpers.tsx b/x-pack/legacy/plugins/siem/public/components/notes/helpers.tsx index 7254506c04d24..f220fc1c7f790 100644 --- a/x-pack/legacy/plugins/siem/public/components/notes/helpers.tsx +++ b/x-pack/legacy/plugins/siem/public/components/notes/helpers.tsx @@ -52,6 +52,8 @@ const TitleText = styled.h3` user-select: none; `; +TitleText.displayName = 'TitleText'; + /** Displays a count of the existing notes */ export const NotesCount = pure<{ noteIds: string[]; @@ -73,6 +75,8 @@ export const NotesCount = pure<{ )); +NotesCount.displayName = 'NotesCount'; + /** Creates a new instance of a `note` */ export const createNote = ({ newNote, diff --git a/x-pack/legacy/plugins/siem/public/components/notes/index.tsx b/x-pack/legacy/plugins/siem/public/components/notes/index.tsx index 096a04553c5d6..2d9a680838ef9 100644 --- a/x-pack/legacy/plugins/siem/public/components/notes/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/notes/index.tsx @@ -43,12 +43,16 @@ const NotesPanel = styled(EuiPanel)` } `; +NotesPanel.displayName = 'NotesPanel'; + const InMemoryTable = styled(EuiInMemoryTable)` overflow-x: hidden; overflow-y: auto; height: 220px; `; +InMemoryTable.displayName = 'InMemoryTable'; + /** A view for entering and reviewing notes */ export class Notes extends React.PureComponent { constructor(props: Props) { diff --git a/x-pack/legacy/plugins/siem/public/components/notes/note_card/index.tsx b/x-pack/legacy/plugins/siem/public/components/notes/note_card/index.tsx index 26f4f1d2514f6..4fd6e4805745e 100644 --- a/x-pack/legacy/plugins/siem/public/components/notes/note_card/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/notes/note_card/index.tsx @@ -16,6 +16,8 @@ const NoteCardContainer = styled(EuiPanel)` width: 100%; `; +NoteCardContainer.displayName = 'NoteCardContainer'; + export const NoteCard = pure<{ created: Date; rawNote: string; user: string }>( ({ created, rawNote, user }) => ( @@ -24,3 +26,5 @@ export const NoteCard = pure<{ created: Date; rawNote: string; user: string }>( ) ); + +NoteCard.displayName = 'NoteCard'; diff --git a/x-pack/legacy/plugins/siem/public/components/notes/note_card/note_card_body.tsx b/x-pack/legacy/plugins/siem/public/components/notes/note_card/note_card_body.tsx index cf6321c3a8774..f40e5559dcd5e 100644 --- a/x-pack/legacy/plugins/siem/public/components/notes/note_card/note_card_body.tsx +++ b/x-pack/legacy/plugins/siem/public/components/notes/note_card/note_card_body.tsx @@ -18,6 +18,8 @@ const BodyContainer = styled(EuiPanel)` border: none; `; +BodyContainer.displayName = 'BodyContainer'; + const HoverActionsContainer = styled(EuiPanel)` align-items: center; display: flex; @@ -30,6 +32,8 @@ const HoverActionsContainer = styled(EuiPanel)` width: 30px; `; +HoverActionsContainer.displayName = 'HoverActionsContainer'; + export const NoteCardBody = pure<{ rawNote: string }>(({ rawNote }) => ( (({ rawNote }) => ( /> )); + +NoteCardBody.displayName = 'NoteCardBody'; diff --git a/x-pack/legacy/plugins/siem/public/components/notes/note_card/note_card_header.tsx b/x-pack/legacy/plugins/siem/public/components/notes/note_card/note_card_header.tsx index be10484eb0823..a3ac81bf884ec 100644 --- a/x-pack/legacy/plugins/siem/public/components/notes/note_card/note_card_header.tsx +++ b/x-pack/legacy/plugins/siem/public/components/notes/note_card/note_card_header.tsx @@ -17,16 +17,22 @@ const Action = styled.span` margin-right: 5px; `; +Action.displayName = 'Action'; + const Avatar = styled(EuiAvatar)` margin-right: 5px; `; +Avatar.displayName = 'Avatar'; + const HeaderContainer = styled.div` align-items: center; display: flex; user-select: none; `; +HeaderContainer.displayName = 'HeaderContainer'; + const User = styled.span` font-weight: 700; margin: 5px; @@ -42,3 +48,5 @@ export const NoteCardHeader = pure<{ created: Date; user: string }>(({ created, )); + +NoteCardHeader.displayName = 'NoteCardHeader'; diff --git a/x-pack/legacy/plugins/siem/public/components/notes/note_card/note_created.tsx b/x-pack/legacy/plugins/siem/public/components/notes/note_card/note_created.tsx index 06935c0220c4c..2190fdcf05b53 100644 --- a/x-pack/legacy/plugins/siem/public/components/notes/note_card/note_created.tsx +++ b/x-pack/legacy/plugins/siem/public/components/notes/note_card/note_created.tsx @@ -15,6 +15,8 @@ const NoteCreatedContainer = styled.span` user-select: none; `; +NoteCreatedContainer.displayName = 'NoteCreatedContainer'; + export const NoteCreated = pure<{ created: Date }>(({ created }) => ( @@ -22,3 +24,5 @@ export const NoteCreated = pure<{ created: Date }>(({ created }) => ( )); + +NoteCreated.displayName = 'NoteCreated'; diff --git a/x-pack/legacy/plugins/siem/public/components/notes/note_cards/index.tsx b/x-pack/legacy/plugins/siem/public/components/notes/note_cards/index.tsx index a5b08510597fa..42ce5cc311df4 100644 --- a/x-pack/legacy/plugins/siem/public/components/notes/note_cards/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/notes/note_cards/index.tsx @@ -15,20 +15,28 @@ import { NoteCard } from '../note_card'; const AddNoteContainer = styled.div``; +AddNoteContainer.displayName = 'AddNoteContainer'; + const NoteContainer = styled.div` margin-top: 5px; `; +NoteContainer.displayName = 'NoteContainer'; + const NoteCardsContainer = styled(EuiPanel)<{ width?: string }>` border: none; width: ${({ width = '100%' }) => width}; `; +NoteCardsContainer.displayName = 'NoteCardsContainer'; + const NotesContainer = styled(EuiFlexGroup)` padding: 0 5px; margin-bottom: 5px; `; +NotesContainer.displayName = 'NotesContainer'; + interface Props { associateNote: AssociateNote; getNotesByIds: (noteIds: string[]) => Note[]; diff --git a/x-pack/legacy/plugins/siem/public/components/open_timeline/delete_timeline_modal/delete_timeline_modal.tsx b/x-pack/legacy/plugins/siem/public/components/open_timeline/delete_timeline_modal/delete_timeline_modal.tsx index 424a78f64bedd..9c416419066e6 100644 --- a/x-pack/legacy/plugins/siem/public/components/open_timeline/delete_timeline_modal/delete_timeline_modal.tsx +++ b/x-pack/legacy/plugins/siem/public/components/open_timeline/delete_timeline_modal/delete_timeline_modal.tsx @@ -44,3 +44,5 @@ export const DeleteTimelineModal = pure(({ title, toggleShowModal, onDele
{i18n.DELETE_WARNING}
)); + +DeleteTimelineModal.displayName = 'DeleteTimelineModal'; diff --git a/x-pack/legacy/plugins/siem/public/components/open_timeline/note_previews/index.tsx b/x-pack/legacy/plugins/siem/public/components/open_timeline/note_previews/index.tsx index aba82f62c6204..f286939116987 100644 --- a/x-pack/legacy/plugins/siem/public/components/open_timeline/note_previews/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/open_timeline/note_previews/index.tsx @@ -17,6 +17,8 @@ const NotePreviewsContainer = styled.section` `${props.theme.eui.euiSizeS} 0 ${props.theme.eui.euiSizeS} ${props.theme.eui.euiSizeXXL}`}; `; +NotePreviewsContainer.displayName = 'NotePreviewsContainer'; + /** * Renders a preview of a note in the All / Open Timelines table */ @@ -46,3 +48,5 @@ export const NotePreviews = pure<{ ); }); + +NotePreviews.displayName = 'NotePreviews'; diff --git a/x-pack/legacy/plugins/siem/public/components/open_timeline/note_previews/note_preview.tsx b/x-pack/legacy/plugins/siem/public/components/open_timeline/note_previews/note_preview.tsx index 0371c8a421887..55f46a6a2d80d 100644 --- a/x-pack/legacy/plugins/siem/public/components/open_timeline/note_previews/note_preview.tsx +++ b/x-pack/legacy/plugins/siem/public/components/open_timeline/note_previews/note_preview.tsx @@ -22,10 +22,14 @@ const NotePreviewGroup = styled.article` } `; +NotePreviewGroup.displayName = 'NotePreviewGroup'; + const NotePreviewHeader = styled.header` margin-bottom: ${props => props.theme.eui.euiSizeS}; `; +NotePreviewHeader.displayName = 'NotePreviewHeader'; + /** * Renders a preview of a note in the All / Open Timelines table */ @@ -63,3 +67,5 @@ export const NotePreview = pure ) ); + +NotePreview.displayName = 'NotePreview'; diff --git a/x-pack/legacy/plugins/siem/public/components/open_timeline/open_timeline.tsx b/x-pack/legacy/plugins/siem/public/components/open_timeline/open_timeline.tsx index ac4fb39ff28b8..30b6b17403767 100644 --- a/x-pack/legacy/plugins/siem/public/components/open_timeline/open_timeline.tsx +++ b/x-pack/legacy/plugins/siem/public/components/open_timeline/open_timeline.tsx @@ -78,3 +78,5 @@ export const OpenTimeline = pure( ) ); + +OpenTimeline.displayName = 'OpenTimeline'; diff --git a/x-pack/legacy/plugins/siem/public/components/open_timeline/open_timeline_modal/index.tsx b/x-pack/legacy/plugins/siem/public/components/open_timeline/open_timeline_modal/index.tsx index 95b7732866830..79fa747aee081 100644 --- a/x-pack/legacy/plugins/siem/public/components/open_timeline/open_timeline_modal/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/open_timeline/open_timeline_modal/index.tsx @@ -37,6 +37,8 @@ const ModalContainer = styled.div` } `; +ModalContainer.displayName = 'ModalContainer'; + /** * Renders a button that when clicked, displays the `Open Timelines` modal */ diff --git a/x-pack/legacy/plugins/siem/public/components/open_timeline/open_timeline_modal/open_timeline_modal.tsx b/x-pack/legacy/plugins/siem/public/components/open_timeline/open_timeline_modal/open_timeline_modal.tsx index 613df81bf3a29..c407d13d46f22 100644 --- a/x-pack/legacy/plugins/siem/public/components/open_timeline/open_timeline_modal/open_timeline_modal.tsx +++ b/x-pack/legacy/plugins/siem/public/components/open_timeline/open_timeline_modal/open_timeline_modal.tsx @@ -18,6 +18,8 @@ export const HeaderContainer = styled.div` width: 100%; `; +HeaderContainer.displayName = 'HeaderContainer'; + export const OpenTimelineModal = pure( ({ deleteTimelines, @@ -88,3 +90,5 @@ export const OpenTimelineModal = pure( ) ); + +OpenTimelineModal.displayName = 'OpenTimelineModal'; diff --git a/x-pack/legacy/plugins/siem/public/components/open_timeline/search_row/index.tsx b/x-pack/legacy/plugins/siem/public/components/open_timeline/search_row/index.tsx index 77bac0879b51d..de14a012d55a2 100644 --- a/x-pack/legacy/plugins/siem/public/components/open_timeline/search_row/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/open_timeline/search_row/index.tsx @@ -27,10 +27,14 @@ const SearchRowContainer = styled.div` } `; +SearchRowContainer.displayName = 'SearchRowContainer'; + const SearchRowFlexGroup = styled(EuiFlexGroup)` margin-bottom: ${props => props.theme.eui.euiSizeXS}; `; +SearchRowFlexGroup.displayName = 'SearchRowFlexGroup'; + type Props = Pick< OpenTimelineProps, 'onlyFavorites' | 'onQueryChange' | 'onToggleOnlyFavorites' | 'query' | 'totalSearchResultsCount' @@ -87,3 +91,5 @@ export const SearchRow = pure( ) ); + +SearchRow.displayName = 'SearchRow'; diff --git a/x-pack/legacy/plugins/siem/public/components/open_timeline/timelines_table/index.tsx b/x-pack/legacy/plugins/siem/public/components/open_timeline/timelines_table/index.tsx index ac0409be30dc7..14443d0bcdf79 100644 --- a/x-pack/legacy/plugins/siem/public/components/open_timeline/timelines_table/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/open_timeline/timelines_table/index.tsx @@ -30,6 +30,8 @@ const BasicTable = styled(EuiBasicTable)` } `; +BasicTable.displayName = 'BasicTable'; + const getExtendedColumnsIfEnabled = (showExtendedColumnsAndActions: boolean) => showExtendedColumnsAndActions ? [...getExtendedColumns()] : []; @@ -158,3 +160,5 @@ export const TimelinesTable = pure( ); } ); + +TimelinesTable.displayName = 'TimelinesTable'; diff --git a/x-pack/legacy/plugins/siem/public/components/open_timeline/title_row/index.tsx b/x-pack/legacy/plugins/siem/public/components/open_timeline/title_row/index.tsx index 6924d7a5483cc..f9b107e08afa2 100644 --- a/x-pack/legacy/plugins/siem/public/components/open_timeline/title_row/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/open_timeline/title_row/index.tsx @@ -58,3 +58,5 @@ export const TitleRow = pure( ) ); + +TitleRow.displayName = 'TitleRow'; diff --git a/x-pack/legacy/plugins/siem/public/components/page/add_to_kql/__snapshots__/index.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/page/add_to_kql/__snapshots__/index.test.tsx.snap index b06b423ff29c1..91f29aaf2a7fa 100644 --- a/x-pack/legacy/plugins/siem/public/components/page/add_to_kql/__snapshots__/index.test.tsx.snap +++ b/x-pack/legacy/plugins/siem/public/components/page/add_to_kql/__snapshots__/index.test.tsx.snap @@ -12,7 +12,7 @@ exports[`AddToKql Component Rendering 1`] = ` } } > - siem-kibana - + `; diff --git a/x-pack/legacy/plugins/siem/public/components/page/add_to_kql/index.tsx b/x-pack/legacy/plugins/siem/public/components/page/add_to_kql/index.tsx index 039c41fc6dde5..43a8ec97c61f0 100644 --- a/x-pack/legacy/plugins/siem/public/components/page/add_to_kql/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/page/add_to_kql/index.tsx @@ -66,6 +66,8 @@ const HoverActionsContainer = styled(EuiPanel)` cursor: pointer; `; +HoverActionsContainer.displayName = 'HoverActionsContainer'; + interface AddToKqlProps { children: JSX.Element; indexPattern: StaticIndexPattern; @@ -109,3 +111,5 @@ export const AddToKql = pure( assertUnreachable(componentFilterType, 'Unknown Filter Type in switch statement'); } ); + +AddToKql.displayName = 'AddToKql'; diff --git a/x-pack/legacy/plugins/siem/public/components/page/hosts/authentications_table/__snapshots__/index.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/page/hosts/authentications_table/__snapshots__/index.test.tsx.snap index 23392c5880f7e..29c0215f372d6 100644 --- a/x-pack/legacy/plugins/siem/public/components/page/hosts/authentications_table/__snapshots__/index.test.tsx.snap +++ b/x-pack/legacy/plugins/siem/public/components/page/hosts/authentications_table/__snapshots__/index.test.tsx.snap @@ -1,7 +1,7 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Authentication Table Component rendering it renders the authentication table 1`] = ` -( ) ); +AuthenticationTableComponent.displayName = 'AuthenticationTableComponent'; + const makeMapStateToProps = () => { const getAuthenticationsSelector = hostsSelectors.authenticationsSelector(); return (state: State, { type }: OwnProps) => { diff --git a/x-pack/legacy/plugins/siem/public/components/page/hosts/events_table/__snapshots__/index.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/page/hosts/events_table/__snapshots__/index.test.tsx.snap index d7fd4e05887bc..3bd71992447d2 100644 --- a/x-pack/legacy/plugins/siem/public/components/page/hosts/events_table/__snapshots__/index.test.tsx.snap +++ b/x-pack/legacy/plugins/siem/public/components/page/hosts/events_table/__snapshots__/index.test.tsx.snap @@ -1,7 +1,7 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Load More Events Table Component rendering it renders the events table 1`] = ` -( ) ); +EventsTableComponent.displayName = 'EventsTableComponent'; + const makeMapStateToProps = () => { const getEventsSelector = hostsSelectors.eventsSelector(); const mapStateToProps = (state: State, { type }: OwnProps) => { diff --git a/x-pack/legacy/plugins/siem/public/components/page/hosts/first_last_seen_host/index.tsx b/x-pack/legacy/plugins/siem/public/components/page/hosts/first_last_seen_host/index.tsx index e71a263b6e025..665f1f46bc7c1 100644 --- a/x-pack/legacy/plugins/siem/public/components/page/hosts/first_last_seen_host/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/page/hosts/first_last_seen_host/index.tsx @@ -65,3 +65,5 @@ export const FirstLastSeenHost = pure<{ hostname: string; type: FirstLastSeenHos ); } ); + +FirstLastSeenHost.displayName = 'FirstLastSeenHost'; diff --git a/x-pack/legacy/plugins/siem/public/components/page/hosts/host_overview/__snapshots__/index.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/page/hosts/host_overview/__snapshots__/index.test.tsx.snap index 24f164cfbf2e0..964416e254ec3 100644 --- a/x-pack/legacy/plugins/siem/public/components/page/hosts/host_overview/__snapshots__/index.test.tsx.snap +++ b/x-pack/legacy/plugins/siem/public/components/page/hosts/host_overview/__snapshots__/index.test.tsx.snap @@ -2,7 +2,7 @@ exports[`Host Summary Component rendering it renders the default Host Summary 1`] = ` - ( @@ -202,3 +204,5 @@ export const HostOverview = React.memo( ); } ); + +HostOverview.displayName = 'HostOverview'; diff --git a/x-pack/legacy/plugins/siem/public/components/page/hosts/kpi_hosts/__snapshots__/index.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/page/hosts/kpi_hosts/__snapshots__/index.test.tsx.snap index 371946c8b5c4d..342c814550727 100644 --- a/x-pack/legacy/plugins/siem/public/components/page/hosts/kpi_hosts/__snapshots__/index.test.tsx.snap +++ b/x-pack/legacy/plugins/siem/public/components/page/hosts/kpi_hosts/__snapshots__/index.test.tsx.snap @@ -2,7 +2,7 @@ exports[`kpiHostsComponent render it should render KpiHostDetailsData 1`] = ` - - - - - @@ -151,5 +151,5 @@ exports[`kpiHostsComponent render it should render spinner if it is loading 1`] size="xl" /> - + `; diff --git a/x-pack/legacy/plugins/siem/public/components/page/hosts/kpi_hosts/index.tsx b/x-pack/legacy/plugins/siem/public/components/page/hosts/kpi_hosts/index.tsx index c7dafa224142e..a2a774dd73607 100644 --- a/x-pack/legacy/plugins/siem/public/components/page/hosts/kpi_hosts/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/page/hosts/kpi_hosts/index.tsx @@ -39,6 +39,8 @@ const FlexGroupSpinner = styled(EuiFlexGroup)` } `; +FlexGroupSpinner.displayName = 'FlexGroupSpinner'; + export const KpiHostsComponent = ({ data, from, diff --git a/x-pack/legacy/plugins/siem/public/components/page/hosts/uncommon_process_table/__snapshots__/index.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/page/hosts/uncommon_process_table/__snapshots__/index.test.tsx.snap index 4fc36c860ae62..1eaeb08caa517 100644 --- a/x-pack/legacy/plugins/siem/public/components/page/hosts/uncommon_process_table/__snapshots__/index.test.tsx.snap +++ b/x-pack/legacy/plugins/siem/public/components/page/hosts/uncommon_process_table/__snapshots__/index.test.tsx.snap @@ -2,7 +2,7 @@ exports[`Uncommon Process Table Component rendering it renders the default Uncommon process table 1`] = ` - ( ) ); +UncommonProcessTableComponent.displayName = 'UncommonProcessTableComponent'; + const makeMapStateToProps = () => { const getUncommonProcessesSelector = hostsSelectors.uncommonProcessesSelector(); return (state: State, { type }: OwnProps) => getUncommonProcessesSelector(state, type); diff --git a/x-pack/legacy/plugins/siem/public/components/page/index.tsx b/x-pack/legacy/plugins/siem/public/components/page/index.tsx index 0b577aaa2b602..f23cd96ee3e69 100644 --- a/x-pack/legacy/plugins/siem/public/components/page/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/page/index.tsx @@ -31,6 +31,8 @@ export const PageContainer = styled.div` margin: 0px; `; +PageContainer.displayName = 'PageContainer'; + export const PageContent = styled.div` flex: 1 1 auto; height: 100%; @@ -40,10 +42,14 @@ export const PageContent = styled.div` margin-top: 62px; `; +PageContent.displayName = 'PageContent'; + export const FlexPage = styled(EuiPage)` flex: 1 0 0; `; +FlexPage.displayName = 'FlexPage'; + export const PageHeader = styled.div` background-color: ${props => props.theme.eui.euiColorEmptyShade}; display: flex; @@ -53,6 +59,8 @@ export const PageHeader = styled.div` position: fixed; `; +PageHeader.displayName = 'PageHeader'; + export const FooterContainer = styled.div` bottom: 0; color: #666; @@ -67,6 +75,8 @@ export const FooterContainer = styled.div` border-top: 1px solid #d3dae6; `; +FooterContainer.displayName = 'FooterContainer'; + export const PaneScrollContainer = styled.div` height: 100%; overflow-y: scroll; @@ -75,16 +85,22 @@ export const PaneScrollContainer = styled.div` } `; +PaneScrollContainer.displayName = 'PaneScrollContainer'; + export const Pane = styled.div` height: 100%; overflow: hidden; user-select: none; `; +Pane.displayName = 'Pane'; + export const PaneHeader = styled.div` display: flex; `; +PaneHeader.displayName = 'PaneHeader'; + export const Pane1FlexContent = styled.div` display: flex; flex-direction: row; @@ -92,6 +108,8 @@ export const Pane1FlexContent = styled.div` height: 100%; `; +Pane1FlexContent.displayName = 'Pane1FlexContent'; + // Ref: https://github.com/elastic/eui/issues/1655 // const Badge = styled(EuiBadge)` // margin-left: 5px; @@ -100,10 +118,14 @@ export const CountBadge = (props: EuiBadgeProps) => ( ); +CountBadge.displayName = 'CountBadge'; + export const Spacer = styled.span` margin-left: 5px; `; +Spacer.displayName = 'Spacer'; + // Ref: https://github.com/elastic/eui/issues/1655 // export const Badge = styled(EuiBadge)` // vertical-align: top; @@ -112,10 +134,14 @@ export const Badge = (props: EuiBadgeProps) => ( ); +Badge.displayName = 'Badge'; + export const MoreRowItems = styled(EuiIcon)` margin-left: 5px; `; +MoreRowItems.displayName = 'MoreRowItems'; + export const OverviewWrapper = styled(EuiFlexGroup)` position: relative; @@ -126,3 +152,5 @@ export const OverviewWrapper = styled(EuiFlexGroup)` z-index: 2; } `; + +OverviewWrapper.displayName = 'OverviewWrapper'; diff --git a/x-pack/legacy/plugins/siem/public/components/page/manage_query.tsx b/x-pack/legacy/plugins/siem/public/components/page/manage_query.tsx index 5873f58a56b22..c1009063685f1 100644 --- a/x-pack/legacy/plugins/siem/public/components/page/manage_query.tsx +++ b/x-pack/legacy/plugins/siem/public/components/page/manage_query.tsx @@ -24,6 +24,7 @@ interface OwnProps { export function manageQuery(WrappedComponent: React.ComponentClass | React.ComponentType) { class ManageQuery extends React.PureComponent { + static displayName: string; public componentDidUpdate(prevProps: OwnProps) { const { loading, id, refetch, setQuery, inspect = null } = this.props; if (prevProps.loading !== loading) { @@ -36,6 +37,6 @@ export function manageQuery(WrappedComponent: React.ComponentClass | React return ; } } - + ManageQuery.displayName = `ManageQuery (${WrappedComponent.displayName || 'Unknown'})`; return ManageQuery; } diff --git a/x-pack/legacy/plugins/siem/public/components/page/network/flow_target_select_connected/index.tsx b/x-pack/legacy/plugins/siem/public/components/page/network/flow_target_select_connected/index.tsx index 30c8f07ff50e5..a5e0977ab9eef 100644 --- a/x-pack/legacy/plugins/siem/public/components/page/network/flow_target_select_connected/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/page/network/flow_target_select_connected/index.tsx @@ -23,6 +23,8 @@ const SelectTypeItem = styled(EuiFlexItem)` min-width: 180px; `; +SelectTypeItem.displayName = 'SelectTypeItem'; + interface FlowTargetSelectReduxProps { flowTarget: FlowTarget; } @@ -50,6 +52,8 @@ const FlowTargetSelectComponent = pure( ) ); +FlowTargetSelectComponent.displayName = 'FlowTargetSelectComponent'; + const makeMapStateToProps = () => { const getIpDetailsFlowTargetSelector = networkSelectors.ipDetailsFlowTargetSelector(); return (state: State) => { diff --git a/x-pack/legacy/plugins/siem/public/components/page/network/ip_overview/__snapshots__/index.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/page/network/ip_overview/__snapshots__/index.test.tsx.snap index 6258000601ec5..dae82a387eac0 100644 --- a/x-pack/legacy/plugins/siem/public/components/page/network/ip_overview/__snapshots__/index.test.tsx.snap +++ b/x-pack/legacy/plugins/siem/public/components/page/network/ip_overview/__snapshots__/index.test.tsx.snap @@ -12,7 +12,7 @@ exports[`IP Overview Component rendering it renders the default IP Overview 1`] } } > - { return ( @@ -171,3 +173,5 @@ export const IpOverview = pure( ); } ); + +IpOverview.displayName = 'IpOverview'; diff --git a/x-pack/legacy/plugins/siem/public/components/page/network/kpi_network/__snapshots__/index.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/page/network/kpi_network/__snapshots__/index.test.tsx.snap index 912a383d09e43..ee7649b00aed1 100644 --- a/x-pack/legacy/plugins/siem/public/components/page/network/kpi_network/__snapshots__/index.test.tsx.snap +++ b/x-pack/legacy/plugins/siem/public/components/page/network/kpi_network/__snapshots__/index.test.tsx.snap @@ -1,7 +1,7 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`KpiNetwork Component rendering it renders loading icons 1`] = ` -( ); } ); + +KpiNetworkComponent.displayName = 'KpiNetworkComponent'; diff --git a/x-pack/legacy/plugins/siem/public/components/page/network/network_dns_table/is_ptr_included.tsx b/x-pack/legacy/plugins/siem/public/components/page/network/network_dns_table/is_ptr_included.tsx index 389b303193acf..a9025017f2590 100644 --- a/x-pack/legacy/plugins/siem/public/components/page/network/network_dns_table/is_ptr_included.tsx +++ b/x-pack/legacy/plugins/siem/public/components/page/network/network_dns_table/is_ptr_included.tsx @@ -23,3 +23,5 @@ export const IsPtrIncluded = pure(({ isPtrIncluded, onChange }) => ( onChange={onChange} /> )); + +IsPtrIncluded.displayName = 'IsPtrIncluded'; diff --git a/x-pack/legacy/plugins/siem/public/components/page/network/network_top_n_flow_table/index.tsx b/x-pack/legacy/plugins/siem/public/components/page/network/network_top_n_flow_table/index.tsx index 8f04d15a0593a..f4f686d716472 100644 --- a/x-pack/legacy/plugins/siem/public/components/page/network/network_top_n_flow_table/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/page/network/network_top_n_flow_table/index.tsx @@ -221,3 +221,5 @@ export const NetworkTopNFlowTable = connect( const SelectTypeItem = styled(EuiFlexItem)` min-width: 180px; `; + +SelectTypeItem.displayName = 'SelectTypeItem'; diff --git a/x-pack/legacy/plugins/siem/public/components/page/overview/overview_host/index.tsx b/x-pack/legacy/plugins/siem/public/components/page/overview/overview_host/index.tsx index 3e39bf18bc24b..bb96353c862c8 100644 --- a/x-pack/legacy/plugins/siem/public/components/page/overview/overview_host/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/page/overview/overview_host/index.tsx @@ -76,3 +76,5 @@ export const OverviewHost = pure(({ endDate, startDate, setQu ); }); + +OverviewHost.displayName = 'OverviewHost'; diff --git a/x-pack/legacy/plugins/siem/public/components/page/overview/overview_host_stats/index.tsx b/x-pack/legacy/plugins/siem/public/components/page/overview/overview_host_stats/index.tsx index 37b299c70884f..9c0b84e205909 100644 --- a/x-pack/legacy/plugins/siem/public/components/page/overview/overview_host_stats/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/page/overview/overview_host_stats/index.tsx @@ -133,12 +133,16 @@ export const DescriptionListDescription = styled(EuiDescriptionListDescription)` text-align: right; `; +DescriptionListDescription.displayName = 'DescriptionListDescription'; + const StatValue = pure<{ isLoading: boolean; value: React.ReactNode | null | undefined }>( ({ isLoading, value }) => ( <>{isLoading ? : value != null ? value : getEmptyTagValue()} ) ); +StatValue.displayName = 'StatValue'; + export const OverviewHostStats = pure(({ data, loading }) => ( {overviewHostStats(data).map((item, index) => ( @@ -151,3 +155,5 @@ export const OverviewHostStats = pure(({ data, loading }) => ))} )); + +OverviewHostStats.displayName = 'OverviewHostStats'; diff --git a/x-pack/legacy/plugins/siem/public/components/page/overview/overview_network/index.tsx b/x-pack/legacy/plugins/siem/public/components/page/overview/overview_network/index.tsx index 801b63091afb7..c27395d157ebf 100644 --- a/x-pack/legacy/plugins/siem/public/components/page/overview/overview_network/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/page/overview/overview_network/index.tsx @@ -82,3 +82,5 @@ export const OverviewNetwork = pure(({ endDate, startDate, setQuery }) ); }); + +OverviewNetwork.displayName = 'OverviewNetwork'; diff --git a/x-pack/legacy/plugins/siem/public/components/page/overview/overview_network_stats/index.tsx b/x-pack/legacy/plugins/siem/public/components/page/overview/overview_network_stats/index.tsx index a2b8b1701015e..cee2c18710e74 100644 --- a/x-pack/legacy/plugins/siem/public/components/page/overview/overview_network_stats/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/page/overview/overview_network_stats/index.tsx @@ -146,12 +146,16 @@ export const DescriptionListDescription = styled(EuiDescriptionListDescription)` text-align: right; `; +DescriptionListDescription.displayName = 'DescriptionListDescription'; + const StatValue = pure<{ isLoading: boolean; value: React.ReactNode | null | undefined }>( ({ isLoading, value }) => ( <>{isLoading ? : value != null ? value : getEmptyTagValue()} ) ); +StatValue.displayName = 'StatValue'; + export const OverviewNetworkStats = pure(({ data, loading }) => ( {overviewNetworkStats(data).map((item, index) => ( @@ -164,3 +168,5 @@ export const OverviewNetworkStats = pure(({ data, loading ))} )); + +OverviewNetworkStats.displayName = 'OverviewNetworkStats'; diff --git a/x-pack/legacy/plugins/siem/public/components/paginated_table/__snapshots__/index.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/paginated_table/__snapshots__/index.test.tsx.snap index 2dd51cdb727a5..3326a9d9aab26 100644 --- a/x-pack/legacy/plugins/siem/public/components/paginated_table/__snapshots__/index.test.tsx.snap +++ b/x-pack/legacy/plugins/siem/public/components/paginated_table/__snapshots__/index.test.tsx.snap @@ -1,7 +1,7 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Paginated Table Component rendering it renders the default load more table 1`] = ` -( } ); +PaginatedTable.displayName = 'PaginatedTable'; + const Panel = styled(EuiPanel)<{ loading: { loading?: boolean } }>` position: relative; @@ -296,6 +298,8 @@ const Panel = styled(EuiPanel)<{ loading: { loading?: boolean } }>` `} `; +Panel.displayName = 'Panel'; + const BasicTable = styled(EuiBasicTable)` tbody { th, @@ -305,6 +309,8 @@ const BasicTable = styled(EuiBasicTable)` } `; +BasicTable.displayName = 'BasicTable'; + const FooterAction = styled(EuiFlexGroup).attrs({ alignItems: 'center', responsive: false, @@ -312,6 +318,8 @@ const FooterAction = styled(EuiFlexGroup).attrs({ margin-top: ${props => props.theme.eui.euiSizeXS}; `; +FooterAction.displayName = 'FooterAction'; + const PaginationEuiFlexItem = styled(EuiFlexItem)` ${props => css` @media only screen and (min-width: ${props.theme.eui.euiBreakpoints.m}) { @@ -335,3 +343,5 @@ const PaginationEuiFlexItem = styled(EuiFlexItem)` } `} `; + +PaginationEuiFlexItem.displayName = 'PaginationEuiFlexItem'; diff --git a/x-pack/legacy/plugins/siem/public/components/pin/index.tsx b/x-pack/legacy/plugins/siem/public/components/pin/index.tsx index 68f5e9527c312..699adaff067dd 100644 --- a/x-pack/legacy/plugins/siem/public/components/pin/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/pin/index.tsx @@ -20,6 +20,8 @@ const PinIcon = styled(EuiIcon)<{ transform: string }>` transform: ${({ transform }) => transform}; `; +PinIcon.displayName = 'PinIcon'; + interface Props { allowUnpinning: boolean; pinned: boolean; @@ -38,3 +40,5 @@ export const Pin = pure(({ allowUnpinning, pinned, onClick = noop }) => ( type="pin" /> )); + +Pin.displayName = 'Pin'; diff --git a/x-pack/legacy/plugins/siem/public/components/port/__snapshots__/index.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/port/__snapshots__/index.test.tsx.snap index 8d9b3bc1f6052..194a55b37b0a8 100644 --- a/x-pack/legacy/plugins/siem/public/components/port/__snapshots__/index.test.tsx.snap +++ b/x-pack/legacy/plugins/siem/public/components/port/__snapshots__/index.test.tsx.snap @@ -2,7 +2,7 @@ exports[`Port renders correctly against snapshot 1`] = ` - )); + +Port.displayName = 'Port'; diff --git a/x-pack/legacy/plugins/siem/public/components/resize_handle/__snapshots__/index.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/resize_handle/__snapshots__/index.test.tsx.snap index 92a4f24bcef21..e284628d66e11 100644 --- a/x-pack/legacy/plugins/siem/public/components/resize_handle/__snapshots__/index.test.tsx.snap +++ b/x-pack/legacy/plugins/siem/public/components/resize_handle/__snapshots__/index.test.tsx.snap @@ -4,7 +4,7 @@ exports[`Resizeable it renders 1`] = ` } diff --git a/x-pack/legacy/plugins/siem/public/components/resize_handle/index.tsx b/x-pack/legacy/plugins/siem/public/components/resize_handle/index.tsx index f0a9e32d5b10f..bf19761d40a7a 100644 --- a/x-pack/legacy/plugins/siem/public/components/resize_handle/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/resize_handle/index.tsx @@ -54,6 +54,8 @@ const ResizeHandleContainer = styled.div<{ height?: string }>` ${({ height }) => (height != null ? `height: ${height}` : '')} `; +ResizeHandleContainer.displayName = 'ResizeHandleContainer'; + export const addGlobalResizeCursorStyleToBody = () => { document.body.classList.add(globalResizeCursorClassName); }; diff --git a/x-pack/legacy/plugins/siem/public/components/resize_handle/styled_handles.tsx b/x-pack/legacy/plugins/siem/public/components/resize_handle/styled_handles.tsx index 04d44459eaf6e..4a8a3d1ec7262 100644 --- a/x-pack/legacy/plugins/siem/public/components/resize_handle/styled_handles.tsx +++ b/x-pack/legacy/plugins/siem/public/components/resize_handle/styled_handles.tsx @@ -16,6 +16,8 @@ export const CommonResizeHandle = styled.div` width: 0; `; +CommonResizeHandle.displayName = 'CommonResizeHandle'; + export const CellResizeHandle = styled(CommonResizeHandle)` border-right: ${CELL_RESIZE_HANDLE_WIDTH}px solid ${({ theme }) => @@ -23,13 +25,19 @@ export const CellResizeHandle = styled(CommonResizeHandle)` border-top: ${CELL_RESIZE_HANDLE_WIDTH}px solid ${({ theme }) => theme.eui.euiColorLightShade}; `; +CellResizeHandle.displayName = 'CellResizeHandle'; + export const ColumnHeaderResizeHandle = styled(CommonResizeHandle)` border: ${CELL_RESIZE_HANDLE_WIDTH}px solid ${({ theme }) => theme.eui.euiColorLightestShade}; `; +ColumnHeaderResizeHandle.displayName = 'ColumnHeaderResizeHandle'; + export const TimelineResizeHandle = styled(CommonResizeHandle)<{ height: number }>` border: ${TIMELINE_RESIZE_HANDLE_WIDTH}px solid ${props => props.theme.eui.euiColorLightShade}; z-index: 2; height: ${({ height }) => `${height}px`}; position: absolute; `; + +TimelineResizeHandle.displayName = 'TimelineResizeHandle'; diff --git a/x-pack/legacy/plugins/siem/public/components/selectable_text/index.tsx b/x-pack/legacy/plugins/siem/public/components/selectable_text/index.tsx index a4d22ca781524..86bed513a2eac 100644 --- a/x-pack/legacy/plugins/siem/public/components/selectable_text/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/selectable_text/index.tsx @@ -9,3 +9,5 @@ import styled from 'styled-components'; export const SelectableText = styled.span` user-select: text; `; + +SelectableText.displayName = 'SelectableText'; diff --git a/x-pack/legacy/plugins/siem/public/components/source_destination/__snapshots__/index.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/source_destination/__snapshots__/index.test.tsx.snap index 78cbac8494696..192eddc348c7f 100644 --- a/x-pack/legacy/plugins/siem/public/components/source_destination/__snapshots__/index.test.tsx.snap +++ b/x-pack/legacy/plugins/siem/public/components/source_destination/__snapshots__/index.test.tsx.snap @@ -2,7 +2,7 @@ exports[`SourceDestination renders correctly against snapshot 1`] = `
- {flag} : null; }); + +CountryFlag.displayName = 'CountryFlag'; diff --git a/x-pack/legacy/plugins/siem/public/components/source_destination/geo_fields.tsx b/x-pack/legacy/plugins/siem/public/components/source_destination/geo_fields.tsx index a6a3d71759ea2..edbeea57dd7bb 100644 --- a/x-pack/legacy/plugins/siem/public/components/source_destination/geo_fields.tsx +++ b/x-pack/legacy/plugins/siem/public/components/source_destination/geo_fields.tsx @@ -68,6 +68,8 @@ const GeoFlexItem = styled(EuiFlexItem)` margin-right: 5px; `; +GeoFlexItem.displayName = 'GeoFlexItem'; + const GeoFieldValues = pure<{ contextId: string; eventId: string; @@ -102,6 +104,8 @@ const GeoFieldValues = pure<{ ) : null ); +GeoFieldValues.displayName = 'GeoFieldValues'; + /** * Renders a row of draggable text containing geographic fields, such as: * - `source|destination.geo.continent_name` @@ -128,3 +132,5 @@ export const GeoFields = pure(props => { ); }); + +GeoFields.displayName = 'GeoFields'; diff --git a/x-pack/legacy/plugins/siem/public/components/source_destination/index.tsx b/x-pack/legacy/plugins/siem/public/components/source_destination/index.tsx index b1c781896a678..5b62189a4a0e6 100644 --- a/x-pack/legacy/plugins/siem/public/components/source_destination/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/source_destination/index.tsx @@ -17,6 +17,8 @@ const EuiFlexItemMarginTop = styled(EuiFlexItem)` margin-top: 3px; `; +EuiFlexItemMarginTop.displayName = 'EuiFlexItemMarginTop'; + /** * Renders a visualization of network traffic between a source and a destination * This component is used by the Netflow row renderer @@ -91,3 +93,5 @@ export const SourceDestination = pure( ) ); + +SourceDestination.displayName = 'SourceDestination'; diff --git a/x-pack/legacy/plugins/siem/public/components/source_destination/ip_with_port.tsx b/x-pack/legacy/plugins/siem/public/components/source_destination/ip_with_port.tsx index 91184d80517cd..a148ddb53ea0b 100644 --- a/x-pack/legacy/plugins/siem/public/components/source_destination/ip_with_port.tsx +++ b/x-pack/legacy/plugins/siem/public/components/source_destination/ip_with_port.tsx @@ -16,6 +16,8 @@ const IpPortSeparator = styled.span` margin: 0 3px; `; +IpPortSeparator.displayName = 'IpPortSeparator'; + /** * Renders a separator (i.e. `:`) and a draggable, hyperlinked port when * a port is specified @@ -44,6 +46,8 @@ const PortWithSeparator = pure<{ ) : null; }); +PortWithSeparator.displayName = 'PortWithSeparator'; + /** * Renders a draggable, hyperlinked IP address, and if provided, an associated * draggable, hyperlinked port (with a separator between the IP address and port) @@ -78,3 +82,5 @@ export const IpWithPort = pure<{ ); }); + +IpWithPort.displayName = 'IpWithPort'; diff --git a/x-pack/legacy/plugins/siem/public/components/source_destination/network.tsx b/x-pack/legacy/plugins/siem/public/components/source_destination/network.tsx index 4428ff7485c16..6c4913883a88d 100644 --- a/x-pack/legacy/plugins/siem/public/components/source_destination/network.tsx +++ b/x-pack/legacy/plugins/siem/public/components/source_destination/network.tsx @@ -27,10 +27,14 @@ const EuiFlexItemMarginRight = styled(EuiFlexItem)` margin-right: 3px; `; +EuiFlexItemMarginRight.displayName = 'EuiFlexItemMarginRight'; + const Stats = styled(EuiText)` margin: 0 5px; `; +Stats.displayName = 'Stats'; + /** * Renders a row of draggable badges containing fields from the * `Network` category of fields @@ -133,3 +137,5 @@ export const Network = pure<{ : null} )); + +Network.displayName = 'Network'; diff --git a/x-pack/legacy/plugins/siem/public/components/source_destination/source_destination_arrows.tsx b/x-pack/legacy/plugins/siem/public/components/source_destination/source_destination_arrows.tsx index deebfb86accd3..76cca29d8ec89 100644 --- a/x-pack/legacy/plugins/siem/public/components/source_destination/source_destination_arrows.tsx +++ b/x-pack/legacy/plugins/siem/public/components/source_destination/source_destination_arrows.tsx @@ -32,14 +32,20 @@ const Percent = styled.span` margin-right: 5px; `; +Percent.displayName = 'Percent'; + const SourceDestinationArrowsContainer = styled(EuiFlexGroup)` margin: 0 2px; `; +SourceDestinationArrowsContainer.displayName = 'SourceDestinationArrowsContainer'; + const Data = styled(EuiText)` margin: 0 5px; `; +Data.displayName = 'Data'; + /** * Visualizes the communication from a source as an arrow with draggable badges */ @@ -111,6 +117,8 @@ const SourceArrow = pure<{ ); }); +SourceArrow.displayName = 'SourceArrow'; + /** * Visualizes the communication from a destination as an arrow with draggable * badges @@ -185,6 +193,8 @@ const DestinationArrow = pure<{ ); }); +DestinationArrow.displayName = 'DestinationArrow'; + /** * Visualizes the communication between a source and a destination using arrows * that grow in thickness based on the percentage of bytes transferred, and stats badges @@ -256,3 +266,5 @@ export const SourceDestinationArrows = pure<{ ); }); + +SourceDestinationArrows.displayName = 'SourceDestinationArrows'; diff --git a/x-pack/legacy/plugins/siem/public/components/source_destination/source_destination_ip.tsx b/x-pack/legacy/plugins/siem/public/components/source_destination/source_destination_ip.tsx index 88e7684a65607..1b578660cae49 100644 --- a/x-pack/legacy/plugins/siem/public/components/source_destination/source_destination_ip.tsx +++ b/x-pack/legacy/plugins/siem/public/components/source_destination/source_destination_ip.tsx @@ -93,6 +93,8 @@ const IpAdressesWithPorts = pure<{ ) : null; }); +IpAdressesWithPorts.displayName = 'IpAdressesWithPorts'; + /** * When the ip field (i.e. `sourceIp`, `destinationIp`) that corresponds with * the specified `type` (i.e. `source`, `destination`) is populated, this component @@ -167,3 +169,5 @@ export const SourceDestinationIp = pure( ) : null; } ); + +SourceDestinationIp.displayName = 'SourceDestinationIp'; diff --git a/x-pack/legacy/plugins/siem/public/components/source_destination/source_destination_with_arrows.tsx b/x-pack/legacy/plugins/siem/public/components/source_destination/source_destination_with_arrows.tsx index 59d745188ffd1..4a484420a4b5f 100644 --- a/x-pack/legacy/plugins/siem/public/components/source_destination/source_destination_with_arrows.tsx +++ b/x-pack/legacy/plugins/siem/public/components/source_destination/source_destination_with_arrows.tsx @@ -98,3 +98,5 @@ export const SourceDestinationWithArrows = pure ) ); + +SourceDestinationWithArrows.displayName = 'SourceDestinationWithArrows'; diff --git a/x-pack/legacy/plugins/siem/public/components/stat_items/__snapshots__/index.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/stat_items/__snapshots__/index.test.tsx.snap index a26a654c80940..2705968a3c79b 100644 --- a/x-pack/legacy/plugins/siem/public/components/stat_items/__snapshots__/index.test.tsx.snap +++ b/x-pack/legacy/plugins/siem/public/components/stat_items/__snapshots__/index.test.tsx.snap @@ -12,7 +12,7 @@ exports[`Stat Items Component disable charts it renders the default widget 1`] = } } > - - + @@ -77,13 +77,13 @@ exports[`Stat Items Component disable charts it renders the default widget 1`] =
- - -
- + - - + +
@@ -181,7 +181,7 @@ exports[`Stat Items Component disable charts it renders the default widget 1`] =
- - +
- + @@ -217,15 +217,15 @@ exports[`Stat Items Component disable charts it renders the default widget 1`] =

- +
- +
- + @@ -237,8 +237,8 @@ exports[`Stat Items Component disable charts it renders the default widget 1`] = - - + + `; @@ -254,7 +254,7 @@ exports[`Stat Items Component disable charts it renders the default widget 2`] = } } > - - + @@ -321,13 +321,13 @@ exports[`Stat Items Component disable charts it renders the default widget 2`] =
- - -
- + - - + +
@@ -425,7 +425,7 @@ exports[`Stat Items Component disable charts it renders the default widget 2`] =
- 0 - +
- + @@ -462,15 +462,15 @@ exports[`Stat Items Component disable charts it renders the default widget 2`] =

- +
- +
- + @@ -482,8 +482,8 @@ exports[`Stat Items Component disable charts it renders the default widget 2`] = - - + + `; @@ -499,7 +499,7 @@ exports[`Stat Items Component rendering kpis with charts it renders the default } } > - - + @@ -638,13 +638,13 @@ exports[`Stat Items Component rendering kpis with charts it renders the default
- - -
- + - - + +
@@ -742,7 +742,7 @@ exports[`Stat Items Component rendering kpis with charts it renders the default
- -
- - + +
- + @@ -824,16 +824,16 @@ exports[`Stat Items Component rendering kpis with charts it renders the default Source

- +
- + - - + - - - + +
- + @@ -915,15 +915,15 @@ exports[`Stat Items Component rendering kpis with charts it renders the default Dest.

- +
- + - + @@ -935,14 +935,14 @@ exports[`Stat Items Component rendering kpis with charts it renders the default
- +
- -
- - - +
- + - +
- - + +
- -
- - - +
- + - +
- +
- - + + `; diff --git a/x-pack/legacy/plugins/siem/public/components/stat_items/index.tsx b/x-pack/legacy/plugins/siem/public/components/stat_items/index.tsx index 1f1a30c3d3ec5..91a95d305bf1a 100644 --- a/x-pack/legacy/plugins/siem/public/components/stat_items/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/stat_items/index.tsx @@ -36,12 +36,16 @@ const FlexItem = styled(EuiFlexItem)` min-width: 0; `; +FlexItem.displayName = 'FlexItem'; + const StatValue = styled(EuiTitle)` overflow: hidden; text-overflow: ellipsis; white-space: nowrap; `; +StatValue.displayName = 'StatValue'; + interface StatItem { key: string; description?: string; @@ -278,3 +282,5 @@ export const StatItemsComponent = React.memo( ); } ); + +StatItemsComponent.displayName = 'StatItemsComponent'; diff --git a/x-pack/legacy/plugins/siem/public/components/tables/__snapshots__/helpers.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/tables/__snapshots__/helpers.test.tsx.snap index 17a214736f57f..519976d8904de 100644 --- a/x-pack/legacy/plugins/siem/public/components/tables/__snapshots__/helpers.test.tsx.snap +++ b/x-pack/legacy/plugins/siem/public/components/tables/__snapshots__/helpers.test.tsx.snap @@ -48,7 +48,7 @@ exports[`Table Helpers #getRowItemDraggables it returns correctly against snapsh render={[Function]} /> , - + , - + - @@ -134,7 +134,7 @@ exports[`Table Helpers OverflowField it returns correctly against snapshot 1`] = delay="regular" position="top" > - diff --git a/x-pack/legacy/plugins/siem/public/components/tables/helpers.tsx b/x-pack/legacy/plugins/siem/public/components/tables/helpers.tsx index 2733653fa779c..a0a25c490db10 100644 --- a/x-pack/legacy/plugins/siem/public/components/tables/helpers.tsx +++ b/x-pack/legacy/plugins/siem/public/components/tables/helpers.tsx @@ -194,3 +194,5 @@ export const OverflowField = React.memo<{ )} )); + +OverflowField.displayName = 'OverflowField'; diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/auto_save_warning/index.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/auto_save_warning/index.tsx index 36f4f4a3442c6..2cba2a4b39f1b 100644 --- a/x-pack/legacy/plugins/siem/public/components/timeline/auto_save_warning/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/timeline/auto_save_warning/index.tsx @@ -96,6 +96,8 @@ const AutoSaveWarningMsgComponent = pure( } ); +AutoSaveWarningMsgComponent.displayName = 'AutoSaveWarningMsgComponent'; + const mapStateToProps = (state: State) => { const autoSaveMessage: AutoSavedWarningMsg = timelineSelectors.autoSaveMsgSelector(state); diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/actions/index.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/actions/index.tsx index 3a8bd24706399..6bd1563e43a92 100644 --- a/x-pack/legacy/plugins/siem/public/components/timeline/body/actions/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/actions/index.tsx @@ -49,28 +49,40 @@ const ActionsContainer = styled.div<{ actionsColumnWidth: number }>` width: ${({ actionsColumnWidth }) => actionsColumnWidth}px; `; +ActionsContainer.displayName = 'ActionsContainer'; + const ExpandEventContainer = styled.div` height: 25px; width: 25px; `; +ExpandEventContainer.displayName = 'ExpandEventContainer'; + const ActionLoading = styled(EuiLoadingSpinner)` margin-top: 3px; margin-left: 6px; `; +ActionLoading.displayName = 'ActionLoading'; + const PinContainer = styled.div` width: 27px; `; +PinContainer.displayName = 'PinContainer'; + const SelectEventContainer = styled(EuiFlexItem)` padding: 4px 0 0 7px; `; +SelectEventContainer.displayName = 'SelectEventContainer'; + const NotesButtonContainer = styled(EuiFlexItem)` margin-left: 5px; `; +NotesButtonContainer.displayName = 'NotesButtonContainer'; + const emptyNotes: string[] = []; export const Actions = pure( @@ -166,3 +178,5 @@ export const Actions = pure( ) ); + +Actions.displayName = 'Actions'; diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/actions/index.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/actions/index.tsx index 6cb753146d742..2ce8e1aab2597 100644 --- a/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/actions/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/actions/index.tsx @@ -25,10 +25,14 @@ const ActionsContainer = styled(EuiFlexGroup)` width: ${ACTIONS_WIDTH}px; `; +ActionsContainer.displayName = 'ActionsContainer'; + const WrappedCloseButton = styled.div<{ show: boolean }>` visibility: ${({ show }) => (show ? 'visible' : 'hidden')}; `; +WrappedCloseButton.displayName = 'WrappedCloseButton'; + interface Props { header: ColumnHeader; isLoading: boolean; @@ -59,6 +63,8 @@ export const CloseButton = pure<{ )); +CloseButton.displayName = 'CloseButton'; + export const Actions = pure(({ header, isLoading, onColumnRemoved, show, sort }) => ( (({ header, isLoading, onColumnRemoved, show, )} )); + +Actions.displayName = 'Actions'; diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/common/styles.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/common/styles.tsx index 15efa94190405..4ea91796939df 100644 --- a/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/common/styles.tsx +++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/common/styles.tsx @@ -11,6 +11,10 @@ export const FullHeightFlexGroup = styled(EuiFlexGroup)` height: 100%; `; +FullHeightFlexGroup.displayName = 'FullHeightFlexGroup'; + export const FullHeightFlexItem = styled(EuiFlexItem)` height: 100%; `; + +FullHeightFlexItem.displayName = 'FullHeightFlexItem'; diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/events_select/helpers.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/events_select/helpers.tsx index 531f218786dab..1298760cff73a 100644 --- a/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/events_select/helpers.tsx +++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/events_select/helpers.tsx @@ -17,15 +17,21 @@ const InputDisplay = styled.div` width: 5px; `; +InputDisplay.displayName = 'InputDisplay'; + const PinIconContainer = styled.div` margin-right: 5px; `; +PinIconContainer.displayName = 'PinIconContainer'; + const PinActionItem = styled.div` display: flex; flex-direction: row; `; +PinActionItem.displayName = 'PinActionItem'; + export type EventsSelectAction = | 'select-all' | 'select-none' @@ -47,6 +53,8 @@ export const DropdownDisplay = pure<{ text: string }>(({ text }) => ( )); +DropdownDisplay.displayName = 'DropdownDisplay'; + export const getEventsSelectOptions = (): EventsSelectOption[] => [ { inputDisplay: , diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/events_select/index.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/events_select/index.tsx index a5d0b818dea97..c605e9e4bfe62 100644 --- a/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/events_select/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/events_select/index.tsx @@ -36,12 +36,16 @@ const CheckboxContainer = styled.div` position: relative; `; +CheckboxContainer.displayName = 'CheckboxContainer'; + const PositionedCheckbox = styled.div` left: 7px; position: absolute; top: -28px; `; +PositionedCheckbox.displayName = 'PositionedCheckbox'; + interface Props { checkState: CheckState; timelineId: string; @@ -72,3 +76,5 @@ export const EventsSelect = pure(({ checkState, timelineId }) => { ); }); + +EventsSelect.displayName = 'EventsSelect'; diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/filter/index.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/filter/index.tsx index 685c3c33fa7b3..53d94716ba3f3 100644 --- a/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/filter/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/filter/index.tsx @@ -34,3 +34,5 @@ export const Filter = pure(({ header, onFilterChange = noop }) => { return null; } }); + +Filter.displayName = 'Filter'; diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/header/__snapshots__/index.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/header/__snapshots__/index.test.tsx.snap index f46a6092c4092..7c916ab922f45 100644 --- a/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/header/__snapshots__/index.test.tsx.snap +++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/header/__snapshots__/index.test.tsx.snap @@ -1,7 +1,7 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Header renders correctly against snapshot 1`] = ` - - - + + } height="35px" id="@timestamp" onResize={[Function]} render={[Function]} /> - + `; diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/header/index.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/header/index.tsx index 91a376967bdd9..a0b7e97769d00 100644 --- a/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/header/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/header/index.tsx @@ -37,10 +37,14 @@ const HeaderContainer = styled(EuiFlexGroup)<{ width: string }>` width: ${({ width }) => width}; `; +HeaderContainer.displayName = 'HeaderContainer'; + const HeaderFlexItem = styled(EuiFlexItem)<{ width: string }>` width: ${({ width }) => width}; `; +HeaderFlexItem.displayName = 'HeaderFlexItem'; + const HeaderDiv = styled.div<{ isLoading: boolean }>` cursor: ${({ isLoading }) => (isLoading ? 'default' : 'grab')}; display: flex; @@ -49,11 +53,15 @@ const HeaderDiv = styled.div<{ isLoading: boolean }>` overflow: hidden; `; +HeaderDiv.displayName = 'HeaderDiv'; + const TruncatableHeaderText = styled(TruncatableText)` font-weight: bold; padding: 5px; `; +TruncatableHeaderText.displayName = 'TruncatableHeaderText'; + interface Props { header: ColumnHeader; isLoading: boolean; diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/header_tooltip_content/index.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/header_tooltip_content/index.tsx index e96cfd74bfb13..6c822a0761a38 100644 --- a/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/header_tooltip_content/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/header_tooltip_content/index.tsx @@ -20,18 +20,26 @@ const IconType = styled(EuiIcon)` top: -2px; `; +IconType.displayName = 'IconType'; + const P = styled.p` margin-bottom: 5px; `; +P.displayName = 'P'; + const ToolTipTableMetadata = styled.span` margin-right: 5px; `; +ToolTipTableMetadata.displayName = 'ToolTipTableMetadata'; + const ToolTipTableValue = styled.span` word-wrap: break-word; `; +ToolTipTableValue.displayName = 'ToolTipTableValue'; + export const HeaderToolTipContent = pure<{ header: ColumnHeader }>(({ header }) => ( <> {!isEmpty(header.category) ? ( @@ -73,3 +81,5 @@ export const HeaderToolTipContent = pure<{ header: ColumnHeader }>(({ header }) ) : null} )); + +HeaderToolTipContent.displayName = 'HeaderToolTipContent'; diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/index.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/index.tsx index 379d0dd24e619..7721141835f14 100644 --- a/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/index.tsx @@ -41,6 +41,8 @@ const ActionsContainer = styled.div<{ actionsColumnWidth: number }>` width: ${({ actionsColumnWidth }) => actionsColumnWidth}px; `; +ActionsContainer.displayName = 'ActionsContainer'; + interface Props { actionsColumnWidth: number; browserFields: BrowserFields; @@ -70,14 +72,20 @@ const ColumnHeadersContainer = styled.div<{ margin-bottom: 2px; `; +ColumnHeadersContainer.displayName = 'ColumnHeadersContainer'; + const ColumnHeadersFlexGroup = styled(EuiFlexGroup)` height: ${COLUMN_HEADERS_HEIGHT}; `; +ColumnHeadersFlexGroup.displayName = 'ColumnHeadersFlexGroup'; + const EventsSelectContainer = styled(EuiFlexItem)` margin-right: 4px; `; +EventsSelectContainer.displayName = 'EventsSelectContainer'; + /** Renders the timeline header columns */ export const ColumnHeaders = pure( ({ @@ -188,3 +196,5 @@ export const ColumnHeaders = pure( ); } ); + +ColumnHeaders.displayName = 'ColumnHeaders'; diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/range_picker/index.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/range_picker/index.tsx index 75fd0baaa99d6..ae6f8757f98a9 100644 --- a/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/range_picker/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/range_picker/index.tsx @@ -26,6 +26,8 @@ const SelectContainer = styled.div` width: ${rangePickerWidth}px; `; +SelectContainer.displayName = 'SelectContainer'; + /** Renders a time range picker for the MiniMap (e.g. 1 Day, 1 Week...) */ export const RangePicker = pure(({ selected, onRangeSelected }) => { const onChange = (event: React.ChangeEvent): void => { @@ -45,3 +47,5 @@ export const RangePicker = pure(({ selected, onRangeSelected }) => { ); }); + +RangePicker.displayName = 'RangePicker'; diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/text_filter/index.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/text_filter/index.tsx index 44e0407f13bd8..995e5d8f58df3 100644 --- a/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/text_filter/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/text_filter/index.tsx @@ -27,6 +27,8 @@ const FieldText = styled(EuiFieldText)<{ minwidth: string }>` min-width: ${props => props.minwidth}; `; +FieldText.displayName = 'FieldText'; + /** Renders a text-based column filter */ export const TextFilter = pure( ({ @@ -51,3 +53,5 @@ export const TextFilter = pure( ); } ); + +TextFilter.displayName = 'TextFilter'; diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/data_driven_columns/index.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/data_driven_columns/index.tsx index f8e7573b2e6aa..827e1633f58a9 100644 --- a/x-pack/legacy/plugins/siem/public/components/timeline/body/data_driven_columns/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/data_driven_columns/index.tsx @@ -43,6 +43,8 @@ const Cell = styled.div<{ width: ${({ width }) => width}; `; +Cell.displayName = 'Cell'; + const CellContainer = styled(EuiFlexGroup)<{ width: string }>` display: flex; height: 100%; @@ -50,6 +52,8 @@ const CellContainer = styled(EuiFlexGroup)<{ width: string }>` width: ${({ width }) => width}; `; +CellContainer.displayName = 'CellContainer'; + export class DataDrivenColumns extends React.PureComponent { public render() { const { columnHeaders } = this.props; diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/events/index.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/events/index.tsx index 5acf65c9a01b1..81e5ecf7ba734 100644 --- a/x-pack/legacy/plugins/siem/public/components/timeline/body/events/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/events/index.tsx @@ -28,6 +28,8 @@ const EventsContainer = styled.div<{ min-width: ${({ minWidth }) => `${minWidth}px`}; `; +EventsContainer.displayName = 'EventsContainer'; + interface Props { actionsColumnWidth: number; addNoteToEvent: AddNoteToEvent; diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/index.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/index.tsx index e0cfd7a01ee35..0268073837aa0 100644 --- a/x-pack/legacy/plugins/siem/public/components/timeline/body/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/index.tsx @@ -68,6 +68,8 @@ const HorizontalScroll = styled.div<{ min-height: 0px; `; +HorizontalScroll.displayName = 'HorizontalScroll'; + const VerticalScrollContainer = styled.div<{ height: number; minWidth: number; @@ -79,6 +81,8 @@ const VerticalScrollContainer = styled.div<{ min-width: ${({ minWidth }) => `${minWidth}px`}; `; +VerticalScrollContainer.displayName = 'VerticalScrollContainer'; + /** Renders the timeline body */ export const Body = pure( ({ @@ -161,3 +165,5 @@ export const Body = pure( ); } ); + +Body.displayName = 'Body'; diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/__snapshots__/get_row_renderer.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/__snapshots__/get_row_renderer.test.tsx.snap index 5e57df6750f97..82b9d49352496 100644 --- a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/__snapshots__/get_row_renderer.test.tsx.snap +++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/__snapshots__/get_row_renderer.test.tsx.snap @@ -2,10 +2,10 @@ exports[`get_column_renderer renders correctly against snapshot 1`] = ` - + some child - + `; diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/__snapshots__/plain_row_renderer.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/__snapshots__/plain_row_renderer.test.tsx.snap index 343017859da9e..37703573e2575 100644 --- a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/__snapshots__/plain_row_renderer.test.tsx.snap +++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/__snapshots__/plain_row_renderer.test.tsx.snap @@ -2,10 +2,10 @@ exports[`plain_row_renderer renders correctly against snapshot 1`] = ` - + some children - + `; diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/args.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/args.tsx index 9c999da1c3423..b7c19c3f7639d 100644 --- a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/args.tsx +++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/args.tsx @@ -30,3 +30,5 @@ export const Args = pure(({ eventId, contextId, args, processTitle }) => ) : null ); + +Args.displayName = 'Args'; diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/auditd/__snapshots__/generic_file_details.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/auditd/__snapshots__/generic_file_details.test.tsx.snap index 3d6a5d05b9cd3..c037e7383edb7 100644 --- a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/auditd/__snapshots__/generic_file_details.test.tsx.snap +++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/auditd/__snapshots__/generic_file_details.test.tsx.snap @@ -2,7 +2,7 @@ exports[`GenericFileDetails rendering it renders the default GenericFileDetails 1`] = ` - - + some children - - - - + + `; exports[`GenericRowRenderer #createGenericFileRowRenderer renders correctly against snapshot 1`] = ` - + some children - - - - + + `; diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/auditd/__snapshots__/session_user_host_working_dir.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/auditd/__snapshots__/session_user_host_working_dir.test.tsx.snap index 73e431f642ece..d07d676e90e9a 100644 --- a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/auditd/__snapshots__/session_user_host_working_dir.test.tsx.snap +++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/auditd/__snapshots__/session_user_host_working_dir.test.tsx.snap @@ -4,7 +4,7 @@ exports[`SessionUserHostWorkingDir rendering it renders the default SessionUserH - ( ) ); +AuditdGenericLine.displayName = 'AuditdGenericLine'; + interface GenericDetailsProps { browserFields: BrowserFields; data: Ecs; @@ -151,3 +153,5 @@ export const AuditdGenericDetails = pure(({ data, contextId return null; } }); + +AuditdGenericDetails.displayName = 'AuditdGenericDetails'; diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/auditd/generic_file_details.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/auditd/generic_file_details.tsx index b7441766dfb44..937aa59f9cdfe 100644 --- a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/auditd/generic_file_details.tsx +++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/auditd/generic_file_details.tsx @@ -120,6 +120,8 @@ export const AuditdGenericFileLine = pure( ) ); +AuditdGenericFileLine.displayName = 'AuditdGenericFileLine'; + interface GenericDetailsProps { browserFields: BrowserFields; data: Ecs; @@ -177,3 +179,5 @@ export const AuditdGenericFileDetails = pure( } } ); + +AuditdGenericFileDetails.displayName = 'AuditdGenericFileDetails'; diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/auditd/primary_secondary_user_info.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/auditd/primary_secondary_user_info.tsx index f690f94cea2ff..a895f68db1d5a 100644 --- a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/auditd/primary_secondary_user_info.tsx +++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/auditd/primary_secondary_user_info.tsx @@ -85,6 +85,8 @@ export const PrimarySecondary = pure(({ contextId, eventId, primary, seco } }); +PrimarySecondary.displayName = 'PrimarySecondary'; + interface PrimarySecondaryUserInfoProps { contextId: string; eventId: string; @@ -135,3 +137,5 @@ export const PrimarySecondaryUserInfo = pure( } } ); + +PrimarySecondaryUserInfo.displayName = 'PrimarySecondaryUserInfo'; diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/auditd/session_user_host_working_dir.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/auditd/session_user_host_working_dir.tsx index 00b629fbc7bb2..6d11709cdb63e 100644 --- a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/auditd/session_user_host_working_dir.tsx +++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/auditd/session_user_host_working_dir.tsx @@ -63,3 +63,5 @@ export const SessionUserHostWorkingDir = pure( ) ); + +SessionUserHostWorkingDir.displayName = 'SessionUserHostWorkingDir'; diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/formatted_field.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/formatted_field.tsx index d293cac7936eb..3ab89b22cde1d 100644 --- a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/formatted_field.tsx +++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/formatted_field.tsx @@ -67,3 +67,5 @@ export const FormattedFieldValue = pure<{ return getOrEmptyTagFromValue(value); } }); + +FormattedFieldValue.displayName = 'FormattedFieldValue'; diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/helpers.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/helpers.tsx index 56a4c158cc36a..b0361d195acdc 100644 --- a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/helpers.tsx +++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/helpers.tsx @@ -29,10 +29,14 @@ export const Details = styled.div` margin: 10px 0 10px 10px; `; +Details.displayName = 'Details'; + export const TokensFlexItem = styled(EuiFlexItem)` margin-left: 3px; `; +TokensFlexItem.displayName = 'TokensFlexItem'; + export const Row = styled.div` width: 100%; overflow: hidden; @@ -40,3 +44,5 @@ export const Row = styled.div` background-color: ${props => props.theme.eui.euiTableHoverColor}; } `; + +Row.displayName = 'Row'; diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/host_working_dir.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/host_working_dir.tsx index 46f97fb9f47a4..9b25d246f7780 100644 --- a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/host_working_dir.tsx +++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/host_working_dir.tsx @@ -47,3 +47,5 @@ export const HostWorkingDir = pure(({ contextId, eventId, hostName, worki ); }); + +HostWorkingDir.displayName = 'HostWorkingDir'; diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/netflow.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/netflow.tsx index 7730de2d77d90..0e09eb339d8d6 100644 --- a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/netflow.tsx +++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/netflow.tsx @@ -96,3 +96,5 @@ export const NetflowRenderer = pure<{ data: Ecs }>(({ data }) => ( userName={undefined} /> )); + +NetflowRenderer.displayName = 'NetflowRenderer'; diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/netflow/__snapshots__/netflow_row_renderer.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/netflow/__snapshots__/netflow_row_renderer.test.tsx.snap index 53161e0ee5bab..cbb4c3256f622 100644 --- a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/netflow/__snapshots__/netflow_row_renderer.test.tsx.snap +++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/netflow/__snapshots__/netflow_row_renderer.test.tsx.snap @@ -2,15 +2,15 @@ exports[`netflowRowRenderer renders correctly against snapshot 1`] = ` - + some children - - - + - - - + + + `; diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/netflow/netflow_row_renderer.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/netflow/netflow_row_renderer.tsx index 144949e09a5a6..da72e506a8055 100644 --- a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/netflow/netflow_row_renderer.tsx +++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/netflow/netflow_row_renderer.tsx @@ -60,6 +60,8 @@ const Details = styled.div` margin: 10px 0; `; +Details.displayName = 'Details'; + const EVENT_CATEGORY_FIELD = 'event.category'; const EVENT_ACTION_FIELD = 'event.action'; const NETWORK_TRAFFIC = 'network_traffic'; diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/process_draggable.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/process_draggable.tsx index d3ca4baa0b992..a02b5099d3608 100644 --- a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/process_draggable.tsx +++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/process_draggable.tsx @@ -76,6 +76,8 @@ export const ProcessDraggable = pure( } ); +ProcessDraggable.displayName = 'ProcessDraggable'; + export const ProcessDraggableWithNonExistentProcess = pure( ({ contextId, eventId, processExecutable, processName, processPid }) => { if (processExecutable == null && processName == null && processPid == null) { @@ -93,3 +95,5 @@ export const ProcessDraggableWithNonExistentProcess = pure( } } ); + +ProcessDraggableWithNonExistentProcess.displayName = 'ProcessDraggableWithNonExistentProcess'; diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/row_renderer.ts b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/row_renderer.ts index f6929d461d550..409e744747983 100644 --- a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/row_renderer.ts +++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/row_renderer.ts @@ -13,6 +13,8 @@ export const RowRendererContainer = styled.div<{ width: number }>` width: ${({ width }) => `${width}px`}; `; +RowRendererContainer.displayName = 'RowRendererContainer'; + export interface RowRenderer { isInstance: (data: Ecs) => boolean; renderRow: ({ diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/suricata/__snapshots__/suricata_row_renderer.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/suricata/__snapshots__/suricata_row_renderer.test.tsx.snap index 46aac85f8c320..e523c7199f1ed 100644 --- a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/suricata/__snapshots__/suricata_row_renderer.test.tsx.snap +++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/suricata/__snapshots__/suricata_row_renderer.test.tsx.snap @@ -2,14 +2,14 @@ exports[`suricata_row_renderer renders correctly against snapshot 1`] = ` - + some children - - - - + + `; diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/suricata/suricata_details.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/suricata/suricata_details.tsx index af1cab682c2fe..75cbf593cae5c 100644 --- a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/suricata/suricata_details.tsx +++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/suricata/suricata_details.tsx @@ -21,6 +21,8 @@ const Details = styled.div` margin: 10px 0; `; +Details.displayName = 'Details'; + export const SuricataDetails = pure<{ browserFields: BrowserFields; data: Ecs }>(({ data }) => { const signature: string | null | undefined = get('suricata.eve.alert.signature[0]', data); const signatureId: number | null | undefined = get('suricata.eve.alert.signature_id[0]', data); @@ -42,3 +44,5 @@ export const SuricataDetails = pure<{ browserFields: BrowserFields; data: Ecs }> return null; } }); + +SuricataDetails.displayName = 'SuricataDetails'; diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/suricata/suricata_refs.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/suricata/suricata_refs.tsx index b918d53397b1c..4b1375b33b086 100644 --- a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/suricata/suricata_refs.tsx +++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/suricata/suricata_refs.tsx @@ -16,6 +16,8 @@ const LinkEuiFlexItem = styled(EuiFlexItem)` display: inline; `; +LinkEuiFlexItem.displayName = 'LinkEuiFlexItem'; + export const SuricataRefs = pure<{ signatureId: number }>(({ signatureId }) => { const links = getLinksFromSignature(signatureId); return ( @@ -31,3 +33,5 @@ export const SuricataRefs = pure<{ signatureId: number }>(({ signatureId }) => { ); }); + +SuricataRefs.displayName = 'SuricataRefs'; diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/suricata/suricata_signature.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/suricata/suricata_signature.tsx index 98558b0edce95..a214cd595ded6 100644 --- a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/suricata/suricata_signature.tsx +++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/suricata/suricata_signature.tsx @@ -27,16 +27,22 @@ const SignatureFlexItem = styled(EuiFlexItem)` min-width: 77px; `; +SignatureFlexItem.displayName = 'SignatureFlexItem'; + // Ref: https://github.com/elastic/eui/issues/1655 // const Badge = styled(EuiBadge)` // vertical-align: top; // `; const Badge = (props: EuiBadgeProps) => ; +Badge.displayName = 'Badge'; + const LinkFlexItem = styled(EuiFlexItem)` margin-left: 6px; `; +LinkFlexItem.displayName = 'LinkFlexItem'; + export const Tokens = pure<{ tokens: string[] }>(({ tokens }) => ( <> {tokens.map(token => ( @@ -49,6 +55,8 @@ export const Tokens = pure<{ tokens: string[] }>(({ tokens }) => ( )); +Tokens.displayName = 'Tokens'; + export const DraggableSignatureId = pure<{ id: string; signatureId: number }>( ({ id, signatureId }) => ( @@ -87,6 +95,8 @@ export const DraggableSignatureId = pure<{ id: string; signatureId: number }>( ) ); +DraggableSignatureId.displayName = 'DraggableSignatureId'; + export const SuricataSignature = pure<{ contextId: string; id: string; @@ -120,3 +130,5 @@ export const SuricataSignature = pure<{ ); }); + +SuricataSignature.displayName = 'SuricataSignature'; diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/system/__snapshots__/auth_ssh.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/system/__snapshots__/auth_ssh.test.tsx.snap index bf4151ee68b98..b7668fe27eca8 100644 --- a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/system/__snapshots__/auth_ssh.test.tsx.snap +++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/system/__snapshots__/auth_ssh.test.tsx.snap @@ -2,7 +2,7 @@ exports[`AuthSsh rendering it renders against shallow snapshot 1`] = ` - - - + some children - - - - + + `; exports[`GenericRowRenderer #createGenericSystemRowRenderer renders correctly against snapshot 1`] = ` - + some children - - - - + + `; diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/system/auth_ssh.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/system/auth_ssh.tsx index c4fc19a6c50e5..0c637c0ee7193 100644 --- a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/system/auth_ssh.tsx +++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/system/auth_ssh.tsx @@ -43,3 +43,5 @@ export const AuthSsh = pure(({ contextId, eventId, sshSignature, sshMetho )} )); + +AuthSsh.displayName = 'AuthSsh'; diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/system/generic_details.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/system/generic_details.tsx index 6e97f0c267d11..876e8e9b02b30 100644 --- a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/system/generic_details.tsx +++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/system/generic_details.tsx @@ -126,6 +126,8 @@ export const SystemGenericLine = pure( ) ); +SystemGenericLine.displayName = 'SystemGenericLine'; + interface GenericDetailsProps { browserFields: BrowserFields; data: Ecs; @@ -174,3 +176,5 @@ export const SystemGenericDetails = pure(({ data, contextId ); }); + +SystemGenericDetails.displayName = 'SystemGenericDetails'; diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/system/generic_file_details.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/system/generic_file_details.tsx index 361224644fca2..6fc46e468f51e 100644 --- a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/system/generic_file_details.tsx +++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/system/generic_file_details.tsx @@ -132,6 +132,8 @@ export const SystemGenericFileLine = pure( ) ); +SystemGenericFileLine.displayName = 'SystemGenericFileLine'; + interface GenericDetailsProps { browserFields: BrowserFields; data: Ecs; @@ -185,3 +187,5 @@ export const SystemGenericFileDetails = pure(({ data, conte ); }); + +SystemGenericFileDetails.displayName = 'SystemGenericFileDetails'; diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/system/package.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/system/package.tsx index dffa28b0d0ecb..dbcd8de7292f0 100644 --- a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/system/package.tsx +++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/system/package.tsx @@ -56,3 +56,5 @@ export const Package = pure( } } ); + +Package.displayName = 'Package'; diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/user_host_working_dir.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/user_host_working_dir.tsx index b0865f46a73c8..076dbbf324766 100644 --- a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/user_host_working_dir.tsx +++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/user_host_working_dir.tsx @@ -46,3 +46,5 @@ export const UserHostWorkingDir = pure( ) : null ); + +UserHostWorkingDir.displayName = 'UserHostWorkingDir'; diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/zeek/__snapshots__/zeek_row_renderer.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/zeek/__snapshots__/zeek_row_renderer.test.tsx.snap index 6c6683c12f505..3806daec4d41a 100644 --- a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/zeek/__snapshots__/zeek_row_renderer.test.tsx.snap +++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/zeek/__snapshots__/zeek_row_renderer.test.tsx.snap @@ -2,14 +2,14 @@ exports[`zeek_row_renderer renders correctly against snapshot 1`] = ` - + some children - - - - + + `; diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/zeek/zeek_details.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/zeek/zeek_details.tsx index e5bd7757ce757..ca972ec67582f 100644 --- a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/zeek/zeek_details.tsx +++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/zeek/zeek_details.tsx @@ -19,6 +19,8 @@ const Details = styled.div` margin: 10px 0; `; +Details.displayName = 'Details'; + export const ZeekDetails = pure<{ browserFields: BrowserFields; data: Ecs }>(({ data }) => data.zeek != null ? (
@@ -28,3 +30,5 @@ export const ZeekDetails = pure<{ browserFields: BrowserFields; data: Ecs }>(({
) : null ); + +ZeekDetails.displayName = 'ZeekDetails'; diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/zeek/zeek_signature.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/zeek/zeek_signature.tsx index 4c827522cdc31..ca71e45348d3b 100644 --- a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/zeek/zeek_signature.tsx +++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/zeek/zeek_signature.tsx @@ -26,14 +26,20 @@ import * as i18n from './translations'; // `; const Badge = (props: EuiBadgeProps) => ; +Badge.displayName = 'Badge'; + const TokensFlexItem = styled(EuiFlexItem)` margin-left: 3px; `; +TokensFlexItem.displayName = 'TokensFlexItem'; + const LinkFlexItem = styled(EuiFlexItem)` margin-left: 6px; `; +LinkFlexItem.displayName = 'LinkFlexItem'; + type StringRenderer = (value: string) => string; export const defaultStringRenderer: StringRenderer = (value: string) => value; @@ -98,6 +104,8 @@ export const DraggableZeekElement = pure<{ ) : null ); +DraggableZeekElement.displayName = 'DraggableZeekElement'; + export const Link = pure<{ value: string | null | undefined; link?: string | null }>( ({ value, link }) => { if (value != null) { @@ -126,6 +134,8 @@ export const Link = pure<{ value: string | null | undefined; link?: string | nul } ); +Link.displayName = 'Link'; + export const TotalVirusLinkSha = pure<{ value: string | null | undefined }>(({ value }) => value != null ? ( @@ -137,6 +147,8 @@ export const TotalVirusLinkSha = pure<{ value: string | null | undefined }>(({ v ) : null ); +TotalVirusLinkSha.displayName = 'TotalVirusLinkSha'; + // English Text for these codes are shortened from // https://docs.zeek.org/en/stable/scripts/base/protocols/conn/main.bro.html export const zeekConnLogDictionay: Readonly> = { @@ -252,3 +264,5 @@ export const ZeekSignature = pure<{ data: Ecs }>(({ data }) => { ); }); + +ZeekSignature.displayName = 'ZeekSignature'; diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/sort/sort_indicator.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/sort/sort_indicator.tsx index e96f6bb600f5b..d9b642c5188ec 100644 --- a/x-pack/legacy/plugins/siem/public/components/timeline/body/sort/sort_indicator.tsx +++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/sort/sort_indicator.tsx @@ -41,3 +41,5 @@ interface Props { export const SortIndicator = pure(({ sortDirection }) => ( )); + +SortIndicator.displayName = 'SortIndicator'; diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/data_providers/__snapshots__/providers.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/timeline/data_providers/__snapshots__/providers.test.tsx.snap index 297c9bb64b35c..313538306655f 100644 --- a/x-pack/legacy/plugins/siem/public/components/timeline/data_providers/__snapshots__/providers.test.tsx.snap +++ b/x-pack/legacy/plugins/siem/public/components/timeline/data_providers/__snapshots__/providers.test.tsx.snap @@ -4,7 +4,7 @@ exports[`Providers rendering renders correctly against snapshot 1`] = ` - ( /> ); +BadgeHighlighted.displayName = 'BadgeHighlighted'; + const EmptyContainer = styled.div<{ showSmallMsg: boolean }>` width: ${props => (props.showSmallMsg ? '60px' : 'auto')} align-items: center; @@ -62,12 +66,16 @@ const EmptyContainer = styled.div<{ showSmallMsg: boolean }>` `} `; +EmptyContainer.displayName = 'EmptyContainer'; + const NoWrap = styled.div` align-items: center; display: flex; flex-direction: row; flex-wrap: no-wrap; `; + +NoWrap.displayName = 'NoWrap'; interface Props { showSmallMsg?: boolean; } @@ -103,3 +111,5 @@ export const Empty = pure(({ showSmallMsg = false }) => ( {showSmallMsg && } )); + +Empty.displayName = 'Empty'; diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/data_providers/index.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/data_providers/index.tsx index f505c0db67df4..fa827f3452e67 100644 --- a/x-pack/legacy/plugins/siem/public/components/timeline/data_providers/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/timeline/data_providers/index.tsx @@ -51,6 +51,8 @@ const DropTargetDataProviders = styled.div` background-color: ${props => props.theme.eui.euiFormBackgroundColor}; `; +DropTargetDataProviders.displayName = 'DropTargetDataProviders'; + const getDroppableId = (id: string): string => `${droppableTimelineProvidersPrefix}${id}`; /** @@ -108,3 +110,5 @@ export const DataProviders = pure( ) ); + +DataProviders.displayName = 'DataProviders'; diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/data_providers/provider.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/data_providers/provider.tsx index 15e994f5f576b..7b573b19e2fd4 100644 --- a/x-pack/legacy/plugins/siem/public/components/timeline/data_providers/provider.tsx +++ b/x-pack/legacy/plugins/siem/public/components/timeline/data_providers/provider.tsx @@ -29,3 +29,5 @@ export const Provider = pure(({ dataProvider }) => ( operator={dataProvider.queryMatch.operator || IS_OPERATOR} /> )); + +Provider.displayName = 'Provider'; diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/data_providers/provider_badge.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/data_providers/provider_badge.tsx index 415271f9fb473..b3318225bb271 100644 --- a/x-pack/legacy/plugins/siem/public/components/timeline/data_providers/provider_badge.tsx +++ b/x-pack/legacy/plugins/siem/public/components/timeline/data_providers/provider_badge.tsx @@ -37,6 +37,8 @@ const ProviderBadgeStyled = styled(EuiBadge)` } `; +ProviderBadgeStyled.displayName = 'ProviderBadgeStyled'; + interface ProviderBadgeProps { deleteProvider: () => void; field: string; @@ -104,3 +106,5 @@ export const ProviderBadge = pure( ); } ); + +ProviderBadge.displayName = 'ProviderBadge'; diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/data_providers/provider_item_actions.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/data_providers/provider_item_actions.tsx index bd5956e63b1cc..ee9e5f2af654a 100644 --- a/x-pack/legacy/plugins/siem/public/components/timeline/data_providers/provider_item_actions.tsx +++ b/x-pack/legacy/plugins/siem/public/components/timeline/data_providers/provider_item_actions.tsx @@ -46,6 +46,8 @@ const MyEuiPopover = styled(EuiPopover)` user-select: none; `; +MyEuiPopover.displayName = 'MyEuiPopover'; + export const getProviderActions = ({ andProviderId, browserFields, diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/data_providers/provider_item_and_drag_drop.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/data_providers/provider_item_and_drag_drop.tsx index bb92d617cc38b..f44aae9ed1a6e 100644 --- a/x-pack/legacy/plugins/siem/public/components/timeline/data_providers/provider_item_and_drag_drop.tsx +++ b/x-pack/legacy/plugins/siem/public/components/timeline/data_providers/provider_item_and_drag_drop.tsx @@ -29,6 +29,8 @@ const DropAndTargetDataProvidersContainer = styled(EuiFlexItem)` margin: 0px 8px; `; +DropAndTargetDataProvidersContainer.displayName = 'DropAndTargetDataProvidersContainer'; + const DropAndTargetDataProviders = styled.div<{ hasAndItem: boolean }>` min-width: 230px; width: auto; @@ -49,6 +51,8 @@ const DropAndTargetDataProviders = styled.div<{ hasAndItem: boolean }>` cursor: ${({ hasAndItem }) => (!hasAndItem ? `default` : 'inherit')}; `; +DropAndTargetDataProviders.displayName = 'DropAndTargetDataProviders'; + // Ref: https://github.com/elastic/eui/issues/1655 // const NumberProviderAndBadge = styled(EuiBadge)` // margin: 0px 5px; @@ -57,6 +61,8 @@ const NumberProviderAndBadge = (props: EuiBadgeProps) => ( ); +NumberProviderAndBadge.displayName = 'NumberProviderAndBadge'; + interface ProviderItemDropProps { browserFields: BrowserFields; dataProvider: DataProvider; @@ -124,3 +130,5 @@ export const ProviderItemAndDragDrop = pure( ); } ); + +ProviderItemAndDragDrop.displayName = 'ProviderItemAndDragDrop'; diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/data_providers/providers.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/data_providers/providers.tsx index 87c997235e4f4..ac0f9bbe9c878 100644 --- a/x-pack/legacy/plugins/siem/public/components/timeline/data_providers/providers.tsx +++ b/x-pack/legacy/plugins/siem/public/components/timeline/data_providers/providers.tsx @@ -56,21 +56,29 @@ const PanelProviders = styled.div` justify-content: flex-start; `; +PanelProviders.displayName = 'PanelProviders'; + const PanelProvidersGroupContainer = styled(EuiFlexGroup)` position: relative; flex-grow: unset; `; +PanelProvidersGroupContainer.displayName = 'PanelProvidersGroupContainer'; + /** A row of data providers in the timeline drop zone */ const PanelProviderGroupContainer = styled(EuiFlexGroup)` height: ${ROW_OF_DATA_PROVIDERS_HEIGHT}px; margin: 5px 0px; `; +PanelProviderGroupContainer.displayName = 'PanelProviderGroupContainer'; + const PanelProviderItemContainer = styled(EuiFlexItem)` position: relative; `; +PanelProviderItemContainer.displayName = 'PanelProviderItemContainer'; + const TimelineEuiFormHelpText = styled(EuiFormHelpText)` padding-top: 0px; position: absolute; @@ -78,6 +86,8 @@ const TimelineEuiFormHelpText = styled(EuiFormHelpText)` left: 5px; `; +TimelineEuiFormHelpText.displayName = 'TimelineEuiFormHelpText'; + interface GetDraggableIdParams { id: string; dataProviderId: string; @@ -197,3 +207,5 @@ export const Providers = pure( ) ); + +Providers.displayName = 'Providers'; diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/expandable_event/index.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/expandable_event/index.tsx index 1e93cc2e43d0f..07ad7e99a2164 100644 --- a/x-pack/legacy/plugins/siem/public/components/timeline/expandable_event/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/timeline/expandable_event/index.tsx @@ -26,6 +26,8 @@ const ExpandableDetails = styled.div<{ hideExpandButton: boolean; width?: number : ''}; `; +ExpandableDetails.displayName = 'ExpandableDetails'; + interface Props { browserFields: BrowserFields; id: string; diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/footer/__snapshots__/index.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/timeline/footer/__snapshots__/index.test.tsx.snap index 1753df5d2a277..594f15929b749 100644 --- a/x-pack/legacy/plugins/siem/public/components/timeline/footer/__snapshots__/index.test.tsx.snap +++ b/x-pack/legacy/plugins/siem/public/components/timeline/footer/__snapshots__/index.test.tsx.snap @@ -2,14 +2,14 @@ exports[`Footer Timeline Component rendering it renders the default timeline footer 1`] = ` - - - - - @@ -94,9 +94,9 @@ exports[`Footer Timeline Component rendering it renders the default timeline foo compact={true} updatedAt={1546878704036} /> - + - - + + `; diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/footer/index.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/footer/index.tsx index 30a38c1c524c4..f19e6e334226d 100644 --- a/x-pack/legacy/plugins/siem/public/components/timeline/footer/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/timeline/footer/index.tsx @@ -34,29 +34,41 @@ const FixedWidthLastUpdated = styled.div<{ compact: boolean }>` text-align: end; `; +FixedWidthLastUpdated.displayName = 'FixedWidthLastUpdated'; + const FooterContainer = styled(EuiFlexGroup)<{ height: number }>` height: ${({ height }) => height}px; `; +FooterContainer.displayName = 'FooterContainer'; + const FooterFlexGroup = styled(EuiFlexGroup)` height: 35px; width: 100%; `; +FooterFlexGroup.displayName = 'FooterFlexGroup'; + const LoadingPanelContainer = styled.div` padding-top: 3px; `; +LoadingPanelContainer.displayName = 'LoadingPanelContainer'; + const PopoverRowItems = styled(EuiPopover)` .euiButtonEmpty__content { padding: 0px 0px; } `; +PopoverRowItems.displayName = 'PopoverRowItems'; + export const ServerSideEventCount = styled.div` margin: 0 5px 0 5px; `; +ServerSideEventCount.displayName = 'ServerSideEventCount'; + /** The height of the footer, exported for use in height calculations */ export const footerHeight = 40; // px @@ -128,6 +140,8 @@ export const EventsCount = pure<{ )); +EventsCount.displayName = 'EventsCount'; + export const PagingControl = pure<{ hasNextPage: boolean; isLoading: boolean; @@ -147,6 +161,8 @@ export const PagingControl = pure<{ )); +PagingControl.displayName = 'PagingControl'; + /** Renders a loading indicator and paging controls */ export class Footer extends React.PureComponent { public readonly state = { diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/footer/last_updated.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/footer/last_updated.tsx index 4e9f6a7195767..0953341fe8a90 100644 --- a/x-pack/legacy/plugins/siem/public/components/timeline/footer/last_updated.tsx +++ b/x-pack/legacy/plugins/siem/public/components/timeline/footer/last_updated.tsx @@ -35,6 +35,8 @@ export const Updated = pure<{ date: number; prefix: string; updatedAt: number }> ) ); +Updated.displayName = 'Updated'; + export class LastUpdatedAt extends React.PureComponent { public readonly state = { date: Date.now(), diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/header/index.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/header/index.tsx index ca870304a7fb8..f4c893d6b2d0e 100644 --- a/x-pack/legacy/plugins/siem/public/components/timeline/header/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/timeline/header/index.tsx @@ -46,6 +46,8 @@ const TimelineHeaderContainer = styled.div` width: 100%; `; +TimelineHeaderContainer.displayName = 'TimelineHeaderContainer'; + export const TimelineHeader = pure( ({ browserFields, @@ -87,3 +89,5 @@ export const TimelineHeader = pure( ) ); + +TimelineHeader.displayName = 'TimelineHeader'; diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/properties/helpers.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/properties/helpers.tsx index 978e59b84f85d..9ab250b32777f 100644 --- a/x-pack/legacy/plugins/siem/public/components/timeline/properties/helpers.tsx +++ b/x-pack/legacy/plugins/siem/public/components/timeline/properties/helpers.tsx @@ -48,6 +48,8 @@ const NotesCountBadge = (props: EuiBadgeProps) => ( ); +NotesCountBadge.displayName = 'NotesCountBadge'; + type CreateTimeline = ({ id, show }: { id: string; show?: boolean }) => void; type UpdateIsFavorite = ({ id, isFavorite }: { id: string; isFavorite: boolean }) => void; type UpdateTitle = ({ id, title }: { id: string; title: string }) => void; @@ -75,6 +77,8 @@ export const StarIcon = pure<{ )); +StarIcon.displayName = 'StarIcon'; + export const Description = pure<{ description: string; timelineId: string; @@ -95,6 +99,8 @@ export const Description = pure<{ )); +Description.displayName = 'Description'; + export const Name = pure<{ timelineId: string; title: string; updateTitle: UpdateTitle }>( ({ timelineId, title, updateTitle }) => ( @@ -110,6 +116,8 @@ export const Name = pure<{ timelineId: string; title: string; updateTitle: Updat ) ); +Name.displayName = 'Name'; + export const NewTimeline = pure<{ createTimeline: CreateTimeline; onClosePopover: () => void; @@ -129,6 +137,8 @@ export const NewTimeline = pure<{ )); +NewTimeline.displayName = 'NewTimeline'; + interface NotesButtonProps { animate?: boolean; associateNote: AssociateNote; @@ -153,6 +163,8 @@ const NotesIcon = pure<{ count: number }>(({ count }) => ( /> )); +NotesIcon.displayName = 'NotesIcon'; + const LargeNotesButton = pure<{ noteIds: string[]; text?: string; toggleShowNotes: () => void }>( ({ noteIds, text, toggleShowNotes }) => ( void }>( ({ noteIds, toggleShowNotes }) => ( void } ) ); +SmallNotesButton.displayName = 'SmallNotesButton'; + /** * The internal implementation of the `NotesButton` */ @@ -229,6 +245,8 @@ const NotesButtonComponent = pure( ) ); +NotesButtonComponent.displayName = 'NotesButtonComponent'; + export const NotesButton = pure( ({ animate = true, @@ -270,3 +288,5 @@ export const NotesButton = pure( ) ); + +NotesButton.displayName = 'NotesButton'; diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/properties/index.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/properties/index.tsx index 3f6b971f6e97a..5e1dd3363940b 100644 --- a/x-pack/legacy/plugins/siem/public/components/timeline/properties/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/timeline/properties/index.tsx @@ -55,19 +55,27 @@ const Avatar = styled(EuiAvatar)` margin-left: 5px; `; +Avatar.displayName = 'Avatar'; + const DescriptionPopoverMenuContainer = styled.div` margin-top: 15px; `; +DescriptionPopoverMenuContainer.displayName = 'DescriptionPopoverMenuContainer'; + const SettingsIcon = styled(EuiIcon)` margin-left: 4px; cursor: pointer; `; +SettingsIcon.displayName = 'SettingsIcon'; + const HiddenFlexItem = styled(EuiFlexItem)` display: none; `; +HiddenFlexItem.displayName = 'HiddenFlexItem'; + interface Props { associateNote: AssociateNote; createTimeline: CreateTimeline; diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/properties/styles.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/properties/styles.tsx index 46b8369de338a..369dff795dc50 100644 --- a/x-pack/legacy/plugins/siem/public/components/timeline/properties/styles.tsx +++ b/x-pack/legacy/plugins/siem/public/components/timeline/properties/styles.tsx @@ -21,6 +21,8 @@ export const TimelineProperties = styled.div<{ width: number }>` width: ${({ width }) => `${width}px`}; `; +TimelineProperties.displayName = 'TimelineProperties'; + export const DatePicker = styled(EuiFlexItem)<{ width: number }>` width: ${({ width }) => `${width}px`}; .euiSuperDatePicker__flexWrapper { @@ -29,43 +31,61 @@ export const DatePicker = styled(EuiFlexItem)<{ width: number }>` } `; +DatePicker.displayName = 'DatePicker'; + export const NameField = styled(EuiFieldText)` width: 150px; margin-right: 5px; `; +NameField.displayName = 'NameField'; + export const DescriptionContainer = styled.div` animation: ${fadeInEffect} 0.3s; margin-right: 5px; min-width: 150px; `; +DescriptionContainer.displayName = 'DescriptionContainer'; + export const SmallNotesButtonContainer = styled.div` cursor: pointer; width: 35px; `; +SmallNotesButtonContainer.displayName = 'SmallNotesButtonContainer'; + export const ButtonContainer = styled.div<{ animate: boolean }>` animation: ${fadeInEffect} ${({ animate }) => (animate ? '0.3s' : '0s')}; `; +ButtonContainer.displayName = 'ButtonContainer'; + export const LabelText = styled.div` margin-left: 10px; `; +LabelText.displayName = 'LabelText'; + export const StyledStar = styled(EuiIcon)` margin-right: 5px; cursor: pointer; `; +StyledStar.displayName = 'StyledStar'; + export const PropertiesLeft = styled(EuiFlexGroup)` width: 100%; `; +PropertiesLeft.displayName = 'PropertiesLeft'; + export const PropertiesRight = styled(EuiFlexGroup)` margin-right: 5px; `; +PropertiesRight.displayName = 'PropertiesRight'; + export const Facet = styled.div` align-items: center; display: inline-flex; @@ -82,6 +102,10 @@ export const Facet = styled.div` user-select: none; `; +Facet.displayName = 'Facet'; + export const LockIconContainer = styled(EuiFlexItem)` margin-right: 2px; `; + +LockIconContainer.displayName = 'LockIconContainer'; diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/search_or_filter/helpers.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/search_or_filter/helpers.tsx index 44035b5ffb2c1..c9b1a3ced6e93 100644 --- a/x-pack/legacy/plugins/siem/public/components/timeline/search_or_filter/helpers.tsx +++ b/x-pack/legacy/plugins/siem/public/components/timeline/search_or_filter/helpers.tsx @@ -18,6 +18,8 @@ const AndOrContainer = styled.div` top: -1px; `; +AndOrContainer.displayName = 'AndOrContainer'; + interface ModeProperties { mode: KqlMode; description: string; diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/search_or_filter/search_or_filter.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/search_or_filter/search_or_filter.tsx index 7b790266b572b..9c79f48a65121 100644 --- a/x-pack/legacy/plugins/siem/public/components/timeline/search_or_filter/search_or_filter.tsx +++ b/x-pack/legacy/plugins/siem/public/components/timeline/search_or_filter/search_or_filter.tsx @@ -44,10 +44,14 @@ const SearchOrFilterContainer = styled.div` user-select: none; `; +SearchOrFilterContainer.displayName = 'SearchOrFilterContainer'; + const ModeFlexItem = styled(EuiFlexItem)` user-select: none; `; +ModeFlexItem.displayName = 'ModeFlexItem'; + export const SearchOrFilter = pure( ({ applyKqlFilterQuery, @@ -96,3 +100,5 @@ export const SearchOrFilter = pure( ) ); + +SearchOrFilter.displayName = 'SearchOrFilter'; diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/timeline.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/timeline.tsx index 006b84a1af9a3..e416a78121716 100644 --- a/x-pack/legacy/plugins/siem/public/components/timeline/timeline.tsx +++ b/x-pack/legacy/plugins/siem/public/components/timeline/timeline.tsx @@ -41,6 +41,8 @@ const WrappedByAutoSizer = styled.div` width: 100%; `; // required by AutoSizer +WrappedByAutoSizer.displayName = 'WrappedByAutoSizer'; + const TimelineContainer = styled(EuiFlexGroup)` min-height: 500px; overflow: hidden; @@ -49,6 +51,8 @@ const TimelineContainer = styled(EuiFlexGroup)` width: 100%; `; +TimelineContainer.displayName = 'TimelineContainer'; + interface Props { browserFields: BrowserFields; columns: ColumnHeader[]; @@ -205,3 +209,5 @@ export const Timeline = pure( ); } ); + +Timeline.displayName = 'Timeline'; diff --git a/x-pack/legacy/plugins/siem/public/components/toasters/__snapshots__/modal_all_errors.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/toasters/__snapshots__/modal_all_errors.test.tsx.snap index 7e4c94e9c0fe7..c323300c6f222 100644 --- a/x-pack/legacy/plugins/siem/public/components/toasters/__snapshots__/modal_all_errors.test.tsx.snap +++ b/x-pack/legacy/plugins/siem/public/components/toasters/__snapshots__/modal_all_errors.test.tsx.snap @@ -29,9 +29,9 @@ exports[`Modal all errors rendering it renders the default all errors modal when key="id-super-id-0" paddingSize="none" > - + Error 1, Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. - + diff --git a/x-pack/legacy/plugins/siem/public/components/toasters/index.tsx b/x-pack/legacy/plugins/siem/public/components/toasters/index.tsx index 8301d6939c6d7..27d59d429913c 100644 --- a/x-pack/legacy/plugins/siem/public/components/toasters/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/toasters/index.tsx @@ -120,3 +120,5 @@ const formatToErrorToastIfNeeded = ( const ErrorToastContainer = styled.div` text-align: right; `; + +ErrorToastContainer.displayName = 'ErrorToastContainer'; diff --git a/x-pack/legacy/plugins/siem/public/components/toasters/modal_all_errors.tsx b/x-pack/legacy/plugins/siem/public/components/toasters/modal_all_errors.tsx index 20e4b80983851..dfbf09e555a76 100644 --- a/x-pack/legacy/plugins/siem/public/components/toasters/modal_all_errors.tsx +++ b/x-pack/legacy/plugins/siem/public/components/toasters/modal_all_errors.tsx @@ -66,3 +66,5 @@ export const ModalAllErrors = ({ isShowing, toast, toggle }: FullErrorProps) => const MyEuiCodeBlock = styled(EuiCodeBlock)` margin-top: 4px; `; + +MyEuiCodeBlock.displayName = 'MyEuiCodeBlock'; diff --git a/x-pack/legacy/plugins/siem/public/components/truncatable_text/index.tsx b/x-pack/legacy/plugins/siem/public/components/truncatable_text/index.tsx index 38a4e56f8774a..7cf91ce35cd43 100644 --- a/x-pack/legacy/plugins/siem/public/components/truncatable_text/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/truncatable_text/index.tsx @@ -20,3 +20,5 @@ export const TruncatableText = styled(EuiText)<{ width: string }>` white-space: nowrap; width: ${({ width }) => width}; `; + +TruncatableText.displayName = 'TruncatableText'; diff --git a/x-pack/legacy/plugins/siem/public/components/url_state/__snapshots__/index.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/url_state/__snapshots__/index.test.tsx.snap index 34b1175bcb2fc..27725782d7ff8 100644 --- a/x-pack/legacy/plugins/siem/public/components/url_state/__snapshots__/index.test.tsx.snap +++ b/x-pack/legacy/plugins/siem/public/components/url_state/__snapshots__/index.test.tsx.snap @@ -449,7 +449,7 @@ exports[`UrlStateContainer mounts and renders 1`] = ` } } > - - + diff --git a/x-pack/legacy/plugins/siem/public/components/url_state/index.tsx b/x-pack/legacy/plugins/siem/public/components/url_state/index.tsx index 23b02bdb90220..8bca86b8e04f3 100644 --- a/x-pack/legacy/plugins/siem/public/components/url_state/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/url_state/index.tsx @@ -9,6 +9,7 @@ import { compose } from 'redux'; import { connect } from 'react-redux'; import { withRouter } from 'react-router-dom'; +import { isEqual } from 'lodash/fp'; import { hostsModel, hostsSelectors, @@ -23,10 +24,17 @@ import { CONSTANTS } from './constants'; import { UrlStateContainerPropTypes, UrlStateProps, KqlQueryObject } from './types'; import { useUrlStateHooks } from './use_url_state'; -export const UrlStateContainer = (props: UrlStateContainerPropTypes) => { - const { isInitializing } = useUrlStateHooks(props); - return props.children({ isInitializing }); -}; +export const UrlStateContainer = React.memo( + props => { + const { isInitializing } = useUrlStateHooks(props); + return <>{props.children({ isInitializing })}; + }, + (prevProps, nextProps) => + prevProps.location.pathname === nextProps.location.pathname && + isEqual(prevProps.urlState, nextProps.urlState) +); + +UrlStateContainer.displayName = 'UrlStateContainer'; const makeMapStateToProps = () => { const getInputsSelector = inputsSelectors.inputsSelector(); diff --git a/x-pack/legacy/plugins/siem/public/components/with_hover_actions/index.tsx b/x-pack/legacy/plugins/siem/public/components/with_hover_actions/index.tsx index f467bb140920b..1d799f6cfa056 100644 --- a/x-pack/legacy/plugins/siem/public/components/with_hover_actions/index.tsx +++ b/x-pack/legacy/plugins/siem/public/components/with_hover_actions/index.tsx @@ -37,12 +37,16 @@ const HoverActionsPanelContainer = styled.div` position: relative; `; +HoverActionsPanelContainer.displayName = 'HoverActionsPanelContainer'; + const HoverActionsPanel = pure<{ children: JSX.Element; show: boolean }>(({ children, show }) => ( {show ? children : null} )); +HoverActionsPanel.displayName = 'HoverActionsPanel'; + const WithHoverActionsContainer = styled.div` display: flex; flex-direction: row; @@ -50,6 +54,8 @@ const WithHoverActionsContainer = styled.div` padding-right: 5px; `; +WithHoverActionsContainer.displayName = 'WithHoverActionsContainer'; + /** * Decorates it's children with actions that are visible on hover. * This component does not enforce an opinion on the styling and diff --git a/x-pack/legacy/plugins/siem/public/containers/hosts/filter.tsx b/x-pack/legacy/plugins/siem/public/containers/hosts/filter.tsx index 72a1d3fc4a06b..a084a666b0a54 100644 --- a/x-pack/legacy/plugins/siem/public/containers/hosts/filter.tsx +++ b/x-pack/legacy/plugins/siem/public/containers/hosts/filter.tsx @@ -89,6 +89,8 @@ const HostsFilterComponent = pure( ) ); +HostsFilterComponent.displayName = 'HostsFilterComponent'; + const makeMapStateToProps = () => { const getHostsFilterQueryDraft = hostsSelectors.hostsFilterQueryDraft(); const getIsHostFilterQueryDraftValid = hostsSelectors.isHostFilterQueryDraftValid(); diff --git a/x-pack/legacy/plugins/siem/public/containers/ip_overview/index.tsx b/x-pack/legacy/plugins/siem/public/containers/ip_overview/index.tsx index 515fb9b39af2b..685e5d8b00d07 100644 --- a/x-pack/legacy/plugins/siem/public/containers/ip_overview/index.tsx +++ b/x-pack/legacy/plugins/siem/public/containers/ip_overview/index.tsx @@ -69,6 +69,8 @@ const IpOverviewComponentQuery = pure( ) ); +IpOverviewComponentQuery.displayName = 'IpOverviewComponentQuery'; + const makeMapStateToProps = () => { const getQuery = inputsSelectors.globalQueryByIdSelector(); const mapStateToProps = (state: State, { id = ID }: IpOverviewProps) => { diff --git a/x-pack/legacy/plugins/siem/public/containers/kpi_host_details/index.tsx b/x-pack/legacy/plugins/siem/public/containers/kpi_host_details/index.tsx index 7f6fa48b5df70..b133be32c2c8b 100644 --- a/x-pack/legacy/plugins/siem/public/containers/kpi_host_details/index.tsx +++ b/x-pack/legacy/plugins/siem/public/containers/kpi_host_details/index.tsx @@ -70,6 +70,8 @@ const KpiHostDetailsComponentQuery = pure { const getQuery = inputsSelectors.globalQueryByIdSelector(); const mapStateToProps = (state: State, { id = ID }: QueryKpiHostDetailsProps) => { diff --git a/x-pack/legacy/plugins/siem/public/containers/kpi_hosts/index.tsx b/x-pack/legacy/plugins/siem/public/containers/kpi_hosts/index.tsx index 25a4674694058..3bc5d2f5864dd 100644 --- a/x-pack/legacy/plugins/siem/public/containers/kpi_hosts/index.tsx +++ b/x-pack/legacy/plugins/siem/public/containers/kpi_hosts/index.tsx @@ -70,6 +70,8 @@ const KpiHostsComponentQuery = pure( ) ); +KpiHostsComponentQuery.displayName = 'KpiHostsComponentQuery'; + const makeMapStateToProps = () => { const getQuery = inputsSelectors.globalQueryByIdSelector(); const mapStateToProps = (state: State, { id = ID }: KpiHostsProps) => { diff --git a/x-pack/legacy/plugins/siem/public/containers/kpi_network/index.tsx b/x-pack/legacy/plugins/siem/public/containers/kpi_network/index.tsx index 92ef56a847463..d7e2bcfb874e4 100644 --- a/x-pack/legacy/plugins/siem/public/containers/kpi_network/index.tsx +++ b/x-pack/legacy/plugins/siem/public/containers/kpi_network/index.tsx @@ -70,6 +70,8 @@ const KpiNetworkComponentQuery = pure( ) ); +KpiNetworkComponentQuery.displayName = 'KpiNetworkComponentQuery'; + const makeMapStateToProps = () => { const getQuery = inputsSelectors.globalQueryByIdSelector(); const mapStateToProps = (state: State, { id = ID }: KpiNetworkProps) => { diff --git a/x-pack/legacy/plugins/siem/public/containers/network/filter.tsx b/x-pack/legacy/plugins/siem/public/containers/network/filter.tsx index eedd5392f3681..c1fe7ad5f3874 100644 --- a/x-pack/legacy/plugins/siem/public/containers/network/filter.tsx +++ b/x-pack/legacy/plugins/siem/public/containers/network/filter.tsx @@ -89,6 +89,8 @@ const NetworkFilterComponent = pure( ) ); +NetworkFilterComponent.displayName = 'NetworkFilterComponent'; + const makeMapStateToProps = () => { const getNetworkFilterQueryDraft = networkSelectors.networkFilterQueryDraft(); const getIsNetworkFilterQueryDraftValid = networkSelectors.isNetworkFilterQueryDraftValid(); diff --git a/x-pack/legacy/plugins/siem/public/containers/overview/overview_host/index.tsx b/x-pack/legacy/plugins/siem/public/containers/overview/overview_host/index.tsx index ac8c288c38f12..7116aac9cd0d0 100644 --- a/x-pack/legacy/plugins/siem/public/containers/overview/overview_host/index.tsx +++ b/x-pack/legacy/plugins/siem/public/containers/overview/overview_host/index.tsx @@ -72,6 +72,8 @@ const OverviewHostComponentQuery = pure ) ); +OverviewHostComponentQuery.displayName = 'OverviewHostComponentQuery'; + const makeMapStateToProps = () => { const getQuery = inputsSelectors.globalQueryByIdSelector(); const mapStateToProps = (state: State, { id = ID }: OverviewHostProps) => { diff --git a/x-pack/legacy/plugins/siem/public/containers/overview/overview_network/index.tsx b/x-pack/legacy/plugins/siem/public/containers/overview/overview_network/index.tsx index a20ae2e3d9bee..d2eff1a8da015 100644 --- a/x-pack/legacy/plugins/siem/public/containers/overview/overview_network/index.tsx +++ b/x-pack/legacy/plugins/siem/public/containers/overview/overview_network/index.tsx @@ -73,6 +73,8 @@ export const OverviewNetworkComponentQuery = pure { const getQuery = inputsSelectors.globalQueryByIdSelector(); const mapStateToProps = (state: State, { id = ID }: OverviewNetworkProps) => { diff --git a/x-pack/legacy/plugins/siem/public/lib/clipboard/with_copy_to_clipboard.tsx b/x-pack/legacy/plugins/siem/public/lib/clipboard/with_copy_to_clipboard.tsx index f74f602cf3de3..226745ef47cfb 100644 --- a/x-pack/legacy/plugins/siem/public/lib/clipboard/with_copy_to_clipboard.tsx +++ b/x-pack/legacy/plugins/siem/public/lib/clipboard/with_copy_to_clipboard.tsx @@ -19,6 +19,8 @@ const WithCopyToClipboardContainer = styled.div` user-select: text; `; +WithCopyToClipboardContainer.displayName = 'WithCopyToClipboardContainer'; + /** * Renders `children` with an adjacent icon that when clicked, copies `text` to * the clipboard and displays a confirmation toast @@ -37,3 +39,5 @@ export const WithCopyToClipboard = pure<{ text: string; titleSummary?: string }> ) ); + +WithCopyToClipboard.displayName = 'WithCopyToClipboard'; diff --git a/x-pack/legacy/plugins/siem/public/pages/404.tsx b/x-pack/legacy/plugins/siem/public/pages/404.tsx index 5625075cf1c25..58a3c904b89a0 100644 --- a/x-pack/legacy/plugins/siem/public/pages/404.tsx +++ b/x-pack/legacy/plugins/siem/public/pages/404.tsx @@ -16,3 +16,5 @@ export const NotFoundPage = pure(() => ( /> )); + +NotFoundPage.displayName = 'NotFoundPage'; diff --git a/x-pack/legacy/plugins/siem/public/pages/home/index.tsx b/x-pack/legacy/plugins/siem/public/pages/home/index.tsx index 7295f3ff8e7e3..0540a72111648 100644 --- a/x-pack/legacy/plugins/siem/public/pages/home/index.tsx +++ b/x-pack/legacy/plugins/siem/public/pages/home/index.tsx @@ -36,6 +36,8 @@ const WrappedByAutoSizer = styled.div` height: 100%; `; +WrappedByAutoSizer.displayName = 'WrappedByAutoSizer'; + const gutterTimeline = '70px'; // Temporary until timeline is moved - MichaelMarcialis const Page = styled(EuiPage)` @@ -44,6 +46,8 @@ const Page = styled(EuiPage)` `} `; +Page.displayName = 'Page'; + const NavGlobal = styled.nav` ${({ theme }) => ` background: ${theme.eui.euiColorEmptyShade}; @@ -53,6 +57,8 @@ const NavGlobal = styled.nav` `} `; +NavGlobal.displayName = 'NavGlobal'; + const usersViewing = ['elastic']; // TODO: get the users viewing this timeline from Elasticsearch (persistance) /** Returns true if we are running with the k7 design */ @@ -175,3 +181,5 @@ export const HomePage = pure(() => ( )} )); + +HomePage.displayName = 'HomePage'; diff --git a/x-pack/legacy/plugins/siem/public/pages/hosts/host_details.tsx b/x-pack/legacy/plugins/siem/public/pages/hosts/host_details.tsx index 271d490a003fd..4ad17a1ac58a3 100644 --- a/x-pack/legacy/plugins/siem/public/pages/hosts/host_details.tsx +++ b/x-pack/legacy/plugins/siem/public/pages/hosts/host_details.tsx @@ -315,6 +315,8 @@ const HostDetailsComponent = pure( ) ); +HostDetailsComponent.displayName = 'HostDetailsComponent'; + const makeMapStateToProps = () => { const getHostsFilterQuery = hostsSelectors.hostsFilterQueryExpression(); return (state: State) => ({ diff --git a/x-pack/legacy/plugins/siem/public/pages/hosts/hosts.tsx b/x-pack/legacy/plugins/siem/public/pages/hosts/hosts.tsx index 7040fd3dc609d..974563d44aaf2 100644 --- a/x-pack/legacy/plugins/siem/public/pages/hosts/hosts.tsx +++ b/x-pack/legacy/plugins/siem/public/pages/hosts/hosts.tsx @@ -299,6 +299,8 @@ const HostsComponent = pure(({ filterQuery, setAbsoluteRang ); }); +HostsComponent.displayName = 'HostsComponent'; + const makeMapStateToProps = () => { const getHostsFilterQueryAsJson = hostsSelectors.hostsFilterQueryAsJson(); const mapStateToProps = (state: State) => ({ diff --git a/x-pack/legacy/plugins/siem/public/pages/hosts/hosts_empty_page.tsx b/x-pack/legacy/plugins/siem/public/pages/hosts/hosts_empty_page.tsx index 4555e6bb05673..69ef8579ea8cc 100644 --- a/x-pack/legacy/plugins/siem/public/pages/hosts/hosts_empty_page.tsx +++ b/x-pack/legacy/plugins/siem/public/pages/hosts/hosts_empty_page.tsx @@ -28,3 +28,5 @@ export const HostsEmptyPage = pure(() => ( title={i18n.EMPTY_TITLE} /> )); + +HostsEmptyPage.displayName = 'HostsEmptyPage'; diff --git a/x-pack/legacy/plugins/siem/public/pages/hosts/index.tsx b/x-pack/legacy/plugins/siem/public/pages/hosts/index.tsx index 430a4a6b96084..7156a2dc831e6 100644 --- a/x-pack/legacy/plugins/siem/public/pages/hosts/index.tsx +++ b/x-pack/legacy/plugins/siem/public/pages/hosts/index.tsx @@ -44,3 +44,5 @@ export const HostsContainer = pure(({ match }) => ( )); + +HostsContainer.displayName = 'HostsContainer'; diff --git a/x-pack/legacy/plugins/siem/public/pages/hosts/kql.tsx b/x-pack/legacy/plugins/siem/public/pages/hosts/kql.tsx index cb3dc076af369..c8104803e2f4b 100644 --- a/x-pack/legacy/plugins/siem/public/pages/hosts/kql.tsx +++ b/x-pack/legacy/plugins/siem/public/pages/hosts/kql.tsx @@ -45,3 +45,5 @@ export const HostsKql = pure(({ indexPattern, type }) => ( )} )); + +HostsKql.displayName = 'HostsKql'; diff --git a/x-pack/legacy/plugins/siem/public/pages/network/index.tsx b/x-pack/legacy/plugins/siem/public/pages/network/index.tsx index b9dc4e6ac4bdc..6f0e2c60537ee 100644 --- a/x-pack/legacy/plugins/siem/public/pages/network/index.tsx +++ b/x-pack/legacy/plugins/siem/public/pages/network/index.tsx @@ -43,3 +43,5 @@ export const NetworkContainer = pure(({ match }) => ( )); + +NetworkContainer.displayName = 'NetworkContainer'; diff --git a/x-pack/legacy/plugins/siem/public/pages/network/ip_details.tsx b/x-pack/legacy/plugins/siem/public/pages/network/ip_details.tsx index f290966e4318a..bc45cb9a10d5d 100644 --- a/x-pack/legacy/plugins/siem/public/pages/network/ip_details.tsx +++ b/x-pack/legacy/plugins/siem/public/pages/network/ip_details.tsx @@ -302,6 +302,8 @@ export const IPDetailsComponent = pure( ) ); +IPDetailsComponent.displayName = 'IPDetailsComponent'; + const makeMapStateToProps = () => { const getNetworkFilterQuery = networkSelectors.networkFilterQueryAsJson(); const getIpDetailsFlowTargetSelector = networkSelectors.ipDetailsFlowTargetSelector(); diff --git a/x-pack/legacy/plugins/siem/public/pages/network/kql.tsx b/x-pack/legacy/plugins/siem/public/pages/network/kql.tsx index d9731136ddc59..faf92c1d36fac 100644 --- a/x-pack/legacy/plugins/siem/public/pages/network/kql.tsx +++ b/x-pack/legacy/plugins/siem/public/pages/network/kql.tsx @@ -45,3 +45,5 @@ export const NetworkKql = pure(({ indexPattern, type }) => ( )} )); + +NetworkKql.displayName = 'NetworkKql'; diff --git a/x-pack/legacy/plugins/siem/public/pages/network/network.tsx b/x-pack/legacy/plugins/siem/public/pages/network/network.tsx index a0d7f6c1a444e..74a913b1ea10e 100644 --- a/x-pack/legacy/plugins/siem/public/pages/network/network.tsx +++ b/x-pack/legacy/plugins/siem/public/pages/network/network.tsx @@ -209,6 +209,8 @@ const NetworkComponent = pure( ) ); +NetworkComponent.displayName = 'NetworkComponent'; + const makeMapStateToProps = () => { const getNetworkFilterQueryAsJson = networkSelectors.networkFilterQueryAsJson(); const mapStateToProps = (state: State) => ({ diff --git a/x-pack/legacy/plugins/siem/public/pages/network/network_empty_page.tsx b/x-pack/legacy/plugins/siem/public/pages/network/network_empty_page.tsx index 440eb3cf948e7..6e121608e431d 100644 --- a/x-pack/legacy/plugins/siem/public/pages/network/network_empty_page.tsx +++ b/x-pack/legacy/plugins/siem/public/pages/network/network_empty_page.tsx @@ -28,3 +28,5 @@ export const NetworkEmptyPage = pure(() => ( title={i18n.EMPTY_TITLE} /> )); + +NetworkEmptyPage.displayName = 'NetworkEmptyPage'; diff --git a/x-pack/legacy/plugins/siem/public/pages/overview/index.tsx b/x-pack/legacy/plugins/siem/public/pages/overview/index.tsx index b865945a8fb5d..82f4d3e32b117 100644 --- a/x-pack/legacy/plugins/siem/public/pages/overview/index.tsx +++ b/x-pack/legacy/plugins/siem/public/pages/overview/index.tsx @@ -10,3 +10,5 @@ import { pure } from 'recompose'; import { OverviewComponent } from './overview'; export const Overview = pure(() => ); + +Overview.displayName = 'Overview'; diff --git a/x-pack/legacy/plugins/siem/public/pages/overview/overview.tsx b/x-pack/legacy/plugins/siem/public/pages/overview/overview.tsx index 1b64d67c70832..f13b48532dc14 100644 --- a/x-pack/legacy/plugins/siem/public/pages/overview/overview.tsx +++ b/x-pack/legacy/plugins/siem/public/pages/overview/overview.tsx @@ -68,3 +68,5 @@ export const OverviewComponent = pure(() => { ); }); + +OverviewComponent.displayName = 'OverviewComponent'; diff --git a/x-pack/legacy/plugins/siem/public/pages/overview/summary.tsx b/x-pack/legacy/plugins/siem/public/pages/overview/summary.tsx index a6e636823b246..13d2dd96730f2 100644 --- a/x-pack/legacy/plugins/siem/public/pages/overview/summary.tsx +++ b/x-pack/legacy/plugins/siem/public/pages/overview/summary.tsx @@ -73,3 +73,5 @@ export const Summary = pure(() => ( )); + +Summary.displayName = 'Summary'; diff --git a/x-pack/legacy/plugins/siem/public/pages/timelines/index.tsx b/x-pack/legacy/plugins/siem/public/pages/timelines/index.tsx index bdb1c96895803..3c1b2cce166ee 100644 --- a/x-pack/legacy/plugins/siem/public/pages/timelines/index.tsx +++ b/x-pack/legacy/plugins/siem/public/pages/timelines/index.tsx @@ -13,3 +13,5 @@ import { TimelinesPage } from './timelines_page'; export const Timelines = pure(() => ( {client => } )); + +Timelines.displayName = 'Timelines'; diff --git a/x-pack/legacy/plugins/siem/public/pages/timelines/timelines_page.tsx b/x-pack/legacy/plugins/siem/public/pages/timelines/timelines_page.tsx index b6d70a6836d81..942c5730e2222 100644 --- a/x-pack/legacy/plugins/siem/public/pages/timelines/timelines_page.tsx +++ b/x-pack/legacy/plugins/siem/public/pages/timelines/timelines_page.tsx @@ -17,6 +17,8 @@ const TimelinesContainer = styled.div` width: 100%: `; +TimelinesContainer.displayName = 'TimelinesContainer'; + interface TimelinesProps { apolloClient: ApolloClient; } diff --git a/x-pack/package.json b/x-pack/package.json index bb5c34126ef96..31f5f6b1ce6b8 100644 --- a/x-pack/package.json +++ b/x-pack/package.json @@ -313,7 +313,7 @@ "react-markdown-renderer": "^1.4.0", "react-moment-proptypes": "^1.6.0", "react-portal": "^3.2.0", - "react-redux": "^5.0.7", + "react-redux": "^5.1.1", "react-redux-request": "^1.5.6", "react-router-dom": "^4.3.1", "react-select": "^1.2.1", diff --git a/yarn.lock b/yarn.lock index 6b8cadeb8e21f..f923f3464dca2 100644 --- a/yarn.lock +++ b/yarn.lock @@ -14891,7 +14891,7 @@ hoist-non-react-statics@^2.3.1, hoist-non-react-statics@^2.5.0, hoist-non-react- resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-2.5.5.tgz#c5903cf409c0dfd908f388e619d86b9c1174cb47" integrity sha512-rqcy4pJo55FTTLWt+bU8ukscqHeE/e9KWvsOW2b/a3afxQZhwkQdT1rPPCJ0rYXdj4vNcasY8zHTH+jF/qStxw== -hoist-non-react-statics@^3.0.0, hoist-non-react-statics@^3.3.0: +hoist-non-react-statics@^3.0.0, hoist-non-react-statics@^3.1.0, hoist-non-react-statics@^3.3.0: version "3.3.0" resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-3.3.0.tgz#b09178f0122184fb95acf525daaecb4d8f45958b" integrity sha512-0XsbTXxgiaCDYDIWFcwkmerZPSwywfUqYmwT4jzewKTQSWoE6FCMoUVOeBJWK3E/CrWbxRG3m5GzY4lnIwGRBA== @@ -23011,7 +23011,7 @@ react-is@^16.3.1: resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.4.1.tgz#d624c4650d2c65dbd52c72622bbf389435d9776e" integrity sha512-xpb0PpALlFWNw/q13A+1aHeyJyLYCg0/cCHPUA43zYluZuIPHaHL3k8OBsTgQtxqW0FhyDEMvi8fZ/+7+r4OSQ== -react-is@^16.7.0, react-is@^16.8.1, react-is@^16.8.2, react-is@^16.8.6: +react-is@^16.6.0, react-is@^16.7.0, react-is@^16.8.1, react-is@^16.8.2, react-is@^16.8.6: version "16.8.6" resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.8.6.tgz#5bbc1e2d29141c9fbdfed456343fe2bc430a6a16" integrity sha512-aUk3bHfZ2bRSVFFbbeVS4i+lNPZr3/WM5jT2J5omUVV1zzcs1nAaf3l51ctA5FFvCRbhrH0bdAsRRQddFJZPtA== @@ -23189,6 +23189,19 @@ react-redux@^5.0.6, react-redux@^5.0.7: loose-envify "^1.1.0" prop-types "^15.6.0" +react-redux@^5.1.1: + version "5.1.1" + resolved "https://registry.yarnpkg.com/react-redux/-/react-redux-5.1.1.tgz#88e368682c7fa80e34e055cd7ac56f5936b0f52f" + integrity sha512-LE7Ned+cv5qe7tMV5BPYkGQ5Lpg8gzgItK07c67yHvJ8t0iaD9kPFPAli/mYkiyJYrs2pJgExR2ZgsGqlrOApg== + dependencies: + "@babel/runtime" "^7.1.2" + hoist-non-react-statics "^3.1.0" + invariant "^2.2.4" + loose-envify "^1.1.0" + prop-types "^15.6.1" + react-is "^16.6.0" + react-lifecycles-compat "^3.0.0" + react-resizable@1.x: version "1.7.5" resolved "https://registry.yarnpkg.com/react-resizable/-/react-resizable-1.7.5.tgz#83eb75bb3684da6989bbbf4f826e1470f0af902e"