Fmt

codegouvfr · Jul 13, 2023 · aeac22f · aeac22f
1 parent 44dfca3
commit aeac22f
Show file tree

Hide file tree

Showing 20 changed files with 71 additions and 70 deletions.
diff --git a/src/Accordion.tsx b/src/Accordion.tsx
@@ -1,12 +1,6 @@
 "use client";
 
-import React, {
-    forwardRef,
-    memo,
-    useState,
-    type ReactNode,
-    type CSSProperties
-} from "react";
+import React, { forwardRef, memo, useState, type ReactNode, type CSSProperties } from "react";
 import { assert } from "tsafe/assert";
 import type { Equals } from "tsafe";
 import { fr } from "./fr";

diff --git a/src/AgentConnectButton.tsx b/src/AgentConnectButton.tsx
@@ -38,7 +38,12 @@ export const AgentConnectButton = memo(
         const Inner = onClick !== undefined ? "button" : "a";
 
         return (
-            <div id={id_props ?? "fr-agentconnect-button"} className={className} style={style} ref={ref}>
+            <div
+                id={id_props ?? "fr-agentconnect-button"}
+                className={className}
+                style={style}
+                ref={ref}
+            >
                 <span className="agentconnect-button__preload-hover" />
                 <Inner
                     className="agentconnect-button__link"

diff --git a/src/Badge.tsx b/src/Badge.tsx
@@ -33,7 +33,7 @@ export const Badge = memo(
 
         assert<Equals<keyof typeof rest, never>>();
 
-        const id= useAnalyticsId({
+        const id = useAnalyticsId({
             "defaultIdPrefix": "fr-badge",
             "explicitlyProvidedId": props_id
         });

diff --git a/src/Button.tsx b/src/Button.tsx
@@ -67,14 +67,14 @@ export namespace ButtonProps {
     export type AsButton = {
         linkProps?: never;
         onClick?: React.MouseEventHandler<HTMLButtonElement>;
-        nativeButtonProps?: ComponentProps<"button"> & Record<`data-${string}`, string | boolean | null | undefined>;
+        nativeButtonProps?: ComponentProps<"button"> &
+            Record<`data-${string}`, string | boolean | null | undefined>;
         disabled?: boolean;
         /** Default "button" */
         type?: "button" | "submit" | "reset";
     };
 }
 
-
 /** @see <https://components.react-dsfr.fr/?path=/docs/components-button> */
 export const Button = memo(
     forwardRef<HTMLButtonElement | HTMLAnchorElement, ButtonProps>((props, ref) => {

diff --git a/src/Download.tsx b/src/Download.tsx
@@ -20,9 +20,16 @@ export type DownloadProps = {
 /** @see <https://components.react-dsfr.fr/?path=/docs/components-download> */
 export const Download = memo(
     forwardRef<HTMLDivElement, DownloadProps>((props, ref) => {
-        const { className, style, details, label, linkProps, classes = {},
-            id: props_id
-        , ...rest } = props;
+        const {
+            className,
+            style,
+            details,
+            label,
+            linkProps,
+            classes = {},
+            id: props_id,
+            ...rest
+        } = props;
 
         assert<Equals<keyof typeof rest, never>>();
 

diff --git a/src/FranceConnectButton.tsx b/src/FranceConnectButton.tsx
@@ -32,10 +32,16 @@ export namespace FranceConnectButtonProps {
 /** @see <https://components.react-dsfr.fr/?path=/docs/components-franceconnectbutton> */
 export const FranceConnectButton = memo(
     forwardRef<HTMLDivElement, FranceConnectButtonProps>((props, ref) => {
-        const { classes = {}, className, url: href, plus = false, style, onClick, 
-        id: id_props
-        ,
-        ...rest } = props;
+        const {
+            classes = {},
+            className,
+            url: href,
+            plus = false,
+            style,
+            onClick,
+            id: id_props,
+            ...rest
+        } = props;
 
         assert<Equals<keyof typeof rest, never>>();
 

diff --git a/src/Header/Header.tsx b/src/Header/Header.tsx
@@ -400,7 +400,10 @@ export const Header = memo(
                                 </div>
                                 {navigation !== undefined &&
                                     (navigation instanceof Array ? (
-                                    <MainNavigation id={`${id}-main-navigation`} items={navigation} />
+                                        <MainNavigation
+                                            id={`${id}-main-navigation`}
+                                            items={navigation}
+                                        />
                                     ) : (
                                         navigation
                                     ))}

diff --git a/src/Highlight.tsx b/src/Highlight.tsx
@@ -22,9 +22,7 @@ export namespace HighlightProps {
 /** @see <https://components.react-dsfr.fr/?path=/docs/components-highlight> */
 export const Highlight = memo(
     forwardRef<HTMLDivElement, HighlightProps>((props, ref) => {
-        const { className, classes = {}, style, children, size, 
-        id: id_props
-        , ...rest } = props;
+        const { className, classes = {}, style, children, size, id: id_props, ...rest } = props;
 
         assert<Equals<keyof typeof rest, never>>();
 

diff --git a/src/MainNavigation/MainNavigation.tsx b/src/MainNavigation/MainNavigation.tsx
@@ -92,10 +92,9 @@ export const MainNavigation = memo(
             return { getMenuId };
         })();
 
-
         const id = useAnalyticsId({
             "explicitlyProvidedId": id_props,
-            "defaultIdPrefix": "main-navigation",
+            "defaultIdPrefix": "main-navigation"
         });
 
         return (

diff --git a/src/MonCompteProButton.tsx b/src/MonCompteProButton.tsx
@@ -30,9 +30,7 @@ export namespace FranceConnectButtonProps {
 /** @see <https://components.react-dsfr.fr/?path=/docs/components-franceconnectbutton> */
 export const MonCompteProButton = memo(
     forwardRef<HTMLDivElement, FranceConnectButtonProps>((props, ref) => {
-        const { classes = {}, className, url: href, style, onClick,
-            id: id_props
-            , ...rest } = props;
+        const { classes = {}, className, url: href, style, onClick, id: id_props, ...rest } = props;
 
         assert<Equals<keyof typeof rest, never>>();
 

diff --git a/src/SkipLinks.tsx b/src/SkipLinks.tsx
@@ -21,9 +21,7 @@ export type SkipLinksProps = {
 /** @see <https://components.react-dsfr.fr/?path=/docs/components-skiplinks> */
 export const SkipLinks = memo(
     forwardRef<HTMLDivElement, SkipLinksProps>((props, ref) => {
-        const { className, classes = {}, links, style, 
-        id: id_props
-        ,...rest } = props;
+        const { className, classes = {}, links, style, id: id_props, ...rest } = props;
         const { t } = useTranslation();
         assert<Equals<keyof typeof rest, never>>();
 

diff --git a/src/Summary.tsx b/src/Summary.tsx
@@ -26,9 +26,16 @@ export type SummaryProps = {
 /** @see <https://components.react-dsfr.fr/?path=/docs/components-summary> */
 export const Summary = memo(
     forwardRef<HTMLDivElement, SummaryProps>((props, ref) => {
-        const { className, links, as = "p", title, classes = {}, style, 
-        id: id_props
-        ,...rest } = props;
+        const {
+            className,
+            links,
+            as = "p",
+            title,
+            classes = {},
+            style,
+            id: id_props,
+            ...rest
+        } = props;
 
         const { t } = useTranslation();
 

diff --git a/src/Tabs.tsx b/src/Tabs.tsx
@@ -117,9 +117,13 @@ export const Tabs = memo(
         })();
 
         return (
-            <div 
-            id={id}
-            className={cx(fr.cx("fr-tabs"), className)} ref={ref} style={style} {...rest}>
+            <div
+                id={id}
+                className={cx(fr.cx("fr-tabs"), className)}
+                ref={ref}
+                style={style}
+                {...rest}
+            >
                 <ul className={fr.cx("fr-tabs__list")} role="tablist" aria-label={label}>
                     {tabs.map(({ label, iconId }, tabIndex) => (
                         <li key={label + (iconId ?? "")} role="presentation">

diff --git a/src/Tag.tsx b/src/Tag.tsx
@@ -170,12 +170,12 @@ export const Tag = memo(
 ) as MemoExoticComponent<
     ForwardRefExoticComponent<
         TagProps.Common &
-        (TagProps.WithIcon | TagProps.WithoutIcon) &
-        (
-            | (TagProps.AsAnchor & RefAttributes<HTMLAnchorElement>)
-            | (TagProps.AsButton & RefAttributes<HTMLButtonElement>)
-            | (TagProps.AsSpan & RefAttributes<HTMLSpanElement>)
-        )
+            (TagProps.WithIcon | TagProps.WithoutIcon) &
+            (
+                | (TagProps.AsAnchor & RefAttributes<HTMLAnchorElement>)
+                | (TagProps.AsButton & RefAttributes<HTMLButtonElement>)
+                | (TagProps.AsSpan & RefAttributes<HTMLSpanElement>)
+            )
     >
 >;
 

diff --git a/src/ToggleSwitch.tsx b/src/ToggleSwitch.tsx
@@ -1,11 +1,4 @@
-import React, {
-    memo,
-    forwardRef,
-    ReactNode,
-    useState,
-    useEffect,
-    type CSSProperties
-} from "react";
+import React, { memo, forwardRef, ReactNode, useState, useEffect, type CSSProperties } from "react";
 import { symToStr } from "tsafe/symToStr";
 import { assert } from "tsafe/assert";
 import type { Equals } from "tsafe";

diff --git a/src/Upload.tsx b/src/Upload.tsx
@@ -1,10 +1,4 @@
-import React, {
-    DetailedHTMLProps,
-    InputHTMLAttributes,
-    ReactNode,
-    forwardRef,
-    memo
-} from "react";
+import React, { DetailedHTMLProps, InputHTMLAttributes, ReactNode, forwardRef, memo } from "react";
 import { createComponentI18nApi } from "./i18n";
 import { symToStr } from "tsafe/symToStr";
 import { cx } from "./tools/cx";

diff --git a/src/blocks/PasswordInput.tsx b/src/blocks/PasswordInput.tsx
@@ -63,7 +63,7 @@ export const PasswordInput = memo(
 
         assert<Equals<keyof typeof rest, never>>();
 
-        const id= useAnalyticsId({
+        const id = useAnalyticsId({
             "explicitlyProvidedId": id_props,
             "defaultIdPrefix": "password-input"
         });

diff --git a/src/consentManagement/createConsentManagement.ts b/src/consentManagement/createConsentManagement.ts
@@ -49,7 +49,6 @@ export function createConsentManagement<
         return JSON.parse(serializedFinalityConsent);
     });
 
-
     const { processConsentChanges, useConsentCallback } = createProcessConsentChanges<Finality>({
         consentCallback,
         finalities,

diff --git a/src/shared/Fieldset.tsx b/src/shared/Fieldset.tsx
@@ -82,7 +82,9 @@ export const Fieldset = memo(
         assert<Equals<keyof typeof rest, never>>();
 
         const id = useAnalyticsId({
-            "defaultIdPrefix": `fr-fieldset-${type}${name_props === undefined ? "" : `-${name_props}`}`,
+            "defaultIdPrefix": `fr-fieldset-${type}${
+                name_props === undefined ? "" : `-${name_props}`
+            }`,
             "explicitlyProvidedId": id_props
         });
 

diff --git a/src/tools/useAnalyticsId.ts b/src/tools/useAnalyticsId.ts
@@ -1,19 +1,13 @@
 import { useId } from "react";
 
-/** 
- * Eulerian analytics requires every element to have a unique ID. 
+/**
+ * Eulerian analytics requires every element to have a unique ID.
  * This hook help generate such an ID in the case they are not explicitly provided.
  */
-export function useAnalyticsId(
-    params: {
-        explicitlyProvidedId?: string;
-        defaultIdPrefix: string;
-    }
-) {
-
+export function useAnalyticsId(params: { explicitlyProvidedId?: string; defaultIdPrefix: string }) {
     const { explicitlyProvidedId, defaultIdPrefix } = params;
 
     const id = useId();
 
     return explicitlyProvidedId ?? `${defaultIdPrefix}-${id}`;
-}
+}