@royaloperahouse/chord 2.6.1-a-development → 2.6.1-b-development

package/CHANGELOG.md

@@ -1,4 +1,4 @@
-## [2.6.1-a]
+## [2.6.1-b]
 - PeopleListing: Add variable column span based on people names length
 
 ## [2.6.1]

package/dist/chord.cjs.development.js

@@ -9099,6 +9099,8 @@ var getConcatenatedPropLength = function getConcatenatedPropLength(array, prop)
   }, 0);
 };
 
+var DEFAULT_COLUMN_COUNT = 4;
+var DEFAULT_LARGE_COLUMN_SPAN = 2;
 var DEFAULT_CHARACTER_THRESHOLD = 120;
 
 var concatenateMusicTitle = function concatenateMusicTitle(musicTitle, index) {
@@ -9124,9 +9126,13 @@ var concatenateMusicTitle = function concatenateMusicTitle(musicTitle, index) {
 var CreditListing = function CreditListing(_ref) {
   var roles = _ref.roles,
       _ref$columnCount = _ref.columnCount,
-      columnCount = _ref$columnCount === void 0 ? 4 : _ref$columnCount,
-      _ref$charThreshold = _ref.charThreshold,
-      charThreshold = _ref$charThreshold === void 0 ? DEFAULT_CHARACTER_THRESHOLD : _ref$charThreshold;
+      columnCount = _ref$columnCount === void 0 ? DEFAULT_COLUMN_COUNT : _ref$columnCount,
+      _ref$expandLargeEntri = _ref.expandLargeEntries,
+      expandLargeEntries = _ref$expandLargeEntri === void 0 ? false : _ref$expandLargeEntri,
+      _ref$largeColumnSpan = _ref.largeColumnSpan,
+      largeColumnSpan = _ref$largeColumnSpan === void 0 ? DEFAULT_LARGE_COLUMN_SPAN : _ref$largeColumnSpan,
+      _ref$characterThresho = _ref.characterThreshold,
+      characterThreshold = _ref$characterThresho === void 0 ? DEFAULT_CHARACTER_THRESHOLD : _ref$characterThresho;
   var creditEntries = [];
   var nextColumnStart = 1;
   roles.forEach(function (_ref2, index) {
@@ -9137,10 +9143,33 @@ var CreditListing = function CreditListing(_ref) {
         replacement = _ref2.replacement,
         additionalInfo = _ref2.additionalInfo,
         dataROH = _ref2.dataROH;
-    var namesLength = getConcatenatedPropLength(people, 'name');
-    var columnSpan = namesLength > charThreshold ? 2 : 1;
-    var columnStart = nextColumnStart + columnSpan > columnCount + 1 ? 1 : nextColumnStart;
-    nextColumnStart = (columnStart + columnSpan) % columnCount;
+
+    var _ref3 = function () {
+      if (expandLargeEntries && columnCount > 1) {
+        var namesLength = getConcatenatedPropLength(people, 'name');
+
+        var _columnSpan = namesLength > characterThreshold ? largeColumnSpan : 1;
+
+        var unboundedEnd = nextColumnStart + _columnSpan;
+
+        var _columnStart = unboundedEnd > columnCount + 1 ? 1 : nextColumnStart;
+
+        var columnEnd = _columnStart + _columnSpan;
+        nextColumnStart = columnEnd % columnCount || columnCount;
+        return {
+          columnStart: _columnStart,
+          columnSpan: _columnSpan
+        };
+      } else {
+        return {
+          columnStart: 0,
+          columnSpan: 1
+        };
+      }
+    }(),
+        columnStart = _ref3.columnStart,
+        columnSpan = _ref3.columnSpan;
+
     creditEntries.push( /*#__PURE__*/React__default.createElement(GridItem, {
       columnStartDesktop: columnStart,
       columnSpanDesktop: columnSpan,