feat: added defaultOpened props to CollapseButton (#79)

* feat: added `defaultOpened` props to `CollapseButton`
Smile-SA · Nov 29, 2023 · a0aa52b · a0aa52b
1 parent 89d2b37
commit a0aa52b
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/.changeset/tender-buckets-attack.md 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
@@ -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}
     />