fix linting issues

Author: maximpn

x-pack/solutions/security/plugins/security_solution/public/detection_engine/rule_details_ui/components/change_history_table/changed_fields_badges.tsx

@@ -37,15 +37,15 @@ export const ChangedFieldsBadges = memo(function ChangedFieldsBadges({
 
   return (
     <>
-      {visible.map((field) => (
-        <EuiBadge key={field} color="hollow">
+      {visible.map((field, i) => (
+        <EuiBadge key={field} color="hollow" tabIndex={i}>
           {convertFieldToDisplayName(field)}
         </EuiBadge>
       ))}
       &nbsp;
       {overflowFieldNames.length > 0 && (
         <EuiToolTip content={`${overflowFieldNames.join(', ')}${isLargeOverflow ? ', +' : ''}`}>
-          <EuiBadge color="hollow">{`+${overflowFieldNames.length}${
+          <EuiBadge color="hollow" tabIndex={inlineLimit}>{`+${overflowFieldNames.length}${
             isLargeOverflow ? '+' : ''
           }`}</EuiBadge>
         </EuiToolTip>

x-pack/solutions/security/plugins/security_solution/public/detection_engine/rule_details_ui/components/change_history_table/rule_action_item_wrapper.tsx

@@ -5,8 +5,8 @@
  * 2.0.
  */
 
-import React, { PropsWithChildren } from 'react';
-import { EuiFlexGroup, EuiFlexItem, EuiLink, EuiPanel, useEuiTheme } from '@elastic/eui';
+import React, { type PropsWithChildren } from 'react';
+import { EuiButtonEmpty, EuiFlexGroup, EuiFlexItem, EuiPanel, useEuiTheme } from '@elastic/eui';
 import { css } from '@emotion/react';
 import type { RuleHistoryItem } from '../../../../../common/api/detection_engine/rule_management';
 import * as i18n from './translations';
@@ -26,9 +26,9 @@ export function RuleActionItemWrapper({
   return (
     <EuiPanel
       hasBorder={false}
-      paddingSize="s"
       css={css`
         background-color: ${euiTheme.colors.backgroundBaseSubdued};
+        padding: ${euiTheme.size.xxs} ${euiTheme.size.s};
       `}
     >
       <EuiFlexGroup
@@ -41,12 +41,13 @@ export function RuleActionItemWrapper({
         <EuiFlexItem>{children}</EuiFlexItem>
         {onOpenDetails && (
           <EuiFlexItem grow={false}>
-            <EuiLink
+            <EuiButtonEmpty
+              size="s"
               onClick={() => onOpenDetails(item)}
               data-test-subj={`ruleChangeHistoryViewDetails-${item.id}`}
             >
               <i18n.VIEW_DETAILS_LINK />
-            </EuiLink>
+            </EuiButtonEmpty>
           </EuiFlexItem>
         )}
       </EuiFlexGroup>

x-pack/solutions/security/plugins/security_solution/public/detection_engine/rule_details_ui/pages/rule_details/index.tsx

@@ -676,6 +676,7 @@ export const RuleDetailsPage = connector(
         {isDeleteConfirmationVisible && (
           <EuiConfirmModal
             title={ruleI18n.SINGLE_DELETE_CONFIRMATION_TITLE}
+            aria-label={ruleI18n.SINGLE_DELETE_CONFIRMATION_TITLE}
             onCancel={handleDeletionCancel}
             onConfirm={() => handleDeletionConfirm()}
             confirmButtonText={ruleI18n.DELETE_CONFIRMATION_CONFIRM}

x-pack/solutions/security/plugins/security_solution/public/detections/components/rules/rule_info/rule_revision.tsx

@@ -5,7 +5,7 @@
  * 2.0.
  */
 
-import React, { memo, ReactElement } from 'react';
+import React, { memo, type ReactElement } from 'react';
 import { EuiBadge, EuiHorizontalRule, EuiText, EuiToolTip } from '@elastic/eui';
 import { FormattedMessage } from '@kbn/i18n-react';
 import * as i18n from './translations';
@@ -22,7 +22,7 @@ export const RuleRevision = memo(function RuleRevision({
   return (
     <div data-test-subj={dataTestSubj}>
       <FormattedMessage
-        id="xpack.securitySolution.detectionEngine.ruleDetails.version"
+        id="xpack.securitySolution.detectionEngine.ruleDetails.revision"
         defaultMessage="Revision: {revision}"
         values={{
           revision: (
@@ -51,5 +51,5 @@ function RuleRevisionToolTip({ children }: RuleRevisionToolTipProps): JSX.Elemen
     </>
   );
 
-  return <EuiToolTip content={content} children={children} />;
+  return <EuiToolTip content={content}>{children}</EuiToolTip>;
 }

x-pack/solutions/security/plugins/security_solution/public/detections/components/rules/rule_info/rule_version.tsx

@@ -5,7 +5,7 @@
  * 2.0.
  */
 
-import React, { memo, ReactElement } from 'react';
+import React, { memo, type ReactElement } from 'react';
 import { EuiBadge, EuiHorizontalRule, EuiText, EuiToolTip } from '@elastic/eui';
 import { FormattedMessage } from '@kbn/i18n-react';
 import * as i18n from './translations';
@@ -51,5 +51,5 @@ function RuleVersionToolTip({ children }: RuleVersionToolTipProps): JSX.Element
     </>
   );
 
-  return <EuiToolTip content={content} children={children} />;
+  return <EuiToolTip content={content}>{children}</EuiToolTip>;
 }