fix: misc

x-pack/plugins/security_solution/public/common/components/drag_and_drop/drag_drop_context_wrapper.tsx

@@ -7,14 +7,13 @@
 
 import { noop, pick } from 'lodash/fp';
 import React, { useCallback, useMemo } from 'react';
-import type { DropResult } from '@hello-pangea/dnd';
+import type { DragStart, DropResult } from '@hello-pangea/dnd';
 import { DragDropContext } from '@hello-pangea/dnd';
 import { useDispatch } from 'react-redux';
 import type { Dispatch } from 'redux';
 import deepEqual from 'fast-deep-equal';
 import { IS_DRAGGING_CLASS_NAME } from '@kbn/securitysolution-t-grid';
 
-import type { BeforeCapture } from './drag_drop_context';
 import type { BrowserFields } from '../../containers/source';
 import { dragAndDropSelectors } from '../../store';
 import { timelineSelectors } from '../../../timelines/store/timeline';
@@ -169,12 +168,12 @@ export const DragDropContextWrapper = React.memo(
 
 DragDropContextWrapper.displayName = 'DragDropContextWrapper';
 
-const onBeforeDragStart = (before: BeforeCapture) => {
-  if (!draggableIsField(before)) {
+const onBeforeDragStart = (start: DragStart) => {
+  if (!draggableIsField(start)) {
     document.body.classList.add(IS_DRAGGING_CLASS_NAME);
   }
 
-  if (draggableIsField(before)) {
+  if (draggableIsField(start)) {
     document.body.classList.add(IS_TIMELINE_FIELD_DRAGGING_CLASS_NAME);
   }
 };

x-pack/plugins/security_solution/public/common/components/sourcerer/utils.tsx

@@ -151,7 +151,6 @@ export const DeprecatedMessage = ({
     return (
       <span data-test-subj="sourcerer-deprecated-message">
         <FormattedMessage
-          data-test-subj="sourcerer-deprecated-message"
           id="xpack.securitySolution.indexPatterns.timelineTemplate.toggleToNewSourcerer"
           defaultMessage="We have preserved your timeline template by creating a temporary data view. If you'd like to modify your data, we can recreate your temporary data view with the new data view selector. You can also manually select a data view {link}."
           values={{

x-pack/plugins/security_solution/public/timelines/components/timeline/eql_tab_content/index.tsx

@@ -22,7 +22,6 @@ import { connect, useDispatch } from 'react-redux';
 import deepEqual from 'fast-deep-equal';
 import { InPortal } from 'react-reverse-portal';
 
-import { euiThemeVars } from '@kbn/ui-theme';
 import type { ControlColumnProps } from '../../../../../common/types';
 import { InputsModelId } from '../../../../common/store/inputs/constants';
 import { timelineActions, timelineSelectors } from '../../../store/timeline';
@@ -59,7 +58,7 @@ import { useLicense } from '../../../../common/hooks/use_license';
 import { HeaderActions } from '../../../../common/components/header_actions/header_actions';
 
 const EqlTabHeaderContainer = styled.div`
-  margin-top: ${euiThemeVars.euiSizeS};
+  margin-top: ${(props) => props.theme.eui.euiSizeS};
   width: 100%;
 `;
 

x-pack/plugins/security_solution/public/timelines/components/timeline/query_tab_content/index.tsx

@@ -63,7 +63,6 @@ import { useDeepEqualSelector } from '../../../../common/hooks/use_selector';
 import { useLicense } from '../../../../common/hooks/use_license';
 import { HeaderActions } from '../../../../common/components/header_actions/header_actions';
 const QueryTabHeaderContainer = styled.div`
-  /* margin-top: 6px; */
   width: 100%;
 `;