@royaloperahouse/chord 2.10.0 → 2.11.0

package/CHANGELOG.md

@@ -1,3 +1,6 @@
+## [2.11.0]
+- CreditListing line groups
+
 ## [2.10.0]
 - Upsell Card, Upsell Cards, Upsell section:
 - Add secondary CTA

package/dist/chord.cjs.development.js

@@ -131,6 +131,44 @@ function _taggedTemplateLiteralLoose(strings, raw) {
   return strings;
 }
 
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+
+  return arr2;
+}
+
+function _createForOfIteratorHelperLoose(o, allowArrayLike) {
+  var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
+  if (it) return (it = it.call(o)).next.bind(it);
+
+  if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
+    if (it) o = it;
+    var i = 0;
+    return function () {
+      if (i >= o.length) return {
+        done: true
+      };
+      return {
+        done: false,
+        value: o[i++]
+      };
+    };
+  }
+
+  throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
 var _templateObject;
 var BadgeWrapper = /*#__PURE__*/styled__default.svg(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: auto;\n\n  g,\n  path {\n    fill: var(--base-color-", ");\n  }\n"])), function (_ref) {
   var fillColor = _ref.fillColor;
@@ -7489,7 +7527,7 @@ var Accordion = function Accordion(_ref) {
 
   var Standfirst = function Standfirst() {
     return visibleStandfirst ? /*#__PURE__*/React__default.createElement(ContentContainer, null, /*#__PURE__*/React__default.createElement(ChildrenContainer, {
-      isVisible: childrenVisibility
+      isVisible: true
     }, visibleStandfirst)) : null;
   };
 
@@ -9101,6 +9139,15 @@ var concatenateMusicTitle = function concatenateMusicTitle(musicTitle, index) {
   }));
 };
 
+var isArrayOfArrays = function isArrayOfArrays(array) {
+  for (var _iterator = _createForOfIteratorHelperLoose(array), _step; !(_step = _iterator()).done;) {
+    var item = _step.value;
+    if (!Array.isArray(item)) return false;
+  }
+
+  return true;
+};
+
 var CreditListing = function CreditListing(_ref) {
   var roles = _ref.roles,
       _ref$columnCount = _ref.columnCount,
@@ -9124,7 +9171,7 @@ var CreditListing = function CreditListing(_ref) {
 
     var _ref3 = function () {
       if (expandLargeEntries && columnCount > 1) {
-        var namesLength = getConcatenatedPropLength(people, 'name');
+        var namesLength = getConcatenatedPropLength(people.flat(), 'name');
 
         var _columnSpan = namesLength > characterThreshold ? largeColumnSpan : 1;
 
@@ -9148,6 +9195,7 @@ var CreditListing = function CreditListing(_ref) {
         columnStart = _ref3.columnStart,
         columnSpan = _ref3.columnSpan;
 
+    var personArrays = isArrayOfArrays(people) ? people : [people];
     creditEntries.push( /*#__PURE__*/React__default.createElement(GridItem, {
       columnStartDesktop: columnStart,
       columnSpanDesktop: columnSpan,
@@ -9166,16 +9214,19 @@ var CreditListing = function CreditListing(_ref) {
     }, name)), description && /*#__PURE__*/React__default.createElement(DescriptionWrapper, null, /*#__PURE__*/React__default.createElement(Overline, {
       level: 3,
       tag: "p"
-    }, description)), /*#__PURE__*/React__default.createElement(BodyText, {
-      level: 1,
-      tag: "p"
-    }, people.map(function (person, personIndex) {
-      return /*#__PURE__*/React__default.createElement(Person, {
-        key: "" + person.name + personIndex,
-        person: person,
-        withSeparator: people.length !== personIndex + 1
-      });
-    })), replacement && /*#__PURE__*/React__default.createElement(ReplacementWrapper$1, null, /*#__PURE__*/React__default.createElement(BodyText, {
+    }, description)), personArrays.map(function (personArray, arrayIndex) {
+      return /*#__PURE__*/React__default.createElement(BodyText, {
+        key: "personArray" + arrayIndex,
+        level: 1,
+        tag: "p"
+      }, personArray.map(function (person, personIndex) {
+        return /*#__PURE__*/React__default.createElement(Person, {
+          key: "" + person.name + personIndex,
+          person: person,
+          withSeparator: personArray.length !== personIndex + 1
+        });
+      }));
+    }), replacement && /*#__PURE__*/React__default.createElement(ReplacementWrapper$1, null, /*#__PURE__*/React__default.createElement(BodyText, {
       level: 1,
       tag: "p"
     }, replacement)), musicTitle && musicTitle.length > 0 && /*#__PURE__*/React__default.createElement(BodyText, {