🏷️(frontend) adapt types to typescript v6

We updated typescript to v6, which includes some
breaking changes. This commit adapts our code to
be compatible with the new version of typescript.

src/frontend/apps/e2e/tsconfig.json

@@ -1,6 +1,6 @@
 {
   "compilerOptions": {
-    "target": "es5",
+    "target": "es2020",
     "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
     "skipLibCheck": true,

src/frontend/apps/impress/src/components/BoxButton.tsx

@@ -1,12 +1,13 @@
-import { Ref, forwardRef } from 'react';
+import { ComponentPropsWithRef, Ref, forwardRef } from 'react';
 import { css } from 'styled-components';
 
-import { Box, BoxType } from './Box';
+import { Box, BoxProps } from './Box';
 
-export type BoxButtonType = Omit<BoxType, 'ref'> & {
+export type BoxButtonType = BoxProps &
-  disabled?: boolean;
+  Omit<ComponentPropsWithRef<'button'>, keyof BoxProps | 'ref'> & {
-  ref?: Ref<HTMLButtonElement>;
+    disabled?: boolean;
-};
+    ref?: Ref<HTMLButtonElement>;
+  };
 
 /**
  * Styleless button that extends the Box component.
@@ -59,7 +60,7 @@ const BoxButton = forwardRef<HTMLButtonElement, BoxButtonType>(
           if (disabled) {
             return;
           }
-          props.onClick?.(event as unknown as React.MouseEvent<HTMLDivElement>);
+          props.onClick?.(event);
         }}
       />
     );

src/frontend/apps/impress/src/components/Text.tsx

@@ -34,9 +34,7 @@ export const TextStyled = styled(Box)<TextProps>`
 
 const Text = forwardRef<HTMLElement, ComponentPropsWithRef<typeof TextStyled>>(
   (props, ref) => {
-    return (
+    return <TextStyled ref={ref} as="span" {...props} />;
-      <TextStyled ref={ref as React.Ref<HTMLDivElement>} as="span" {...props} />
-    );
   },
 );
 

src/frontend/apps/impress/src/cunningham/useCunninghamTheme.tsx

@@ -35,7 +35,7 @@ const initialState: ThemeStore = {
   colorsTokens: defaultTokens.globals.colors,
   componentTokens: defaultTokens.components,
   contextualTokens: defaultTokens.contextuals,
-  currentTokens: tokens.themes[DEFAULT_THEME] as Partial<Tokens>,
+  currentTokens: tokens.themes[DEFAULT_THEME],
   fontSizesTokens: defaultTokens.globals.font.sizes,
   setTheme: () => {},
   spacingsTokens: defaultTokens.globals.spacings,

src/frontend/apps/impress/src/features/auth/components/AvatarSvg.tsx

@@ -1,12 +1,13 @@
-import React from 'react';
+import React, { ComponentPropsWithRef } from 'react';
 
-import { Box, BoxType } from '@/components';
+import { Box, BoxProps } from '@/components';
 
-type AvatarSvgProps = {
+type AvatarSvgProps = BoxProps &
-  initials: string;
+  Omit<ComponentPropsWithRef<'svg'>, keyof BoxProps> & {
-  background: string;
+    initials: string;
-  fontFamily?: string;
+    background: string;
-} & BoxType;
+    fontFamily?: string;
+  };
 
 export const AvatarSvg: React.FC<AvatarSvgProps> = ({
   initials,

src/frontend/apps/impress/src/features/docs/doc-editor/components/comments/DocsThreadStore.tsx

@@ -67,7 +67,7 @@ export class DocsThreadStore extends ThreadStore {
         continue;
       }
 
-      const state = states.get(clientId) as
+      const state:
         | {
             [DocsThreadStore.COMMENTS_PING]?: {
               at: number;
@@ -76,7 +76,7 @@ export class DocsThreadStore extends ThreadStore {
               threadId: string;
             };
           }
-        | undefined;
+        | undefined = states.get(clientId);
 
       const ping = state?.commentsPing;
 

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

@@ -41,7 +41,7 @@ export const LinkSelected = ({
   const router = useRouter();
   const href = `/docs/${docId}/`;
 
-  const handleClick = (e: React.MouseEvent<HTMLDivElement>) => {
+  const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {
     e.preventDefault();
 
     // If ctrl or command is pressed, it opens a new tab. If shift is pressed, it opens a new window
@@ -53,7 +53,7 @@ export const LinkSelected = ({
   };
 
   // This triggers on middle-mouse click
-  const handleAuxClick = (e: React.MouseEvent<HTMLDivElement>) => {
+  const handleAuxClick = (e: React.MouseEvent<HTMLButtonElement>) => {
     if (e.button !== 1) {
       return;
     }

src/frontend/apps/impress/src/features/docs/doc-editor/components/xl-multi-column/index.ts

@@ -39,7 +39,13 @@ const withMultiColumnNoDropHandler = <
   });
 };
 
-let modulesXL = undefined;
+type ModulesXL =
+  | (Omit<typeof XLMultiColumn, 'withMultiColumn'> & {
+      withMultiColumn: typeof withMultiColumnNoDropHandler;
+    })
+  | undefined;
+
+let modulesXL: ModulesXL = undefined;
 if (process.env.NEXT_PUBLIC_PUBLISH_AS_MIT === 'false') {
   modulesXL = {
     ...XLMultiColumn,
@@ -47,10 +53,4 @@ if (process.env.NEXT_PUBLIC_PUBLISH_AS_MIT === 'false') {
   };
 }
 
-type ModulesXL =
+export default modulesXL;
-  | (Omit<typeof XLMultiColumn, 'withMultiColumn'> & {
-      withMultiColumn: typeof withMultiColumnNoDropHandler;
-    })
-  | undefined;
-
-export default modulesXL as ModulesXL;

src/frontend/apps/impress/src/features/docs/doc-export/components/ModalExport.tsx

@@ -11,7 +11,7 @@ import {
   useToastProvider,
 } from '@gouvfr-lasuite/cunningham-react';
 import { DocumentProps, pdf } from '@react-pdf/renderer';
-import jsonemoji from 'emoji-datasource-apple' assert { type: 'json' };
+import jsonemoji from 'emoji-datasource-apple' with { type: 'json' };
 import i18next from 'i18next';
 import JSZip from 'jszip';
 import { cloneElement, isValidElement, useState } from 'react';

src/frontend/apps/impress/src/features/docs/doc-export/index.ts

@@ -16,6 +16,4 @@ if (process.env.NEXT_PUBLIC_PUBLISH_AS_MIT === 'false') {
   };
 }
 
-type ModulesExport = typeof modulesExport;
+export default modulesExport;
-
-export default modulesExport as ModulesExport;

src/frontend/apps/impress/src/features/docs/doc-header/components/BoutonShare.tsx

@@ -68,7 +68,7 @@ export const BoutonShare = ({
             />
           }
           onClick={(e) => {
-            addLastFocus(e.currentTarget as HTMLElement);
+            addLastFocus(e.currentTarget);
             open();
           }}
           size="medium"
@@ -85,7 +85,7 @@ export const BoutonShare = ({
       color="brand"
       variant="tertiary"
       onClick={(e) => {
-        addLastFocus(e.currentTarget as HTMLElement);
+        addLastFocus(e.currentTarget);
         open();
       }}
       size="medium"

src/frontend/apps/impress/src/features/docs/doc-header/components/DocToolBox.tsx

@@ -244,7 +244,7 @@ export const DocToolBox = ({ doc }: DocToolBoxProps) => {
               <Icon iconName="download" $color="inherit" aria-hidden={true} />
             }
             onClick={(e) => {
-              addLastFocus(e.currentTarget as HTMLElement);
+              addLastFocus(e.currentTarget);
               setIsModalExportOpen(true);
             }}
             size={isSmallMobile ? 'small' : 'medium'}

src/frontend/apps/impress/src/features/docs/docs-grid/components/DocsGridItemSharedButton.tsx

@@ -50,7 +50,7 @@ export const DocsGridItemSharedButton = ({ doc, disabled }: Props) => {
           onClick={(event) => {
             event.preventDefault();
             event.stopPropagation();
-            addLastFocus(event.currentTarget as HTMLElement);
+            addLastFocus(event.currentTarget);
             shareModal.open();
           }}
           color="brand"

src/frontend/apps/impress/src/features/service-worker/RequestSerializer.ts

@@ -50,7 +50,7 @@ export class RequestSerializer {
 
   public static arrayBufferToString(buffer: ArrayBufferLike) {
     const decoder = new TextDecoder();
-    return decoder.decode(buffer as ArrayBuffer);
+    return decoder.decode(buffer);
   }
 
   public static arrayBufferToJson<T>(buffer: ArrayBufferLike) {

src/frontend/apps/impress/src/features/service-worker/__tests__/OfflinePlugin.test.tsx

@@ -15,7 +15,7 @@ const mockServiceWorkerScope = {
 (global as any).self = {
   ...global,
   clients: mockServiceWorkerScope.clients,
-} as unknown as ServiceWorkerGlobalScope;
+};
 
 describe('OfflinePlugin', () => {
   afterEach(() => vi.clearAllMocks());

src/frontend/apps/impress/tsconfig.json

@@ -1,6 +1,6 @@
 {
   "compilerOptions": {
-    "target": "es5",
+    "target": "es2020",
     "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
     "skipLibCheck": true,

src/frontend/packages/i18n/tsconfig.json

@@ -1,6 +1,6 @@
 {
   "compilerOptions": {
-    "target": "es5",
+    "target": "es2020",
     "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
     "skipLibCheck": true,

src/frontend/servers/y-provider/src/handlers/convertHandler.ts

@@ -62,7 +62,7 @@ const readers: InputReader[] = [
       const ydoc = new Y.Doc();
       try {
         Y.applyUpdate(ydoc, data);
-        return editor.yDocToBlocks(ydoc, 'document-store') as PartialBlock[];
+        return editor.yDocToBlocks(ydoc, 'document-store');
       } finally {
         ydoc.destroy();
       }

src/frontend/servers/y-provider/tsconfig.json

@@ -1,6 +1,6 @@
 {
   "compilerOptions": {
-    "target": "es5",
+    "target": "es2020",
     "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
     "skipLibCheck": true,