🚨(docs) upgrade eslint to v9 with Docs app

We upgraded ESLint to version 9 in the Docs app,
which includes several improvements and fixes.
This change also involves updating the ESLint
configuration files to the new format and ensuring
compatibility with the latest ESLint features.

Author: AntoLC

src/frontend/apps/impress/.eslintrc.js

@@ -0,0 +1,24 @@
+import { defineConfig } from '@eslint/config-helpers';
+import docsPlugin from 'eslint-plugin-docs';
+
+const eslintConfig = defineConfig([
+  {
+    plugins: {
+      docs: docsPlugin,
+    },
+    extends: ['docs/next'],
+    languageOptions: {
+      parserOptions: {
+        tsconfigRootDir: import.meta.dirname,
+        project: ['./tsconfig.json'],
+      },
+    },
+    settings: {
+      next: {
+        rootDir: import.meta.dirname,
+      },
+    },
+  },
+]);
+
+export default eslintConfig;

src/frontend/apps/impress/eslint.config.mjs

@@ -32,26 +32,28 @@ export const useDropdownKeyboardNav = ({
         .filter((index) => index !== -1);
 
       switch (event.key) {
-        case 'ArrowDown':
+        case 'ArrowDown': {
           event.preventDefault();
           const nextIndex =
             focusedIndex < enabledIndices.length - 1 ? focusedIndex + 1 : 0;
           const nextEnabledIndex = enabledIndices[nextIndex];
           setFocusedIndex(nextIndex);
           menuItemRefs.current[nextEnabledIndex]?.focus();
           break;
+        }
 
-        case 'ArrowUp':
+        case 'ArrowUp': {
           event.preventDefault();
           const prevIndex =
             focusedIndex > 0 ? focusedIndex - 1 : enabledIndices.length - 1;
           const prevEnabledIndex = enabledIndices[prevIndex];
           setFocusedIndex(prevIndex);
           menuItemRefs.current[prevEnabledIndex]?.focus();
           break;
+        }
 
         case 'Enter':
-        case ' ':
+        case ' ': {
           event.preventDefault();
           if (focusedIndex >= 0 && focusedIndex < enabledIndices.length) {
             const selectedOptionIndex = enabledIndices[focusedIndex];
@@ -62,6 +64,7 @@ export const useDropdownKeyboardNav = ({
             }
           }
           break;
+        }
 
         case 'Escape':
           event.preventDefault();

src/frontend/apps/impress/src/components/dropdown-menu/hook/useDropdownKeyboardNav.ts

@@ -55,7 +55,6 @@ export const QuickSearchInput = ({
           </div>
         )}
         <Command.Input
-          /* eslint-disable-next-line jsx-a11y/no-autofocus */
           autoFocus={true}
           aria-label={t('Quick search input')}
           onClick={(e) => {

src/frontend/apps/impress/src/components/quick-search/QuickSearchInput.tsx

@@ -1,5 +1,3 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-
 declare module '*.svg' {
   import * as React from 'react';
 

src/frontend/apps/impress/src/custom-next.d.ts

@@ -205,7 +205,7 @@ type ItemProps = Omit<ItemDefault, 'onClick'> & {
   onClick: (e: React.MouseEvent) => void;
 };
 
-interface AIMenuItemTransform {
+interface AIMenuItemTransformProps {
   action: AITransformActions;
   docId: string;
   icon?: ReactNode;
@@ -216,7 +216,7 @@ const AIMenuItemTransform = ({
   action,
   children,
   icon,
-}: PropsWithChildren<AIMenuItemTransform>) => {
+}: PropsWithChildren<AIMenuItemTransformProps>) => {
   const { mutateAsync: requestAI, isPending } = useDocAITransform();
   const editor = useBlockNoteEditor();
 
@@ -244,7 +244,7 @@ const AIMenuItemTransform = ({
   );
 };
 
-interface AIMenuItemTranslate {
+interface AIMenuItemTranslateProps {
   language: string;
   docId: string;
   icon?: ReactNode;
@@ -255,7 +255,7 @@ const AIMenuItemTranslate = ({
   docId,
   icon,
   language,
-}: PropsWithChildren<AIMenuItemTranslate>) => {
+}: PropsWithChildren<AIMenuItemTranslateProps>) => {
   const { mutateAsync: requestAI, isPending } = useDocAITranslate();
   const editor = useBlockNoteEditor();
 

src/frontend/apps/impress/src/features/docs/doc-editor/components/BlockNoteToolBar/AIButton.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable react-hooks/rules-of-hooks */
 import { createReactInlineContentSpec } from '@blocknote/react';
 import { TFunction } from 'i18next';
 

src/frontend/apps/impress/src/features/docs/doc-editor/components/custom-inline-content/Interlinking/InterlinkingSearchInlineContent.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable react-hooks/rules-of-hooks */
 import {
   PartialCustomInlineContentFromConfig,
   StyleSchema,

src/frontend/apps/impress/src/features/docs/doc-editor/components/custom-inline-content/Interlinking/SearchPage.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable jsx-a11y/alt-text */
 import { DefaultProps } from '@blocknote/core';
 import { Image, Text, View } from '@react-pdf/renderer';
 

src/frontend/apps/impress/src/features/docs/doc-export/blocks-mapping/imagePDF.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable jsx-a11y/alt-text */
 import { Image, Link, Text } from '@react-pdf/renderer';
 
 import DocSelectedIcon from '../assets/doc-selected.png';