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 89a8a2bec238d0..6eee2096628095 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 c6f82d1217d18f..fd5712e1dd1a52 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 cdc7dc3ceaf5c7..408bcac756f475 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 3aff9133837568..6d5b464e0e886d 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 35d2d9b2cee11b..3fbf46760f3a55 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 b26b3cfa51d031..ba224ed1797f3f 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 53be16ed2843c1..6bc217d6efb4b0 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 9ae8d1c9cbb927..37ec256ccd8c0d 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 d30531454b3b60..601e4dceeca8dd 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 4408879ec729cf..547699d49fb036 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 1e2e9aafe573ab..00b0f75078bfda 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 2d17a72631b16f..b5d6fcfc6cef7e 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 5faf2346bd06dd..170145db677402 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 1bef0e944ea671..e790aef39d63be 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 5b94159eceb51f..842d1c07d0e1fc 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 6da9c5615d4595..f80afea9a98e95 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 09dc8573d45c5d..d76e5db57057f9 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 5db5481517a316..2ea9bfe48adba3 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 a4e4ccb8edf619..71c4f3af0257ee 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 fb2aafcbdfcfd4..9c3dd462de153b 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 dd4ecb7c82b064..8c99068b06d84e 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 399892270f9fbb..fbb849520b746d 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 e8be940fe831dd..0979420158a801 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 230ca10a7996f3..d09f67960c1182 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 433d27f1872674..a54e0803d02ea8 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 bb63abea61ceb6..6030074f56c008 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 a0bb922022240d..9e4c916fa5f25b 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 c8010eb522062c..464efa31867776 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 6a199381013baf..5105538c50fdb6 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 2a56d463c80806..b5bd86a55b83f9 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 d379ea80336d34..ba84b2d90335ef 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 03266df91c5876..c2c878f6585a8f 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 09be8950b7fc56..8b8758facbe8e8 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 ffc4076e5a22c2..0661d456a25b61 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 a20bde63c6d5e5..e76747d04f18ea 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 4c9d063526e4bb..24368ba4847e55 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 880e6210851f17..594589be59d6f4 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 94fd0e2fb12377..b24e9b0021c2ee 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 45fddc5618f788..b67f4d6dcc0ce1 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 1a62d29bedb84e..d5370c218a2de7 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 59da4c57f25fea..9c9186f9a4c0e0 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 898a5f5c4f3c2f..3aa9fd1b962b5a 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 289bedeb61eca6..e09aea4a6481fc 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 ac999b4287fcc4..b6ee726afaf157 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 c6fdca74369ee9..820c6318247d40 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 b965471f65f913..5ea2fb69f7b5cc 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 ac4b289b5eae21..6e410068f229c7 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 3bc7f020d2963c..c97fc7bdc2428c 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 512740f29bcc4e..08f4a412caf51d 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 bde2b394c2f76e..d7b876ebbc2825 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 65e9be37baffdc..aab0396af77211 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 03da6ee0e2678d..52fe712be9129e 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 eb97e81a78e615..90af0d56c15820 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 5e6f68e4f9b5bc..d145769319d5bd 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 ba36110dff86f2..8acdc534c7b911 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 41d64594b0507e..fb280a6eafbee9 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 ed4137006e09c8..c83d89933b3347 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 9a3b1b25205a40..3148efbb3050a9 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 91faaf93391780..9343de8d7ed6b6 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 8ced44c766e3bb..8d1940fb94cf33 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 168112d0054e20..d9e98b4f11662e 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 0fceb3d3b4f7f1..ae97f1ff9c6bd3 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 2a4bfdec7034e1..fe759b2da6f6f2 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 2fbee73b88fb32..5b9cb487897394 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 4c4818bca9480b..b362b79df96a02 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 71fcb566dc109d..23867f47181a7d 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 d05c1598cfce24..18f3a35a23f7f5 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 cce578a72e9af1..3966448f84df02 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 decdf618ddf737..be0628452ea02c 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 f462c9af5d6824..3fcc60c6558898 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 accefe2b00591e..fc7da3332fe277 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 ca24c61e0db394..4148fd2220b90f 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 e620507d2001db..3c4a06f2490ccc 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 e835b1b1647f83..de9ae94c4d95ee 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 98d274bb1d76e2..9b6080aad36c94 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 f922a9ac6e1195..d271a7271b4219 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 da07337653dc08..e0f3ea162ee786 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 6ac89366893962..a289772cad6b84 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 3fc70604720323..600f230026561b 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 3d52eccd215eea..e9d8787089b6a7 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 935a90526650e0..5768c5c1e8f4f2 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 890093683cde29..f977c615dc7998 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 a52edda4c95516..f69e1b9ba5bebb 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 a77aa9108daa18..aeb4ce089883b2 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 6940c7e708252d..6a70fee6962976 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 1ab6dc57e635c7..1b06a7bcadf0c9 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 aeb8b829ea7e74..9ce5e9fbdf362e 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 63579d2278c613..ef8a4fb197f934 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 57f4b626beab15..252d3e61b906d2 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 97fda293f88e9e..67a4654d8368ab 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 7253d087740eaa..dd4e69c7722873 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 94f6dcb22a637f..dcba6640acc4dc 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 6e556bc579f5a0..87ae9deea43506 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 ec6b143e6384ee..47b9202048b129 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 6b7c268bf7d4f5..0140cd184c6e4f 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 816ac01c8b4e11..ec5c07ff3d0ce8 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 d8d283b0024609..1bafcbb5ded19e 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 6b6d6006f7a272..0b12394f985269 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 ae71601f05c314..e5e734c2041a3e 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 837d5f75decf98..91ce947d727b8d 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 7254506c04d243..f220fc1c7f790b 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 096a04553c5d68..2d9a680838ef96 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 26f4f1d2514f62..4fd6e4805745e4 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 cf6321c3a8774d..f40e5559dcd5e9 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 be10484eb0823e..a3ac81bf884ec1 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 06935c0220c4cc..2190fdcf05b53a 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 a5b08510597faa..42ce5cc311df43 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 424a78f64beddc..9c416419066e66 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 aba82f62c62041..f2869391169871 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 0371c8a4218874..55f46a6a2d80da 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 ac4fb39ff28b8d..30b6b174037677 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 95b7732866830f..79fa747aee0817 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 613df81bf3a299..c407d13d46f22b 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 77bac0879b51d2..de14a012d55a25 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 ac0409be30dc72..14443d0bcdf79a 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 6924d7a5483ccc..f9b107e08afa23 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 b06b423ff29c19..91f29aaf2a7fa2 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 039c41fc6dde57..43a8ec97c61f04 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 23392c5880f7ed..29c0215f372d6c 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 d7fd4e05887bc9..3bd71992447d23 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 e71a263b6e0258..665f1f46bc7c13 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 24f164cfbf2e06..964416e254ec36 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 371946c8b5c4d7..342c814550727b 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 c7dafa224142eb..a2a774dd736079 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 4fc36c860ae626..1eaeb08caa517f 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 0b577aaa2b602b..f23cd96ee3e691 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 5873f58a56b229..c1009063685f12 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 30c8f07ff50e50..a5e0977ab9eefd 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 6258000601ec53..dae82a387eac03 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 912a383d09e436..ee7649b00aed18 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 389b303193acf1..a9025017f25903 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 8f04d15a0593a5..f4f686d7164722 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 3e39bf18bc24bd..bb96353c862c8f 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 37b299c70884f6..9c0b84e2059093 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 801b63091afb75..c27395d157ebf5 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 a2b8b1701015e4..cee2c18710e74e 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 2dd51cdb727a57..3326a9d9aab26e 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 68f5e9527c312f..699adaff067dd9 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 8d9b3bc1f60522..194a55b37b0a8a 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 92a4f24bcef21b..e284628d66e114 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 f0a9e32d5b10fc..bf19761d40a7a4 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 04d44459eaf6e0..4a8a3d1ec7262a 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 a4d22ca781524d..86bed513a2eacd 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 78cbac8494696b..192eddc348c7fe 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 a6a3d71759ea22..edbeea57dd7bb3 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 b1c781896a678d..5b62189a4a0e6d 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 91184d80517cd9..a148ddb53ea0b7 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 4428ff7485c161..6c4913883a88d6 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 deebfb86accd36..76cca29d8ec896 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 88e7684a656074..1b578660cae49f 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 59d745188ffd10..4a484420a4b5f4 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 a26a654c809406..2705968a3c79bc 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 1f1a30c3d3ec53..91a95d305bf1a0 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 17a214736f57f6..519976d8904de4 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 2733653fa779cc..a0a25c490db10e 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 36f4f4a3442c66..2cba2a4b39f1b9 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 3a8bd24706399d..6bd1563e43a926 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 6cb753146d7421..2ce8e1aab2597b 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 15efa94190405f..4ea91796939dfb 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 531f218786dab6..1298760cff73a5 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 a5d0b818dea97f..c605e9e4bfe623 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 685c3c33fa7b36..53d94716ba3f38 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 f46a6092c40928..7c916ab922f45a 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 91a376967bdd95..a0b7e97769d006 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 e96cfd74bfb13d..6c822a0761a383 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 379d0dd24e6197..7721141835f140 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 75fd0baaa99d6e..ae6f8757f98a98 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 44e0407f13bd83..995e5d8f58df39 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 f8e7573b2e6aa3..827e1633f58a91 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 5acf65c9a01b16..81e5ecf7ba734e 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 e0cfd7a01ee356..0268073837aa07 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 5e57df6750f970..82b9d493524966 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 343017859da9e8..37703573e2575c 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 9c999da1c34236..b7c19c3f7639dd 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 3d6a5d05b9cd39..c037e7383edb75 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 73e431f642ece7..d07d676e90e9a1 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 b7441766dfb446..937aa59f9cdfe2 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 f690f94cea2ff5..a895f68db1d5af 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 00b629fbc7bb28..6d11709cdb63e0 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 d293cac7936eb9..3ab89b22cde1da 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 56a4c158cc36a2..b0361d195acdce 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 46f97fb9f47a4c..9b25d246f7780a 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 7730de2d77d90d..0e09eb339d8d65 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 53161e0ee5bab1..cbb4c3256f622c 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 144949e09a5a6a..da72e506a8055a 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 d3ca4baa0b9928..a02b5099d36089 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 f6929d461d550f..409e7447479830 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 46aac85f8c3206..e523c7199f1ed0 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 af1cab682c2fea..75cbf593cae5c6 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 b918d53397b1c6..4b1375b33b086c 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 98558b0edce951..a214cd595ded69 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 bf4151ee68b983..b7668fe27eca85 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 c4fc19a6c50e5e..0c637c0ee71930 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 6e97f0c267d113..876e8e9b02b30f 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 361224644fca24..6fc46e468f51e0 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 dffa28b0d0ecb8..dbcd8de7292f03 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 b0865f46a73c83..076dbbf324766b 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 6c6683c12f505a..3806daec4d41a8 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 e5bd7757ce7575..ca972ec67582f9 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 4c827522cdc31f..ca71e45348d3be 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 e96f6bb600f5bb..d9b642c5188ecc 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 297c9bb64b35c8..313538306655f8 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 f505c0db67df44..fa827f3452e67b 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 15e994f5f576b9..7b573b19e2fd4e 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 415271f9fb4738..b3318225bb2712 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 bd5956e63b1cc8..ee9e5f2af654a2 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 bb92d617cc38bb..f44aae9ed1a6e9 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 87c997235e4f49..ac0f9bbe9c8782 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 1e93cc2e43d0f0..07ad7e99a21648 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 1753df5d2a2777..594f15929b7498 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 30a38c1c524c4c..f19e6e334226d9 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 4e9f6a71957679..0953341fe8a905 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 ca870304a7fb8d..f4c893d6b2d0ec 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 978e59b84f85d6..9ab250b32777f5 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 3f6b971f6e97ab..5e1dd3363940bd 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 46b8369de338af..369dff795dc507 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 44035b5ffb2c15..c9b1a3ced6e93a 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 7b790266b572b5..9c79f48a65121e 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 006b84a1af9a3a..e416a78121716b 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 7e4c94e9c0fe7d..c323300c6f2220 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 8301d6939c6d79..27d59d429913cc 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 20e4b80983851a..dfbf09e555a76e 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 38a4e56f8774a5..7cf91ce35cd43b 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 34b1175bcb2fcb..27725782d7ff82 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 23b02bdb90220b..8bca86b8e04f34 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 f467bb140920b5..1d799f6cfa056b 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 72a1d3fc4a06b2..a084a666b0a543 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 515fb9b39af2bd..685e5d8b00d07b 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 7f6fa48b5df702..b133be32c2c8b6 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 25a46746940580..3bc5d2f5864dd6 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 92ef56a8474635..d7e2bcfb874e43 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 eedd5392f36819..c1fe7ad5f38742 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 ac8c288c38f12a..7116aac9cd0d0b 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 a20ae2e3d9bee0..d2eff1a8da0153 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 f74f602cf3de33..226745ef47cfb1 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 5625075cf1c25c..58a3c904b89a03 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 7295f3ff8e7e3d..0540a721116487 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 271d490a003fd3..4ad17a1ac58a3b 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 7040fd3dc609da..974563d44aaf21 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 4555e6bb056736..69ef8579ea8ccb 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 430a4a6b96084d..7156a2dc831e62 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 cb3dc076af3699..c8104803e2f4bf 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 b9dc4e6ac4bdc0..6f0e2c60537ee2 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 f290966e4318a0..bc45cb9a10d5dc 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 d9731136ddc596..faf92c1d36fac2 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 a0d7f6c1a444e4..74a913b1ea10e8 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 440eb3cf948e70..6e121608e431dc 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 b865945a8fb5d2..82f4d3e32b1178 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 1b64d67c70832d..f13b48532dc148 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 a6e636823b2462..13d2dd96730f22 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 bdb1c968958031..3c1b2cce166ee1 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 b6d70a6836d815..942c5730e22221 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 bb5c34126ef967..31f5f6b1ce6b84 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 6b8cadeb8e21fa..f923f3464dca21 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"