@royaloperahouse/chord 0.5.1 → 0.5.2

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # CHANGELOG
 
+## [0.5.2]
+- Highlights Carousel: info change swiping slide
+- Fix RotatorButtons a11y
+
 ## [0.5.1]
 - Highlights Carousel: fix box-sizing
 

package/dist/chord.cjs.development.js

@@ -2630,12 +2630,24 @@ var RotatorButtons = function RotatorButtons(_ref) {
     }
   };
 
+  var onPrevKeyDownHandler = function onPrevKeyDownHandler(e) {
+    if (e.code === 'Enter') {
+      onClickLeftHandler();
+    }
+  };
+
   var onClickRightHandler = function onClickRightHandler() {
     if (onClickNext) {
       onClickNext();
     }
   };
 
+  var onNextKeyDownHandler = function onNextKeyDownHandler(e) {
+    if (e.code === 'Enter') {
+      onClickRightHandler();
+    }
+  };
+
   var renderPrevIcon = function renderPrevIcon() {
     return /*#__PURE__*/React__default.createElement(Icon, {
       iconName: 'CarouselArrow',
@@ -2651,11 +2663,15 @@ var RotatorButtons = function RotatorButtons(_ref) {
 
   return /*#__PURE__*/React__default.createElement(ButtonsContainer, null, availablePrev ? /*#__PURE__*/React__default.createElement(IconWrapper, {
     onClick: onClickLeftHandler,
+    onKeyDown: onPrevKeyDownHandler,
+    tabIndex: 0,
     "data-testid": "iconprev"
   }, renderPrevIcon()) : /*#__PURE__*/React__default.createElement(IconUnavailableWrapper, {
     "data-testid": "iconprevnoavailable"
   }, renderPrevIcon()), availableNext ? /*#__PURE__*/React__default.createElement(IconWrapper, {
     onClick: onClickRightHandler,
+    onKeyDown: onNextKeyDownHandler,
+    tabIndex: 0,
     "data-testid": "iconnext"
   }, renderNextIcon()) : /*#__PURE__*/React__default.createElement(IconUnavailableWrapper, {
     "data-testid": "iconnextnoavailable"
@@ -4260,6 +4276,16 @@ var HighlightsCarousel = function HighlightsCarousel(_ref) {
       restLink = _objectWithoutPropertiesLoose(link, _excluded$8);
 
   var description = infoText == null ? void 0 : infoText.substring(0, 130);
+  React.useEffect(function () {
+    var slideChangeHandler = function slideChangeHandler(s) {
+      return setCurrentSlide(s.realIndex);
+    };
+
+    swiper == null ? void 0 : swiper.on('slideChangeTransitionStart', slideChangeHandler);
+    return function () {
+      return swiper == null ? void 0 : swiper.off('slideChangeTransitionStart', slideChangeHandler);
+    };
+  }, [swiper]);
 
   var onSwiper = function onSwiper(s) {
     setSwiper(s);
@@ -4268,14 +4294,12 @@ var HighlightsCarousel = function HighlightsCarousel(_ref) {
   var onNext = function onNext() {
     if (swiper && !swiper.animating) {
       swiper.slideNext();
-      setCurrentSlide(swiper.realIndex);
     }
   };
 
   var onPrev = function onPrev() {
     if (swiper && !swiper.animating) {
       swiper.slidePrev();
-      setCurrentSlide(swiper.realIndex);
     }
   };