[Code]: fix new eslint errors (#34671)

Author: zfy0701

x-pack/plugins/code/model/highlight.ts

@@ -4,7 +4,7 @@
  * you may not use this file except in compliance with the Elastic License.
  */
 
-export interface CodeLine extends Array<Token> {}
+export type CodeLine = Token[];
 
 export interface Token {
   value: string;

x-pack/plugins/code/public/components/admin_page/language_server_tab.tsx

@@ -47,7 +47,7 @@ const LanguageServerLi = (props: {
     } else if (name === 'Java') {
       return <JavaIcon />;
     } else if (name === 'Go') {
-      return <GoIcon />
+      return <GoIcon />;
     }
   };
 

x-pack/plugins/code/public/components/admin_page/project_item.tsx

@@ -114,6 +114,8 @@ class CodeProjectItem extends React.PureComponent<{
             <div
               className="code-project-button"
               data-test-subj="settingsRepositoryButton"
+              tabIndex={0}
+              onKeyDown={onClickSettings}
               onClick={onClickSettings}
               role="button"
               style={{ visibility: settingsVisibility }}
@@ -128,6 +130,8 @@ class CodeProjectItem extends React.PureComponent<{
             <div
               className="code-project-button"
               data-test-subj="indexRepositoryButton"
+              tabIndex={0}
+              onKeyDown={onClickIndex}
               onClick={onClickIndex}
               role="button"
               style={{ visibility: indexVisibility }}
@@ -142,6 +146,8 @@ class CodeProjectItem extends React.PureComponent<{
             <div
               className="code-project-button"
               data-test-subj="deleteRepositoryButton"
+              tabIndex={0}
+              onKeyDown={onClickDelete}
               onClick={onClickDelete}
               role="button"
               style={{ visibility: deleteVisibility }}

x-pack/plugins/code/public/components/admin_page/project_tab.tsx

@@ -42,35 +42,35 @@ const NewProjectButton = styled(EuiButton)`
 `;
 
 enum SortOptionsValue {
-  alphabetical_asc = 'alphabetical_asc',
-  alphabetical_desc = 'alphabetical_desc',
-  updated_asc = 'updated_asc',
-  updated_desc = 'updated_desc',
-  recently_added = 'recently_added',
+  AlphabeticalAsc = 'alphabetical_asc',
+  AlphabeticalDesc = 'alphabetical_desc',
+  UpdatedAsc = 'updated_asc',
+  UpdatedDesc = 'updated_desc',
+  RecentlyAdded = 'recently_added',
 }
 
 const sortFunctionsFactory = (status: { [key: string]: RepoStatus }) => {
   const sortFunctions: { [k: string]: (a: Repository, b: Repository) => number } = {
-    [SortOptionsValue.alphabetical_asc]: (a: Repository, b: Repository) =>
+    [SortOptionsValue.AlphabeticalAsc]: (a: Repository, b: Repository) =>
       a.name!.localeCompare(b.name!),
-    [SortOptionsValue.alphabetical_desc]: (a: Repository, b: Repository) =>
+    [SortOptionsValue.AlphabeticalDesc]: (a: Repository, b: Repository) =>
       b.name!.localeCompare(a.name!),
-    [SortOptionsValue.updated_asc]: (a: Repository, b: Repository) =>
+    [SortOptionsValue.UpdatedAsc]: (a: Repository, b: Repository) =>
       moment(status[b.uri].timestamp).diff(moment(status[a.uri].timestamp)),
-    [SortOptionsValue.updated_desc]: (a: Repository, b: Repository) =>
+    [SortOptionsValue.UpdatedDesc]: (a: Repository, b: Repository) =>
       moment(status[a.uri].timestamp).diff(moment(status[b.uri].timestamp)),
-    [SortOptionsValue.recently_added]: () => {
+    [SortOptionsValue.RecentlyAdded]: () => {
       return -1;
     },
   };
   return sortFunctions;
 };
 
 const sortOptions = [
-  { value: SortOptionsValue.alphabetical_asc, inputDisplay: 'A to Z' },
-  { value: SortOptionsValue.alphabetical_desc, inputDisplay: 'Z to A' },
-  { value: SortOptionsValue.updated_asc, inputDisplay: 'Last Updated ASC' },
-  { value: SortOptionsValue.updated_desc, inputDisplay: 'Last Updated DESC' },
+  { value: SortOptionsValue.AlphabeticalAsc, inputDisplay: 'A to Z' },
+  { value: SortOptionsValue.AlphabeticalDesc, inputDisplay: 'Z to A' },
+  { value: SortOptionsValue.UpdatedAsc, inputDisplay: 'Last Updated ASC' },
+  { value: SortOptionsValue.UpdatedDesc, inputDisplay: 'Last Updated DESC' },
   // { value: SortOptionsValue.recently_added, inputDisplay: 'Recently Added' },
 ];
 
@@ -109,7 +109,7 @@ class CodeProjectTab extends React.PureComponent<Props, State> {
       showImportProjectModal: false,
       settingModal: { show: false },
       repoURL: '',
-      sortOption: SortOptionsValue.alphabetical_asc,
+      sortOption: SortOptionsValue.AlphabeticalAsc,
       isInvalid: false,
     };
   }

x-pack/plugins/code/public/components/diff_page/commit_link.tsx

@@ -3,7 +3,7 @@
  * or more contributor license agreements. Licensed under the Elastic License;
  * you may not use this file except in compliance with the Elastic License.
  */
-import { EuiBadge /*, EuiLink*/ } from '@elastic/eui';
+import { EuiBadge /* , EuiLink*/ } from '@elastic/eui';
 import React from 'react';
 // import { DIFF } from '../routes';
 

x-pack/plugins/code/public/components/file_tree/__snapshots__/file_tree.test.tsx.snap

@@ -3,6 +3,7 @@
  * or more contributor license agreements. Licensed under the Elastic License;
  * you may not use this file except in compliance with the Elastic License.
  */
+
 import React from 'react';
 
 import { EuiIcon, EuiSideNav, EuiText } from '@elastic/eui';
@@ -114,6 +115,8 @@ export class CodeFileTree extends React.Component<Props> {
               data-test-subj={`codeFileTreeNode-Directory-${node.path}`}
               className={className}
               role="button"
+              tabIndex={0}
+              onKeyDown={onClick}
               onClick={onClick}
             >
               {forceOpen ? (
@@ -142,6 +145,8 @@ export class CodeFileTree extends React.Component<Props> {
           <Container>
             <div
               data-test-subj={`codeFileTreeNode-Submodule-${node.path}`}
+              tabIndex={0}
+              onKeyDown={onClick}
               onClick={onClick}
               className={classes(className, 'code-file-tree-file')}
               role="button"
@@ -162,6 +167,8 @@ export class CodeFileTree extends React.Component<Props> {
           <Container>
             <div
               data-test-subj={`codeFileTreeNode-Link-${node.path}`}
+              tabIndex={0}
+              onKeyDown={onClick}
               onClick={onClick}
               className={classes(className, 'code-file-tree-file')}
               role="button"
@@ -182,6 +189,8 @@ export class CodeFileTree extends React.Component<Props> {
           <Container>
             <div
               data-test-subj={`codeFileTreeNode-File-${node.path}`}
+              tabIndex={0}
+              onKeyDown={onClick}
               onClick={onClick}
               className={classes(className, 'code-file-tree-file')}
               role="button"