@royaloperahouse/chord 1.14.0-c-chord-development → 1.14.0-e-chord-development
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chord.cjs.development.js +13 -4
- package/dist/chord.cjs.development.js.map +1 -1
- package/dist/chord.cjs.production.min.js +1 -1
- package/dist/chord.cjs.production.min.js.map +1 -1
- package/dist/chord.esm.js +13 -4
- package/dist/chord.esm.js.map +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/types/carousel.d.ts +4 -4
- package/dist/types/index.d.ts +2 -1
- package/package.json +1 -1
|
@@ -4910,8 +4910,7 @@ var HighlightsCarousel = function HighlightsCarousel(_ref) {
|
|
|
4910
4910
|
|
|
4911
4911
|
var logo = _ref.logo,
|
|
4912
4912
|
carouselTitle = _ref.carouselTitle,
|
|
4913
|
-
slides = _ref.slides
|
|
4914
|
-
timerParams = _ref.timerParams;
|
|
4913
|
+
slides = _ref.slides;
|
|
4915
4914
|
var images = React.useMemo(function () {
|
|
4916
4915
|
return slides.map(function (_ref2) {
|
|
4917
4916
|
var image = _ref2.image;
|
|
@@ -4927,12 +4926,17 @@ var HighlightsCarousel = function HighlightsCarousel(_ref) {
|
|
|
4927
4926
|
currentSlide = _useState2[0],
|
|
4928
4927
|
setCurrentSlide = _useState2[1];
|
|
4929
4928
|
|
|
4929
|
+
var _useState3 = React.useState([]),
|
|
4930
|
+
finishedTimers = _useState3[0],
|
|
4931
|
+
setFinishedTimers = _useState3[1];
|
|
4932
|
+
|
|
4930
4933
|
var _slides$currentSlide = slides[currentSlide],
|
|
4931
4934
|
links = _slides$currentSlide.links,
|
|
4932
4935
|
infoText = _slides$currentSlide.infoText,
|
|
4933
4936
|
infoTitle = _slides$currentSlide.infoTitle,
|
|
4934
4937
|
infoTimeframe = _slides$currentSlide.infoTimeframe,
|
|
4935
|
-
infoSubtitle = _slides$currentSlide.infoSubtitle
|
|
4938
|
+
infoSubtitle = _slides$currentSlide.infoSubtitle,
|
|
4939
|
+
timerParams = _slides$currentSlide.timerParams;
|
|
4936
4940
|
var description = infoText ? truncateHtmlString(infoText, 185, true) : '';
|
|
4937
4941
|
React.useEffect(function () {
|
|
4938
4942
|
var slideChangeHandler = function slideChangeHandler(s) {
|
|
@@ -4996,8 +5000,13 @@ var HighlightsCarousel = function HighlightsCarousel(_ref) {
|
|
|
4996
5000
|
"data-testid": "info-wrapper"
|
|
4997
5001
|
}, timerParams && /*#__PURE__*/React__default.createElement(TimerWrapper$1, {
|
|
4998
5002
|
"data-testid": "hightlight-carousel-timer-wrapper"
|
|
4999
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
5003
|
+
}, finishedTimers.includes(currentSlide) ? /*#__PURE__*/React__default.createElement(AltHeader, {
|
|
5004
|
+
level: 5
|
|
5005
|
+
}, timerParams.endDateText) : /*#__PURE__*/React__default.createElement(Timer, {
|
|
5000
5006
|
color: exports.Colors.White,
|
|
5007
|
+
endDateHandler: function endDateHandler() {
|
|
5008
|
+
return setFinishedTimers([].concat(finishedTimers, [currentSlide]));
|
|
5009
|
+
},
|
|
5001
5010
|
endDate: timerParams.endDate,
|
|
5002
5011
|
title: timerParams.title
|
|
5003
5012
|
})), logo ? /*#__PURE__*/React__default.createElement(InfoLogoWrapper, null, logo) : null, /*#__PURE__*/React__default.createElement(InfoTitleWrapper, null, /*#__PURE__*/React__default.createElement(Header, {
|