@mjhls/mjh-framework 1.0.82 → 1.0.83

package/dist/index.js

@@ -7765,26 +7765,43 @@ var FigureComponent = function FigureComponent(_ref) {
   );
 };
 
+var urlFor = function urlFor(source, builder) {
+  return builder.image(source);
+};
+
+var onChangeSlide = function onChangeSlide(selectedIndex, pageview, setCarouselIndex, asPath) {
+  setCarouselIndex(selectedIndex);
+  lib_3.refresh();
+  pageview(asPath);
+};
+
 var Slideshow = function Slideshow(_ref) {
   var slides = _ref.slides,
-      client = _ref.client;
+      client = _ref.client,
+      pageview = _ref.pageview;
+
+  var router$$1 = router.useRouter();
+
+  var _useState = React.useState(0),
+      _useState2 = slicedToArray(_useState, 2),
+      carouselIndex = _useState2[0],
+      setCarouselIndex = _useState2[1];
 
   var builder = imageUrlBuilder(client);
 
-  var urlFor = function urlFor(source) {
-    return builder.image(source);
-  };
   return React__default.createElement(
     'div',
     { style: { marginTop: '1em', marginBottom: '1em' } },
     React__default.createElement(
       reactBootstrap.Carousel,
-      null,
+      { activeIndex: carouselIndex, onSelect: function onSelect(selectedIndex, e) {
+          return onChangeSlide(selectedIndex, pageview, setCarouselIndex, router$$1.asPath);
+        } },
       slides && slides.map(function (slide) {
         return React__default.createElement(
           reactBootstrap.Carousel.Item,
           { key: slide._key },
-          React__default.createElement('img', { src: urlFor(slide).url(), style: { width: '100%' } })
+          React__default.createElement('img', { src: urlFor(slide.asset, builder).url(), style: { width: '100%' } })
         );
       })
     )
@@ -11609,7 +11626,7 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
   );
 };
 
-var getSerializers$1 = function getSerializers(client) {
+var getSerializers$1 = function getSerializers(client, pageview) {
   return {
     types: {
       youtube: function youtube(_ref) {
@@ -11632,7 +11649,7 @@ var getSerializers$1 = function getSerializers(client) {
         var node = _ref4.node;
         var slides = node.slides;
 
-        return React__default.createElement(Slideshow, { slides: slides, client: client });
+        return React__default.createElement(Slideshow, { slides: slides, client: client, pageview: pageview });
       },
       sidebar: function sidebar(_ref5) {
         var node = _ref5.node;