From f821a8c0a43f8404abea5490fa28d4ea7c09844a Mon Sep 17 00:00:00 2001 From: urquha Date: Wed, 14 Jun 2023 11:38:25 +0100 Subject: [PATCH 1/2] change props to accommodate single accordion child --- src/lib/components/Accordion.react.js | 6 ++++-- src/lib/fragments/Accordion.react.js | 6 +++++- 2 files changed, 9 insertions(+), 3 deletions(-) diff --git a/src/lib/components/Accordion.react.js b/src/lib/components/Accordion.react.js index d254ed6..a81529b 100644 --- a/src/lib/components/Accordion.react.js +++ b/src/lib/components/Accordion.react.js @@ -55,8 +55,10 @@ Accordion.propTypes = { /** * Array of accordion children. */ - children: PropTypes.arrayOf(PropTypes.node), - + children: PropTypes.oneOfType([ + PropTypes.arrayOf(PropTypes.node), + PropTypes.node + ]), /** * Array that determines the creation of banners for each section. * Each item in the array corresponds to a section on the page. diff --git a/src/lib/fragments/Accordion.react.js b/src/lib/fragments/Accordion.react.js index da53cf9..b1cc043 100644 --- a/src/lib/fragments/Accordion.react.js +++ b/src/lib/fragments/Accordion.react.js @@ -20,7 +20,11 @@ class Accordion extends Component { sectionsOpen: new Array(this.props.accordionHeadings.length).fill(true), } - this.contentRefs = this.props.children.map(() => React.createRef()); + if (typeof this.props.children === Array){ + this.contentRefs = this.props.children.map(() => React.createRef());} + else{ + this.contentRefs = [React.createRef()]; + } this.headerRefs = this.props.accordionHeadings.map(() => React.createRef()); } From c7f87ccfc30e48de19bbccd5fc536b7f9265f799 Mon Sep 17 00:00:00 2001 From: urquha Date: Wed, 14 Jun 2023 11:41:44 +0100 Subject: [PATCH 2/2] update version --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index b1d6b8b..82e0194 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "uk_gov_dash_components", - "version": "1.15.0", + "version": "1.19.0", "description": "Dash components for Gov UK", "repository": { "type": "git",