From d9f9ffd569fee04f508cf7bb99b28a717c6a48f8 Mon Sep 17 00:00:00 2001 From: BeirlaenAaron Date: Tue, 3 Jan 2023 16:46:12 +0100 Subject: [PATCH 1/3] add `isCollapsed` prop --- src/components/advancedCollapsible/AdvancedCollapsible.tsx | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/src/components/advancedCollapsible/AdvancedCollapsible.tsx b/src/components/advancedCollapsible/AdvancedCollapsible.tsx index 3e73b757a..178c1d0dd 100644 --- a/src/components/advancedCollapsible/AdvancedCollapsible.tsx +++ b/src/components/advancedCollapsible/AdvancedCollapsible.tsx @@ -18,6 +18,7 @@ export interface AdvancedCollapsibleProps extends Omit { children: ReactNode; title: string; size?: AllowedAdvancedCollapsibleSize; + isCollapsed?: boolean; } const AdvancedCollapsible: GenericComponent = ({ @@ -25,9 +26,10 @@ const AdvancedCollapsible: GenericComponent = ({ color = 'teal', size = 'medium', title, + isCollapsed = true, ...others }) => { - const [collapsed, setCollapsed] = useState(true); + const [collapsed, setCollapsed] = useState(isCollapsed); const boxProps = pickBoxProps(others); const TitleElement = size === 'large' ? Heading3 : TextBody; From ff385f5c21abb8c89bbac5a91f27bee7f5980b70 Mon Sep 17 00:00:00 2001 From: BeirlaenAaron Date: Tue, 3 Jan 2023 16:51:06 +0100 Subject: [PATCH 2/3] bump version + update changelog --- CHANGELOG.md | 6 ++++++ package.json | 2 +- 2 files changed, 7 insertions(+), 1 deletion(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index de44022b7..9a6c0220b 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -12,6 +12,12 @@ ### Dependency updates +## [18.5.0] - 2023-01-03 + +### Added + +- `AdvancedCollapsible`: Added `isCollapsed` prop to be able to set it's state ([@BeirlaenAaron](https://github.com/BeirlaenAaron) in [#2511](https://github.com/teamleadercrm/ui/pull/2511)) + ## [18.4.0] - 2023-01-02 ### Added diff --git a/package.json b/package.json index 5993aeb57..19267fe15 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "@teamleader/ui", "description": "Teamleader UI library", - "version": "18.4.0", + "version": "18.5.0", "author": "Teamleader ", "bugs": { "url": "https://github.com/teamleadercrm/ui/issues" From 912e55b81d91151cc6e275f145369500afc864bb Mon Sep 17 00:00:00 2001 From: BeirlaenAaron Date: Wed, 4 Jan 2023 09:43:25 +0100 Subject: [PATCH 3/3] rename to `defaultIsCollapsed` --- CHANGELOG.md | 2 +- src/components/advancedCollapsible/AdvancedCollapsible.tsx | 6 +++--- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 9a6c0220b..1f9555a6a 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -16,7 +16,7 @@ ### Added -- `AdvancedCollapsible`: Added `isCollapsed` prop to be able to set it's state ([@BeirlaenAaron](https://github.com/BeirlaenAaron) in [#2511](https://github.com/teamleadercrm/ui/pull/2511)) +- `AdvancedCollapsible`: Added `defaultIsCollapsed` prop to be able to set it's state ([@BeirlaenAaron](https://github.com/BeirlaenAaron) in [#2511](https://github.com/teamleadercrm/ui/pull/2511)) ## [18.4.0] - 2023-01-02 diff --git a/src/components/advancedCollapsible/AdvancedCollapsible.tsx b/src/components/advancedCollapsible/AdvancedCollapsible.tsx index 178c1d0dd..fcc1175ec 100644 --- a/src/components/advancedCollapsible/AdvancedCollapsible.tsx +++ b/src/components/advancedCollapsible/AdvancedCollapsible.tsx @@ -18,7 +18,7 @@ export interface AdvancedCollapsibleProps extends Omit { children: ReactNode; title: string; size?: AllowedAdvancedCollapsibleSize; - isCollapsed?: boolean; + defaultIsCollapsed?: boolean; } const AdvancedCollapsible: GenericComponent = ({ @@ -26,10 +26,10 @@ const AdvancedCollapsible: GenericComponent = ({ color = 'teal', size = 'medium', title, - isCollapsed = true, + defaultIsCollapsed = true, ...others }) => { - const [collapsed, setCollapsed] = useState(isCollapsed); + const [collapsed, setCollapsed] = useState(defaultIsCollapsed); const boxProps = pickBoxProps(others); const TitleElement = size === 'large' ? Heading3 : TextBody;