@mjhls/mjh-framework 1.0.81 → 1.0.83

package/README.md

@@ -1,5 +1,5 @@
 
-# mjh-framework v. 1.0.81
+# mjh-framework v. 1.0.82
 
 
 > Foundation Framework

package/dist/index.es.js

@@ -5907,7 +5907,7 @@ var LeftNav = function LeftNav(props) {
     if (checkUrlIsExternal(subRow.url)) {
       return React__default.createElement(
         'a',
-        { href: subRow.url },
+        { target: subRow.blank ? '_blank' : '_self', href: subRow.url },
         subRow.name
       );
     }
@@ -5916,7 +5916,7 @@ var LeftNav = function LeftNav(props) {
       { href: subRow.url || '#' },
       React__default.createElement(
         'a',
-        null,
+        { target: subRow.blank ? '_blank' : '_self' },
         subRow.name
       )
     );
@@ -6349,7 +6349,7 @@ var NavMagazine = function NavMagazine(props) {
                         { key: subIndex, href: ddRow.url || '#' },
                         React__default.createElement(
                           'a',
-                          { className: 'dropdown-item' },
+                          { target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
                           ddRow.name
                         )
                       );
@@ -6364,7 +6364,7 @@ var NavMagazine = function NavMagazine(props) {
                   { key: index, href: row.url },
                   React__default.createElement(
                     'a',
-                    { className: 'nav-link' },
+                    { target: row.blank ? '_blank' : '_self', className: 'nav-link' },
                     row.name
                   )
                 );
@@ -6429,7 +6429,7 @@ var NavNative = function NavNative(props) {
                         { key: subIndex, href: ddRow.url || '#' },
                         React__default.createElement(
                           'a',
-                          { className: 'dropdown-item' },
+                          { target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
                           ddRow.name
                         )
                       );
@@ -6444,7 +6444,7 @@ var NavNative = function NavNative(props) {
                   { key: index, href: row.url || '#' },
                   React__default.createElement(
                     'a',
-                    { className: 'nav-link' },
+                    { target: row.blank ? '_blank' : '_self', className: 'nav-link' },
                     row.name
                   )
                 );
@@ -6517,7 +6517,7 @@ var NavNormal = function NavNormal(props) {
                     } else {
                       return React__default.createElement(
                         NavDropdown.Item,
-                        { href: ddRow.url },
+                        { href: ddRow.url, target: ddRow.blank ? '_blank' : '_self' },
                         ddRow.name
                       );
                     }
@@ -6527,7 +6527,7 @@ var NavNormal = function NavNormal(props) {
                 // Link default
                 return React__default.createElement(
                   Nav.Link,
-                  { href: row.url },
+                  { href: row.url, target: row.blank ? '_blank' : '_self' },
                   row.name
                 );
               }
@@ -6596,11 +6596,11 @@ var NavDvm = function NavDvm(props) {
       dataObject = props.dataObject;
 
 
-  var getLink = function getLink(url, className, name, key) {
+  var getLink = function getLink(url, className, name, key, blank) {
     if (url.includes('https://') || url.includes('http://')) {
       return React__default.createElement(
         'a',
-        { key: key, href: url || '#', className: className },
+        { target: blank ? '_blank' : '_self', key: key, href: url || '#', className: className },
         name
       );
     }
@@ -6610,7 +6610,7 @@ var NavDvm = function NavDvm(props) {
       { key: key, href: url || '#' },
       React__default.createElement(
         'a',
-        { className: className },
+        { target: blank ? '_blank' : '_self', className: className },
         name
       )
     );
@@ -6675,12 +6675,12 @@ var NavDvm = function NavDvm(props) {
                     if (ddRow.type === 'divider') {
                       return React__default.createElement(NavDropdown.Divider, { key: subIndex });
                     } else {
-                      return getLink(ddRow.url, 'dropdown-item', ddRow.name, subIndex);
+                      return getLink(ddRow.url, 'dropdown-item', ddRow.name, subIndex, ddRow.blank);
                     }
                   })
                 );
               } else {
-                return getLink(row.url, 'nav-link', row.name, index);
+                return getLink(row.url, 'nav-link', row.name, index, row.blank);
               }
             })
           ),
@@ -7758,26 +7758,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 = useRouter();
+
+  var _useState = 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(
       Carousel,
-      null,
+      { activeIndex: carouselIndex, onSelect: function onSelect(selectedIndex, e) {
+          return onChangeSlide(selectedIndex, pageview, setCarouselIndex, router.asPath);
+        } },
       slides && slides.map(function (slide) {
         return React__default.createElement(
           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%' } })
         );
       })
     )
@@ -11602,7 +11619,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) {
@@ -11625,7 +11642,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;