Fix lint issues

Author: patrykkopycinski

.eslintrc.js

@@ -214,13 +214,6 @@ module.exports = {
         'jsx-a11y/click-events-have-key-events': 'off',
       },
     },
-    {
-      files: ['x-pack/legacy/plugins/siem/**/*.{js,ts,tsx}'],
-      rules: {
-        'react-hooks/exhaustive-deps': 'off',
-        'react-hooks/rules-of-hooks': 'off',
-      },
-    },
     {
       files: ['x-pack/legacy/plugins/snapshot_restore/**/*.{js,ts,tsx}'],
       rules: {
@@ -838,6 +831,8 @@ module.exports = {
         // might be introduced after the other warns are fixed
         // 'react/jsx-sort-props': 'error',
         'react/jsx-tag-spacing': 'error',
+        // might be introduced after the other warns are fixed
+        'react-hooks/exhaustive-deps': 'off',
         'require-atomic-updates': 'error',
         'rest-spread-spacing': ['error', 'never'],
         'symbol-description': 'error',

x-pack/legacy/plugins/siem/public/components/embeddables/embedded_map.test.tsx

@@ -10,13 +10,18 @@ import * as React from 'react';
 import { EmbeddedMap } from './embedded_map';
 import { SetQuery } from './types';
 import { useKibanaCore } from '../../lib/compose/kibana_core';
+import { useIndexPatterns } from '../../hooks/use_index_patterns';
 
 jest.mock('../search_bar', () => ({
   siemFilterManager: {
     addFilters: jest.fn(),
   },
 }));
 
+const mockUseIndexPatterns = useIndexPatterns as jest.Mock;
+jest.mock('../../hooks/use_index_patterns');
+mockUseIndexPatterns.mockImplementation(() => [true, []]);
+
 const mockUseKibanaCore = useKibanaCore as jest.Mock;
 jest.mock('../../lib/compose/kibana_core');
 mockUseKibanaCore.mockImplementation(() => ({
@@ -30,6 +35,10 @@ mockUseKibanaCore.mockImplementation(() => ({
 
 jest.mock('../../lib/compose/kibana_plugins');
 
+jest.mock('ui/vis/lib/timezone', () => ({
+  timezoneProvider: () => () => 'America/New_York',
+}));
+
 describe('EmbeddedMap', () => {
   let setQuery: SetQuery;
 

x-pack/legacy/plugins/siem/public/components/link_to/redirect_wrapper.tsx

@@ -6,13 +6,13 @@
 
 import React from 'react';
 import { Redirect } from 'react-router-dom';
-import { scrollToTop } from '../scroll_to_top';
+import { useScrollToTop } from '../scroll_to_top';
 
 export interface RedirectWrapperProps {
   to: string;
 }
 
 export const RedirectWrapper = ({ to }: RedirectWrapperProps) => {
-  scrollToTop();
+  useScrollToTop();
   return <Redirect to={to} />;
 };

x-pack/legacy/plugins/siem/public/components/resize_handle/is_resizing.tsx

@@ -6,7 +6,7 @@
 
 import { useState } from 'react';
 
-export const isContainerResizing = () => {
+export const useIsContainerResizing = () => {
   const [isResizing, setIsResizing] = useState(false);
 
   return {

x-pack/legacy/plugins/siem/public/components/scroll_to_top/index.test.tsx

@@ -8,7 +8,7 @@ import { mount } from 'enzyme';
 import * as React from 'react';
 
 import { globalNode, HookWrapper } from '../../mock';
-import { scrollToTop } from '.';
+import { useScrollToTop } from '.';
 
 const spyScroll = jest.fn();
 const spyScrollTo = jest.fn();
@@ -21,7 +21,7 @@ describe('Scroll to top', () => {
 
   test('scroll have been called', () => {
     Object.defineProperty(globalNode.window, 'scroll', { value: spyScroll });
-    mount(<HookWrapper hook={() => scrollToTop()} />);
+    mount(<HookWrapper hook={() => useScrollToTop()} />);
 
     expect(spyScroll).toHaveBeenCalledWith({
       top: 0,
@@ -32,7 +32,7 @@ describe('Scroll to top', () => {
   test('scrollTo have been called', () => {
     Object.defineProperty(globalNode.window, 'scroll', { value: null });
     Object.defineProperty(globalNode.window, 'scrollTo', { value: spyScrollTo });
-    mount(<HookWrapper hook={() => scrollToTop()} />);
+    mount(<HookWrapper hook={() => useScrollToTop()} />);
     expect(spyScrollTo).toHaveBeenCalled();
   });
 });

x-pack/legacy/plugins/siem/public/components/scroll_to_top/index.tsx

@@ -6,7 +6,7 @@
 
 import { useEffect } from 'react';
 
-export const scrollToTop = () => {
+export const useScrollToTop = () => {
   useEffect(() => {
     // trying to use new API - https://developer.mozilla.org/en-US/docs/Web/API/Window/scrollTo
     if (window.scroll) {

x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/index.test.tsx

@@ -19,7 +19,7 @@ import { ColumnHeaders } from '.';
 
 jest.mock('../../../resize_handle/is_resizing', () => ({
   ...jest.requireActual('../../../resize_handle/is_resizing'),
-  isContainerResizing: () => ({
+  useIsContainerResizing: () => ({
     isResizing: true,
     setIsResizing: jest.fn(),
   }),

x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/index.tsx

@@ -18,7 +18,7 @@ import {
 import { DraggableFieldBadge } from '../../../draggables/field_badge';
 import { StatefulFieldsBrowser } from '../../../fields_browser';
 import { FIELD_BROWSER_HEIGHT, FIELD_BROWSER_WIDTH } from '../../../fields_browser/helpers';
-import { isContainerResizing } from '../../../resize_handle/is_resizing';
+import { useIsContainerResizing } from '../../../resize_handle/is_resizing';
 import {
   OnColumnRemoved,
   OnColumnResized,
@@ -72,7 +72,7 @@ export const ColumnHeaders = React.memo<Props>(
     timelineId,
     toggleColumn,
   }) => {
-    const { isResizing, setIsResizing } = isContainerResizing();
+    const { isResizing, setIsResizing } = useIsContainerResizing();
 
     return (
       <EventsThead data-test-subj="column-headers">

x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/endgame/endgame_security_event_details_line.tsx

@@ -18,7 +18,7 @@ import {
   getHumanReadableLogonType,
   getUserDomainField,
   getUserNameField,
-  useTargetUserAndTargetDomain,
+  getTargetUserAndTargetDomain,
 } from './helpers';
 
 import * as i18n from './translations';
@@ -65,10 +65,10 @@ export const EndgameSecurityEventDetailsLine = React.memo<Props>(
     userName,
     winlogEventId,
   }) => {
-    const domain = useTargetUserAndTargetDomain(eventAction) ? endgameTargetDomainName : userDomain;
+    const domain = getTargetUserAndTargetDomain(eventAction) ? endgameTargetDomainName : userDomain;
     const eventDetails = getEventDetails(eventAction);
     const hostNameSeparator = getHostNameSeparator(eventAction);
-    const user = useTargetUserAndTargetDomain(eventAction) ? endgameTargetUserName : userName;
+    const user = getTargetUserAndTargetDomain(eventAction) ? endgameTargetUserName : userName;
     const userDomainField = getUserDomainField(eventAction);
     const userNameField = getUserNameField(eventAction);
 

x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/endgame/helpers.test.tsx

@@ -7,7 +7,7 @@
 import {
   getHostNameSeparator,
   getHumanReadableLogonType,
-  useTargetUserAndTargetDomain,
+  getTargetUserAndTargetDomain,
   getUserDomainField,
   getUserNameField,
   getEventDetails,
@@ -102,29 +102,29 @@ describe('helpers', () => {
     });
   });
 
-  describe('#useTargetUserAndTargetDomain', () => {
+  describe('#getTargetUserAndTargetDomain', () => {
     test('it returns false when eventAction is undefined', () => {
-      expect(useTargetUserAndTargetDomain(undefined)).toEqual(false);
+      expect(getTargetUserAndTargetDomain(undefined)).toEqual(false);
     });
 
     test('it returns false when eventAction is null', () => {
-      expect(useTargetUserAndTargetDomain(null)).toEqual(false);
+      expect(getTargetUserAndTargetDomain(null)).toEqual(false);
     });
 
     test('it returns false when eventAction is an empty string', () => {
-      expect(useTargetUserAndTargetDomain('')).toEqual(false);
+      expect(getTargetUserAndTargetDomain('')).toEqual(false);
     });
 
     test('it returns false when eventAction is a random value', () => {
-      expect(useTargetUserAndTargetDomain('a random value')).toEqual(false);
+      expect(getTargetUserAndTargetDomain('a random value')).toEqual(false);
     });
 
     test('it returns true when eventAction is "explicit_user_logon"', () => {
-      expect(useTargetUserAndTargetDomain('explicit_user_logon')).toEqual(true);
+      expect(getTargetUserAndTargetDomain('explicit_user_logon')).toEqual(true);
     });
 
     test('it returns true when eventAction is "user_logoff"', () => {
-      expect(useTargetUserAndTargetDomain('user_logoff')).toEqual(true);
+      expect(getTargetUserAndTargetDomain('user_logoff')).toEqual(true);
     });
   });