From 8749406ff48c1a2ae92cd948ae3b33c156c4f97e Mon Sep 17 00:00:00 2001
From: Enguerran Weiss <enguerranweiss@gmail.com>
Date: Tue, 29 Aug 2023 12:00:17 +0200
Subject: [PATCH 1/5] added suffix in quickAccessNode to make ids unique

---
 src/Header/Header.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/Header/Header.tsx b/src/Header/Header.tsx
index 1e0744660..500cdc1bf 100644
--- a/src/Header/Header.tsx
+++ b/src/Header/Header.tsx
@@ -144,7 +144,7 @@ export const Header = memo(
 
         const { Link } = getLink();
 
-        const quickAccessNode = (
+        const getQuickAccessNode = (suffix: string | null = null) => (
             <ul className={fr.cx("fr-btns-group")}>
                 {quickAccessItems.map((quickAccessItem, i) => (
                     <li key={i}>
@@ -157,7 +157,7 @@ export const Header = memo(
                             <HeaderQuickAccessItem
                                 id={`${id}-quick-access-item-${generateValidHtmlId({
                                     "fallback": "",
-                                    "text": quickAccessItem.text
+                                    "text": `${quickAccessItem.text}${suffix ? `-${suffix}` : ""}`
                                 })}-${i}`}
                                 quickAccessItem={quickAccessItem}
                             />
@@ -312,7 +312,7 @@ export const Header = memo(
                                                     classes.toolsLinks
                                                 )}
                                             >
-                                                {quickAccessNode}
+                                                {getQuickAccessNode()}
                                             </div>
                                         )}
 
@@ -401,7 +401,7 @@ export const Header = memo(
                                         classes.menuLinks
                                     )}
                                 >
-                                    {quickAccessNode}
+                                    {getQuickAccessNode("mobile")}
                                 </div>
                                 {navigation !== undefined &&
                                     (navigation instanceof Array ? (

From 8908ced31a499881ca428459d71585eae2b63fab Mon Sep 17 00:00:00 2001
From: Joseph Garrone <joseph.garrone.gj@gmail.com>
Date: Mon, 4 Sep 2023 22:33:27 +0200
Subject: [PATCH 2/5] Bump version

Signed-off-by: Joseph Garrone <joseph.garrone.gj@gmail.com>
---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index baee0a941..d7dd78b38 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@codegouvfr/react-dsfr",
-    "version": "0.75.3",
+    "version": "0.75.4",
     "description": "French State Design System React integration library",
     "repository": {
         "type": "git",

From 202bdcf741888af1c01dfa97c0a6242f73571da2 Mon Sep 17 00:00:00 2001
From: Enguerran Weiss <enguerranweiss@gmail.com>
Date: Wed, 6 Sep 2023 15:28:32 +0200
Subject: [PATCH 3/5] fix wrong type on target / currentTarget on SelectNext

---
 src/SelectNext.tsx    | 17 +++++++++++++++--
 test/types/Select.tsx | 34 ++++++++++++++++++++++++++++++++++
 2 files changed, 49 insertions(+), 2 deletions(-)

diff --git a/src/SelectNext.tsx b/src/SelectNext.tsx
index b1a4e5365..05755359c 100644
--- a/src/SelectNext.tsx
+++ b/src/SelectNext.tsx
@@ -34,11 +34,24 @@ export type SelectProps<Options extends SelectProps.Option[]> = {
         value?: Options[number]["value"];
         onChange?: (
             e: Omit<ChangeEvent<HTMLSelectElement>, "target" | "currentTarget"> & {
-                target: Omit<ChangeEvent<HTMLSelectElement>, "value"> & {
+                target: Omit<EventTarget & HTMLSelectElement, "value" | "selectedOptions"> & {
                     value: Options[number]["value"];
+                    selectedOptions: HTMLCollectionOf<
+                        Omit<HTMLOptionElement, "value"> & {
+                            value: Options[number]["value"];
+                        }
+                    >;
                 };
-                currentTarget: Omit<ChangeEvent<HTMLSelectElement>, "value"> & {
+                currentTarget: Omit<
+                    EventTarget & HTMLSelectElement,
+                    "value" | "selectedOptions"
+                > & {
                     value: Options[number]["value"];
+                    selectedOptions: HTMLCollectionOf<
+                        Omit<HTMLOptionElement, "value"> & {
+                            value: Options[number]["value"];
+                        }
+                    >;
                 };
             }
         ) => void;
diff --git a/test/types/Select.tsx b/test/types/Select.tsx
index 0ab770ec4..c960beacb 100644
--- a/test/types/Select.tsx
+++ b/test/types/Select.tsx
@@ -262,3 +262,37 @@ import { assert, type Equals } from "tsafe";
         }}
     />;
 }
+
+{
+    const dogOrCatOptions = [
+        {
+            value: "dog",
+            label: "Dog"
+        },
+        {
+            value: "cat",
+            label: "Cat"
+        }
+    ] as const;
+
+    type DogOrCat = typeof dogOrCatOptions[number]["value"];
+    type SelectTarget = Omit<EventTarget & HTMLSelectElement, "value" | "selectedOptions"> & {
+        value: DogOrCat;
+        selectedOptions: HTMLCollectionOf<Omit<HTMLOptionElement, "value"> & { value: DogOrCat }>;
+    };
+    <Select
+        label="Dog or cat person?"
+        options={[...dogOrCatOptions]}
+        placeholder="Select an option"
+        nativeSelectProps={{
+            "onChange": event => {
+                assert<Equals<typeof event["currentTarget"], SelectTarget>>();
+                assert<Equals<typeof event["target"], SelectTarget>>();
+                const selectedValues = Array.from(event.target.selectedOptions).map(
+                    option => option.value
+                );
+                assert<Equals<typeof selectedValues, DogOrCat[]>>;
+            }
+        }}
+    />;
+}

From fee5f95660729fd72040d222f545d6d57dc3e205 Mon Sep 17 00:00:00 2001
From: Lilian Saget-Lethias <lilian.sagetlethias@gmail.com>
Date: Wed, 6 Sep 2023 15:57:16 +0200
Subject: [PATCH 4/5] fix: remove duplicate icon when input type date

---
 src/Input.tsx | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/src/Input.tsx b/src/Input.tsx
index e65429a42..c2e09c5a5 100644
--- a/src/Input.tsx
+++ b/src/Input.tsx
@@ -74,7 +74,7 @@ export const Input = memo(
             hintText,
             hideLabel,
             disabled = false,
-            iconId: iconId_props,
+            iconId,
             classes = {},
             style,
             state = "default",
@@ -161,10 +161,6 @@ export const Input = memo(
                         />
                     );
 
-                    const iconId =
-                        iconId_props ??
-                        (nativeInputProps?.type === "date" ? "ri-calendar-line" : undefined);
-
                     return iconId === undefined ? (
                         nativeInputOrTextArea
                     ) : (

From 8b122956bc32e4796fc56f88f802d2711a028ef4 Mon Sep 17 00:00:00 2001
From: Joseph Garrone <joseph.garrone.gj@gmail.com>
Date: Thu, 7 Sep 2023 11:25:09 +0200
Subject: [PATCH 5/5] Update package.json

Signed-off-by: Joseph Garrone <joseph.garrone.gj@gmail.com>
---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index d7dd78b38..68c55394d 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@codegouvfr/react-dsfr",
-    "version": "0.75.4",
+    "version": "0.75.5",
     "description": "French State Design System React integration library",
     "repository": {
         "type": "git",