@royaloperahouse/chord 0.7.5 → 0.7.6

package/CHANGELOG.md

@@ -1,5 +1,8 @@
 # CHANGELOG
 
+## [0.7.6]
+- Add new initOpen prop to Accordion component
+
 ## [0.7.5]
 - Fix Styling in PeopleListing on Desktop
 

package/dist/chord.cjs.development.js

@@ -4596,9 +4596,11 @@ var Accordion = function Accordion(_ref) {
       title = _ref$title === void 0 ? '' : _ref$title,
       _ref$showLine = _ref.showLine,
       showLine = _ref$showLine === void 0 ? true : _ref$showLine,
-      children = _ref.children;
+      children = _ref.children,
+      _ref$initOpen = _ref.initOpen,
+      initOpen = _ref$initOpen === void 0 ? false : _ref$initOpen;
 
-  var _useState = React.useState(false),
+  var _useState = React.useState(initOpen),
       openAccordion = _useState[0],
       setOpenAccordion = _useState[1];
 
@@ -4606,11 +4608,16 @@ var Accordion = function Accordion(_ref) {
       textHeight = _useState2[0],
       setTextHeight = _useState2[1];
 
-  var _useState3 = React.useState('Expand'),
+  var _useState3 = React.useState(initOpen ? 'Detract' : 'Expand'),
       iconName = _useState3[0],
       setIconName = _useState3[1];
 
   var content = React.useRef(null);
+  React.useEffect(function () {
+    if (content != null && content.current && initOpen) {
+      setTextHeight(content.current.scrollHeight + "px");
+    }
+  }, [content, initOpen]);
 
   var toggleAccordion = function toggleAccordion() {
     setOpenAccordion(!openAccordion);