From 2c3440edb589c7c00bf2ec5f01baf9a120f26b6b Mon Sep 17 00:00:00 2001
From: Lilian Saget-Lethias <lilian.sagetlethias@gmail.com>
Date: Mon, 30 Dec 2024 14:37:57 +0100
Subject: [PATCH 1/3] feat(input): add action and enable wrap class access

---
 src/Input.tsx             | 25 +++++++++++++++++--------
 stories/Input.stories.tsx |  5 +++++
 2 files changed, 22 insertions(+), 8 deletions(-)

diff --git a/src/Input.tsx b/src/Input.tsx
index b47376e35..05dbfba4f 100644
--- a/src/Input.tsx
+++ b/src/Input.tsx
@@ -28,7 +28,10 @@ export namespace InputProps {
         disabled?: boolean;
         iconId?: FrIconClassName | RiIconClassName;
         classes?: Partial<
-            Record<"root" | "label" | "description" | "nativeInputOrTextArea" | "message", string>
+            Record<
+                "root" | "label" | "description" | "nativeInputOrTextArea" | "message" | "wrap",
+                string
+            >
         >;
         style?: CSSProperties;
         /** Default: "default" */
@@ -36,6 +39,7 @@ export namespace InputProps {
         /** The message won't be displayed if state is "default" */
         stateRelatedMessage?: ReactNode;
         addon?: ReactNode;
+        action?: ReactNode;
     };
 
     export type RegularInput = Common & {
@@ -84,6 +88,7 @@ export const Input = memo(
             nativeTextAreaProps,
             nativeInputProps,
             addon,
+            action,
             ...rest
         } = props;
 
@@ -154,7 +159,6 @@ export const Input = memo(
                                             case "default":
                                                 return undefined;
                                         }
-                                        assert<Equals<typeof state, never>>();
                                     })()
                                 ),
                                 classes.nativeInputOrTextArea
@@ -168,16 +172,22 @@ export const Input = memo(
 
                     const hasIcon = iconId !== undefined;
                     const hasAddon = addon !== undefined;
-                    return hasIcon || hasAddon ? (
+                    const hasAction = action !== undefined;
+                    return hasIcon || hasAddon || hasAction ? (
                         <div
-                            className={fr.cx(
-                                "fr-input-wrap",
-                                hasIcon && iconId,
-                                hasAddon && "fr-input-wrap--addon"
+                            className={cx(
+                                fr.cx(
+                                    "fr-input-wrap",
+                                    hasIcon && iconId,
+                                    hasAddon && "fr-input-wrap--addon",
+                                    hasAction && "fr-input-wrap--action"
+                                ),
+                                classes.wrap
                             )}
                         >
                             {nativeInputOrTextArea}
                             {hasAddon && addon}
+                            {hasAction && action}
                         </div>
                     ) : (
                         nativeInputOrTextArea
@@ -198,7 +208,6 @@ export const Input = memo(
                                             case "info":
                                                 return "fr-info-text";
                                         }
-                                        assert<Equals<typeof state, never>>();
                                     })()
                                 ),
                                 classes.message
diff --git a/stories/Input.stories.tsx b/stories/Input.stories.tsx
index a0f697093..548c0ddf7 100644
--- a/stories/Input.stories.tsx
+++ b/stories/Input.stories.tsx
@@ -144,3 +144,8 @@ export const WithButtonAddon = getStory({
     "label": "Label champs de saisie",
     "addon": <Button>Valider</Button>
 });
+
+export const WithButtonAction = getStory({
+    "label": "Label champs de saisie",
+    "addon": <Button title="Supprimer le champ" iconId="fr-icon-delete-line" priority="secondary" />
+});

From b594b0f1c4f8583a09a421a5d4451fa18ca1ac57 Mon Sep 17 00:00:00 2001
From: Lilian Saget-Lethias <lilian.sagetlethias@gmail.com>
Date: Mon, 30 Dec 2024 14:43:24 +0100
Subject: [PATCH 2/3] fix(input): remove action from passwordinput

---
 src/blocks/PasswordInput.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/blocks/PasswordInput.tsx b/src/blocks/PasswordInput.tsx
index 25530adac..37a71bdfc 100644
--- a/src/blocks/PasswordInput.tsx
+++ b/src/blocks/PasswordInput.tsx
@@ -21,7 +21,7 @@ import { useAnalyticsId } from "../tools/useAnalyticsId";
 
 export type PasswordInputProps = Omit<
     InputProps.Common,
-    "state" | "stateRelatedMessage" | "iconId" | "classes" | "addon"
+    "state" | "stateRelatedMessage" | "iconId" | "classes" | "addon" | "action"
 > & {
     classes?: Partial<Record<"root" | "input" | "label" | "checkbox", string>>;
     /** Default "Your password must contain:", if empty string the hint wont be displayed */

From 0bfbd3b15c09bed668f063267c47ab8e120e86e9 Mon Sep 17 00:00:00 2001
From: Lilian Saget-Lethias <lilian.sagetlethias@gmail.com>
Date: Mon, 30 Dec 2024 15:09:16 +0100
Subject: [PATCH 3/3] chore(release): v1.16.5-rc.0

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index d09c37be7..55a927a0b 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@codegouvfr/react-dsfr",
-    "version": "1.16.4",
+    "version": "1.16.5-rc.0",
     "description": "French State Design System React integration library",
     "repository": {
         "type": "git",