From a0aa52b8f10f264600704ec4aeee8a146d17cc9d Mon Sep 17 00:00:00 2001
From: Quentin Le Caignec <12102823+QuentinLeCaignec@users.noreply.github.com>
Date: Wed, 29 Nov 2023 14:40:52 +0100
Subject: [PATCH] feat: added `defaultOpened` props to `CollapseButton` (#79)

* feat: added `defaultOpened` props to `CollapseButton`
---
 .changeset/tender-buckets-attack.md                         | 5 +++++
 .../src/Components/CollapseButton/CollapseButton.tsx        | 6 ++++--
 2 files changed, 9 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/tender-buckets-attack.md

diff --git a/.changeset/tender-buckets-attack.md b/.changeset/tender-buckets-attack.md
new file mode 100644
index 00000000..a8c1b863
--- /dev/null
+++ b/.changeset/tender-buckets-attack.md
@@ -0,0 +1,5 @@
+---
+'@smile/react-front-kit': minor
+---
+
+Added `defaultOpened` prop to `CollapseButton`
diff --git a/packages/react-front-kit/src/Components/CollapseButton/CollapseButton.tsx b/packages/react-front-kit/src/Components/CollapseButton/CollapseButton.tsx
index f371f310..d888ab1e 100644
--- a/packages/react-front-kit/src/Components/CollapseButton/CollapseButton.tsx
+++ b/packages/react-front-kit/src/Components/CollapseButton/CollapseButton.tsx
@@ -22,6 +22,7 @@ export interface ICollapseButtonProps<
   component?: C;
   /** Additional props for the custom component */
   componentProps?: ComponentPropsWithoutRef<C>;
+  defaultOpened?: boolean;
   id?: T;
   isOpenOnSelect?: boolean;
   label?: ReactNode;
@@ -36,10 +37,11 @@ export function CollapseButton<
   T extends number | string,
   C extends ElementType = 'button',
 >(props: ICollapseButtonProps<T, C>): ReactElement {
-  const [opened, setOpened] = useState(false);
+  const { defaultOpened = false, ...rest } = props;
+  const [opened, setOpened] = useState(defaultOpened);
   return (
     <CollapseButtonControlled
-      {...props}
+      {...rest}
       onCollapseChange={() => setOpened(!opened)}
       opened={opened}
     />