[SIEM] Fix eslint errors

.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: {
@@ -839,6 +832,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/flyout/pane/index.test.tsx

@@ -25,6 +25,10 @@ mockUseKibanaCore.mockImplementation(() => ({
   uiSettings: mockUiSettings,
 }));
 
+jest.mock('ui/vis/lib/timezone', () => ({
+  timezoneProvider: () => () => 'America/New_York',
+}));
+
 describe('Pane', () => {
   test('renders correctly against snapshot', () => {
     const EmptyComponent = shallow(

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);
     });
   });
 

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

@@ -40,14 +40,14 @@ export const getHumanReadableLogonType = (endgameLogonType: number | null | unde
 export const getHostNameSeparator = (eventAction: string | null | undefined): string =>
   eventAction === 'explicit_user_logon' ? i18n.TO : '@';
 
-export const useTargetUserAndTargetDomain = (eventAction: string | null | undefined): boolean =>
+export const getTargetUserAndTargetDomain = (eventAction: string | null | undefined): boolean =>
   eventAction === 'explicit_user_logon' || eventAction === 'user_logoff';
 
 export const getUserDomainField = (eventAction: string | null | undefined): string =>
-  useTargetUserAndTargetDomain(eventAction) ? 'endgame.target_domain_name' : 'user.domain';
+  getTargetUserAndTargetDomain(eventAction) ? 'endgame.target_domain_name' : 'user.domain';
 
 export const getUserNameField = (eventAction: string | null | undefined): string =>
-  useTargetUserAndTargetDomain(eventAction) ? 'endgame.target_user_name' : 'user.name';
+  getTargetUserAndTargetDomain(eventAction) ? 'endgame.target_user_name' : 'user.name';
 
 export const getEventDetails = (eventAction: string | null | undefined): string => {
   switch (eventAction) {

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

@@ -21,6 +21,10 @@ mockUseKibanaCore.mockImplementation(() => ({
   uiSettings: mockUiSettings,
 }));
 
+jest.mock('ui/vis/lib/timezone', () => ({
+  timezoneProvider: () => () => 'America/New_York',
+}));
+
 describe('Properties', () => {
   const usersViewing = ['elastic'];
 

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

@@ -47,7 +47,6 @@ describe('Toaster', () => {
         </ManageGlobalToaster>
       );
       wrapper.find('[data-test-subj="add-toast"]').simulate('click');
-      wrapper.update();
       expect(wrapper.find('[data-test-subj="add-toaster-id-super-id"]').exists()).toBe(true);
     });
     test('we can delete a toast in the reducer', () => {
@@ -61,7 +60,7 @@ describe('Toaster', () => {
         return (
           <>
             <button
-              data-test-subj="add-toast"
+              data-test-subj="delete-toast"
               type="button"
               onClick={() => dispatch({ type: 'deleteToaster', id: mockToast.id })}
             />
@@ -79,10 +78,9 @@ describe('Toaster', () => {
           <DeleteToaster />
         </ManageGlobalToaster>
       );
-      wrapper.update();
+
       expect(wrapper.find('[data-test-subj="delete-toaster-id-super-id"]').exists()).toBe(true);
-      wrapper.find('[data-test-subj="add-toast"]').simulate('click');
-      wrapper.update();
+      wrapper.find('[data-test-subj="delete-toast"]').simulate('click');
       expect(wrapper.find('[data-test-subj="delete-toaster-id-super-id"]').exists()).toBe(false);
     });
   });
@@ -111,7 +109,6 @@ describe('Toaster', () => {
         </ManageGlobalToaster>
       );
       wrapper.find('[data-test-subj="add-toast"]').simulate('click');
-      wrapper.update();
 
       expect(wrapper.find('.euiGlobalToastList').exists()).toBe(true);
       expect(wrapper.find('.euiToastHeader__title').text()).toBe('Test & Test');
@@ -144,7 +141,6 @@ describe('Toaster', () => {
         </ManageGlobalToaster>
       );
       wrapper.find('[data-test-subj="add-toast"]').simulate('click');
-      wrapper.update();
 
       expect(wrapper.find('.euiGlobalToastList').exists()).toBe(true);
       expect(wrapper.find('.euiToastHeader__title').text()).toBe('Test & Test ERROR');
@@ -190,12 +186,10 @@ describe('Toaster', () => {
         </ManageGlobalToaster>
       );
       wrapper.find('[data-test-subj="add-toast"]').simulate('click');
-      wrapper.update();
 
       expect(wrapper.find('button[data-test-subj="toastCloseButton"]').length).toBe(1);
       expect(wrapper.find('.euiToastHeader__title').text()).toBe('Test & Test');
       wrapper.find('button[data-test-subj="delete-toast"]').simulate('click');
-      wrapper.update();
       expect(wrapper.find('.euiToast').length).toBe(1);
       expect(wrapper.find('.euiToastHeader__title').text()).toBe('Test & Test II');
     });
@@ -230,12 +224,8 @@ describe('Toaster', () => {
         </ManageGlobalToaster>
       );
       wrapper.find('[data-test-subj="add-toast"]').simulate('click');
-      wrapper.update();
-
       wrapper.find('button[data-test-subj="toaster-show-all-error-modal"]').simulate('click');
 
-      wrapper.update();
-
       expect(wrapper.find('.euiToast').length).toBe(0);
     });
 
@@ -270,18 +260,12 @@ describe('Toaster', () => {
         </ManageGlobalToaster>
       );
       wrapper.find('[data-test-subj="add-toast"]').simulate('click');
-      wrapper.update();
-
       expect(wrapper.find('.euiToastHeader__title').text()).toBe('Test & Test II');
-      wrapper.find('button[data-test-subj="toaster-show-all-error-modal"]').simulate('click');
-
-      wrapper.update();
 
+      wrapper.find('button[data-test-subj="toaster-show-all-error-modal"]').simulate('click');
       expect(wrapper.find('.euiToast').length).toBe(0);
-      wrapper.find('button[data-test-subj="modal-all-errors-close"]').simulate('click');
-
-      wrapper.update();
 
+      wrapper.find('button[data-test-subj="modal-all-errors-close"]').simulate('click');
       expect(wrapper.find('.euiToast').length).toBe(1);
       expect(wrapper.find('.euiToastHeader__title').text()).toBe('Test & Test');
     });

x-pack/legacy/plugins/siem/public/lib/settings/use_kibana_ui_setting.ts

@@ -34,19 +34,22 @@ export const useKibanaUiSetting = (key: string, defaultValue?: GenericValue) =>
   const core = useKibanaCore();
   const uiSettingsClient = core.uiSettings;
   const uiInjectedMetadata = core.injectedMetadata;
+  const uiSetting$ = useMemo(() => uiSettingsClient.get$(key, defaultValue), [uiSettingsClient]);
+  const uiSetting = useObservable(uiSetting$);
+  const setUiSetting = useCallback((value: GenericValue) => uiSettingsClient.set(key, value), [
+    uiSettingsClient,
+  ]);
+  const defaultTimezoneProvider = useMemo(() => timezoneProvider(uiSettingsClient)(), [
+    uiSettingsClient,
+  ]);
 
   if (key === DEFAULT_KBN_VERSION) {
     return [uiInjectedMetadata.getKibanaVersion()];
   }
 
   if (key === DEFAULT_TIMEZONE_BROWSER) {
-    return [useMemo(() => timezoneProvider(uiSettingsClient)(), [uiSettingsClient])];
+    return [defaultTimezoneProvider];
   }
 
-  const uiSetting$ = useMemo(() => uiSettingsClient.get$(key, defaultValue), [uiSettingsClient]);
-  const uiSetting = useObservable(uiSetting$);
-  const setUiSetting = useCallback((value: GenericValue) => uiSettingsClient.set(key, value), [
-    uiSettingsClient,
-  ]);
   return [uiSetting, setUiSetting];
 };

x-pack/legacy/plugins/siem/public/lib/settings/use_kibana_ui_settings.test.tsx

@@ -32,8 +32,8 @@ jest.mock('./use_observable', () => ({
 
 describe('useKibanaUiSetting', () => {
   test('getKibanaVersion', () => {
-    const [kbnVersion] = useKibanaUiSetting(DEFAULT_KBN_VERSION);
-    expect(kbnVersion).toEqual('8.0.0');
+    const wrapper = mount(<HookWrapper hook={() => useKibanaUiSetting(DEFAULT_KBN_VERSION)} />);
+    expect(wrapper.text()).toEqual('["8.0.0"]');
   });
 
   test('getTimezone', () => {