fmt

src/Header.tsx

@@ -92,8 +92,6 @@ export namespace HeaderProps {
     }
 }
 
-
-
 /** @see <https://react-dsfr-components.etalab.studio/?path=/docs/components-header> */
 export const Header = memo(
     forwardRef<HTMLDivElement, HeaderProps>((props, ref) => {

src/link.tsx

@@ -16,7 +16,7 @@ export type RegisteredLinkProps = RegisterLink extends {
 
 let Link: (
     props: RegisteredLinkProps & { children: ReactNode }
-) => ReturnType<React.FC> = props=> <a {...props} />;
+) => ReturnType<React.FC> = props => <a {...props} />;
 
 export function setLink(params: { Link: typeof Link }): void {
     Link = props => {

src/next-appdir/DsfrHead.tsx

@@ -33,7 +33,7 @@ export function DsfrHead(props: DsfrHeadProps) {
         if (Link !== undefined) {
             setLink({ Link });
         }
-    },[Link]);
+    }, [Link]);
 
     return (
         <>

src/next-appdir/DsfrProvider.tsx

@@ -21,19 +21,16 @@ export function DsfrProvider(props: DsfrProviderProps) {
         dsfrEffect();
     }, []);
 
-    useMemo(()=> {
+    useMemo(() => {
         if (lang === undefined) {
             return;
         }
 
         setUseLang({ "useLang": () => lang });
-
     }, [lang]);
 
     if (isBrowser) {
-        return (
-            <GdprStoreProvider>{children}</GdprStoreProvider>
-        );
+        return <GdprStoreProvider>{children}</GdprStoreProvider>;
     }
 
     const defaultColorScheme = getDefaultColorSchemeClientSide();

src/next-appdir/getHtmlAttributes.tsx

@@ -1,18 +1,20 @@
 import { data_fr_scheme, data_fr_theme } from "../useIsDark/constants";
 import type { ColorScheme } from "../useIsDark";
-import { type DefaultColorScheme, setDefaultColorSchemeServerSide } from "./zz_internal/defaultColorScheme";
+import {
+    type DefaultColorScheme,
+    setDefaultColorSchemeServerSide
+} from "./zz_internal/defaultColorScheme";
 import { setUseLang } from "../i18n";
 
 const suppressHydrationWarning = true;
 
 export function getHtmlAttributes(params: {
     defaultColorScheme: DefaultColorScheme;
     lang?: string;
-}): { suppressHydrationWarning: true; lang?: string; } & (
+}): { suppressHydrationWarning: true; lang?: string } & (
     | Record<typeof data_fr_scheme | typeof data_fr_theme, ColorScheme>
     | {}
 ) {
-
     const { defaultColorScheme, lang } = params;
 
     setDefaultColorSchemeServerSide({ defaultColorScheme });
@@ -22,9 +24,9 @@ export function getHtmlAttributes(params: {
     }
 
     if (defaultColorScheme === "system") {
-        return { 
+        return {
             lang,
-            suppressHydrationWarning 
+            suppressHydrationWarning
         };
     }
 
@@ -35,4 +37,3 @@ export function getHtmlAttributes(params: {
         [data_fr_theme]: defaultColorScheme
     };
 }
-

src/next-appdir/zz_internal/defaultColorScheme.ts

@@ -11,10 +11,9 @@ export function getDefaultColorSchemeServerSide(): DefaultColorScheme {
     return defaultColorSchemeServerSide;
 }
 
-export function setDefaultColorSchemeServerSide(
-    params: { defaultColorScheme: DefaultColorScheme }
-): void {
-
+export function setDefaultColorSchemeServerSide(params: {
+    defaultColorScheme: DefaultColorScheme;
+}): void {
     const { defaultColorScheme } = params;
 
     defaultColorSchemeServerSide = defaultColorScheme;
@@ -27,14 +26,10 @@ export function getDefaultColorSchemeClientSide(): DefaultColorScheme {
     return defaultColorSchemeClientSide;
 }
 
-export function setDefaultColorSchemeClientSide(
-    params: { defaultColorScheme: DefaultColorScheme }
-): void {
-
+export function setDefaultColorSchemeClientSide(params: {
+    defaultColorScheme: DefaultColorScheme;
+}): void {
     const { defaultColorScheme } = params;
 
     defaultColorSchemeClientSide = defaultColorScheme;
 }
-
-
-

src/zz_internal/brandTopAndHomeLinkProps.ts

@@ -1,22 +1,21 @@
-
 import type { ReactNode } from "react";
 import type { RegisteredLinkProps } from "../link";
 
-
-let wrap: {
-    brandTop: ReactNode;
-    homeLinkProps: RegisteredLinkProps & { title: string };
-} | undefined = undefined;
+let wrap:
+    | {
+          brandTop: ReactNode;
+          homeLinkProps: RegisteredLinkProps & { title: string };
+      }
+    | undefined = undefined;
 
 export function setBrandTopAndHomeLinkProps(params: {
     brandTop: ReactNode;
-    homeLinkProps: RegisteredLinkProps & { title: string }
+    homeLinkProps: RegisteredLinkProps & { title: string };
 }) {
     wrap = params;
 }
 
 export function getBrandTopAndHomeLinkProps() {
-
     if (wrap === undefined) {
         throw new Error("The footer should be used in conjunction with the header.");
     }

stories/Footer.stories.tsx

@@ -9,11 +9,13 @@ import placeholder_16x9ImgUrl from "./assets/placeholder.16x9.png";
 import { setBrandTopAndHomeLinkProps } from "../dist/zz_internal/brandTopAndHomeLinkProps";
 
 setBrandTopAndHomeLinkProps({
-    "brandTop": <>
+    "brandTop": (
+        <>
             INTITULE
             <br />
             OFFICIEL
-        </>,
+        </>
+    ),
     "homeLinkProps": {
         "href": "/",
         "title": "Accueil - Nom de l’entité (ministère, secrétariat d‘état, gouvernement)"
@@ -93,7 +95,7 @@ export const Default = getStory({
     },
     "cookiesManagementLinkProps": {
         "href": "#"
-    },
+    }
 });
 
 export const FooterWithVerticalOperatorLogo = getStory({