✨(frontend) add word count to doc header toolbox

CHANGELOG.md

@@ -9,6 +9,7 @@ and this project adheres to
 ### Added
 
 - ✨(frontend) Add "Copy link to block" feature #2547
+- ✨(frontend) add word count to doc header toolbox #2549
 
 ### Changed
 

src/frontend/apps/e2e/__tests__/app-impress/doc-header.spec.ts

@@ -69,6 +69,8 @@ test.describe('Doc Header', () => {
   }) => {
     await createDoc(page, 'doc-update', browserName, 1);
 
+    await writeInEditor({ page, text: 'Hello Content' });
+
     const card = page.getByLabel(
       'It is the card information about the document.',
     );
@@ -93,6 +95,7 @@ test.describe('Doc Header', () => {
     await expect(
       page.getByRole('menuitem', { name: 'Download' }),
     ).toBeVisible();
+    await expect(page.getByText('Word count: 2 words').first()).toBeVisible();
   });
 
   test('it updates the title doc and check the broadcast', async ({

src/frontend/apps/e2e/__tests__/app-impress/language.spec.ts

@@ -57,12 +57,12 @@ test.describe('Language', () => {
     // Switch to German using the utility function for consistency
     await waitForLanguageSwitch(page, TestLanguage.German, 'Menu utilisateur');
 
-    await page.getByLabel('User menu').click();
+    await page.getByLabel('Benutzermenü öffnen').click();
     await expect(
       page.getByRole('button', { name: 'Language: Deutsch' }),
     ).toBeVisible();
 
-    await expect(page.getByText('Logout', { exact: true })).toBeVisible();
+    await expect(page.getByRole('button', { name: 'Abmelden' })).toBeVisible();
 
     await expect(page.locator('html')).toHaveAttribute('lang', 'de');
   });

src/frontend/apps/impress/cunningham.ts

@@ -2,7 +2,7 @@ import {
   dsfrGlobals,
   getUIKitThemesFromGlobals,
   whiteLabelGlobals,
-} from '@gouvfr-lasuite/ui-kit';
+} from '@gouvfr-lasuite/ui-components';
 
 const themeWhiteLabelLight = getUIKitThemesFromGlobals(whiteLabelGlobals, {
   prefix: 'default',

src/frontend/apps/impress/package.json

@@ -40,9 +40,7 @@
     "@fontsource-variable/inter": "5.3.0",
     "@fontsource-variable/material-symbols-outlined": "5.3.1",
     "@fontsource/material-icons": "5.3.0",
-    "@gouvfr-lasuite/cunningham-react": "*",
-    "@gouvfr-lasuite/integration": "1.0.3",
-    "@gouvfr-lasuite/ui-kit": "0.28.0",
+    "@gouvfr-lasuite/ui-components": "1.1.0",
     "@hocuspocus/provider": "3.4.4",
     "@lottiefiles/dotlottie-react": "^0.19.6",
     "@mantine/core": "9.5.0",
@@ -83,6 +81,7 @@
     "zustand": "5.0.14"
   },
   "devDependencies": {
+    "@gouvfr-lasuite/ui-tokens": "3.1.0",
     "@svgr/webpack": "8.1.0",
     "@tanstack/react-query-devtools": "5.101.4",
     "@testing-library/dom": "10.4.1",

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

@@ -1,4 +1,4 @@
-import { Button } from '@gouvfr-lasuite/cunningham-react';
+import { Button } from '@gouvfr-lasuite/ui-components';
 import Head from 'next/head';
 import Image, { StaticImageData } from 'next/image';
 import { useTranslation } from 'react-i18next';

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

@@ -1,4 +1,4 @@
-import { Button } from '@gouvfr-lasuite/cunningham-react';
+import { Button } from '@gouvfr-lasuite/ui-components';
 import { PropsWithChildren } from 'react';
 import { useTranslation } from 'react-i18next';
 import { InView } from 'react-intersection-observer';

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

@@ -1,4 +1,4 @@
-import { Loader, LoaderProps } from '@gouvfr-lasuite/cunningham-react';
+import { Loader, LoaderProps } from '@gouvfr-lasuite/ui-components';
 import { useTranslation } from 'react-i18next';
 
 import { Box, BoxProps } from './Box';

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

@@ -1,4 +1,4 @@
-import { Button } from '@gouvfr-lasuite/cunningham-react';
+import { Button } from '@gouvfr-lasuite/ui-components';
 import { useRouter } from 'next/router';
 import { useState } from 'react';
 import { useTranslation } from 'react-i18next';

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

@@ -1,4 +1,4 @@
-import { Alert, VariantType } from '@gouvfr-lasuite/cunningham-react';
+import { Alert, VariantType } from '@gouvfr-lasuite/ui-components';
 import { ReactNode } from 'react';
 import { useTranslation } from 'react-i18next';
 import styled from 'styled-components';

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

@@ -1,4 +1,4 @@
-import { LaGaufreV2 } from '@gouvfr-lasuite/ui-kit';
+import { LaGaufreV2 } from '@gouvfr-lasuite/ui-components';
 import { useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
 import { css } from 'styled-components';

src/frontend/apps/impress/src/components/modal/AlertModal.tsx

@@ -4,7 +4,7 @@ import {
   Modal,
   ModalDefaultVariantProps,
   ModalSize,
-} from '@gouvfr-lasuite/cunningham-react';
+} from '@gouvfr-lasuite/ui-components';
 import { ReactNode } from 'react';
 import { useTranslation } from 'react-i18next';
 

src/frontend/apps/impress/src/components/modal/ButtonCloseModal.tsx

@@ -1,4 +1,4 @@
-import { Button, type ButtonProps } from '@gouvfr-lasuite/cunningham-react';
+import { Button, type ButtonProps } from '@gouvfr-lasuite/ui-components';
 
 import CloseIcon from '@/assets/icons/ui-kit/x-mark.svg';
 

src/frontend/apps/impress/src/components/modal/SideModal.tsx

@@ -2,7 +2,7 @@ import {
   Modal,
   ModalDefaultVariantProps,
   ModalSize,
-} from '@gouvfr-lasuite/cunningham-react';
+} from '@gouvfr-lasuite/ui-components';
 import { PropsWithChildren } from 'react';
 import { createGlobalStyle } from 'styled-components';
 

src/frontend/apps/impress/src/core/config/ConfigProvider.tsx

@@ -1,4 +1,4 @@
-import { Loader } from '@gouvfr-lasuite/cunningham-react';
+import { Loader } from '@gouvfr-lasuite/ui-components';
 import Head from 'next/head';
 import Script from 'next/script';
 import { PropsWithChildren, useEffect, useRef } from 'react';

src/frontend/apps/impress/src/core/config/ThemeProvider.tsx

@@ -1,4 +1,4 @@
-import { CunninghamProvider } from '@gouvfr-lasuite/cunningham-react';
+import { CunninghamProvider } from '@gouvfr-lasuite/ui-components';
 
 import { useCunninghamTheme } from '@/cunningham';
 import { useLocales } from '@/i18n/useLocale';

src/frontend/apps/impress/src/core/config/api/useConfig.tsx

@@ -1,4 +1,4 @@
-import { LaGaufreV2Props } from '@gouvfr-lasuite/ui-kit';
+import { LaGaufreV2Props } from '@gouvfr-lasuite/ui-components';
 import { useQuery } from '@tanstack/react-query';
 import type { Resource } from 'i18next';
 import Image from 'next/image';

src/frontend/apps/impress/src/cunningham/cunningham-style.css

@@ -1,4 +1,4 @@
-@import url('@gouvfr-lasuite/ui-kit/style');
+@import url('@gouvfr-lasuite/ui-components/style');
 @import url('./cunningham-tokens.css');
 
 :root {