@mjhls/mjh-framework 1.0.105 → 1.0.108

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import React__default, { Component, useState, useEffect, useRef, createContext, createElement } from 'react';
+import React__default, { Component, useState, useEffect, useRef, createElement, createContext } from 'react';
 import PropTypes from 'prop-types';
 import reactDom from 'react-dom';
 import Container from 'react-bootstrap/Container';
@@ -8,7 +8,7 @@ import Card from 'react-bootstrap/Card';
 import Link from 'next/link';
 import { withRouter, useRouter } from 'next/router';
 import Media from 'react-bootstrap/Media';
-import { Media as Media$1, Card as Card$1, Container as Container$1, Dropdown, Figure, Carousel, Table, Button as Button$1, ProgressBar } from 'react-bootstrap';
+import { Media as Media$1, Container as Container$1, Dropdown, Figure, Carousel, Table, Button as Button$1, ProgressBar, Card as Card$1 } from 'react-bootstrap';
 import ListGroup from 'react-bootstrap/ListGroup';
 import Head from 'next/head';
 import Accordion from 'react-bootstrap/Accordion';
@@ -9894,6 +9894,48 @@ var GridContent = function (_React$Component) {
           }
         }
       }
+    }, _this.renderAuthor = function (authorDetail, index$$1, length) {
+      var _id = authorDetail._id,
+          displayName = authorDetail.displayName,
+          url = authorDetail.url;
+
+      if (displayName && url && url.current) {
+        return React__default.createElement(
+          'div',
+          { key: _id },
+          index$$1 === 0 && React__default.createElement(
+            'span',
+            { className: 'pr-1' },
+            'By'
+          ),
+          React__default.createElement(
+            Link,
+            { href: '/authors/[url]', as: '/authors/' + url.current },
+            React__default.createElement(
+              'a',
+              { className: 'text-muted' },
+              displayName,
+              length !== index$$1 + 1 && React__default.createElement('br', null)
+            )
+          )
+        );
+      } else if (displayName) {
+        return React__default.createElement(
+          'div',
+          { key: _id },
+          index$$1 === 0 && React__default.createElement(
+            'span',
+            { className: 'pr-1' },
+            'By'
+          ),
+          React__default.createElement(
+            'span',
+            { className: 'text-muted' },
+            displayName,
+            length !== index$$1 + 1 && React__default.createElement('br', null)
+          )
+        );
+      }
     }, _this.renderManualPagination = function () {
       var currentPage = _this.state.currentPage;
 
@@ -9932,44 +9974,55 @@ var GridContent = function (_React$Component) {
               Col,
               { key: index$$1, md: 12, lg: lgVar, style: { display: 'flex', flex: '1 0 auto' } },
               React__default.createElement(
-                Link,
-                { href: _this2.page + '/[url]', as: _this2.page + '/' + get_1(row, 'url.current') },
+                Card,
+                { className: 'queue-card', style: { borderTop: '1px solid #EEE' } },
                 React__default.createElement(
-                  'a',
-                  null,
+                  Row,
+                  { style: { flexDirection: 'row' } },
                   React__default.createElement(
-                    Card,
-                    { className: 'queue-card', style: { borderTop: '1px solid #EEE' } },
+                    Col,
+                    { md: 12, lg: 4 },
                     React__default.createElement(
-                      Row,
-                      { style: { flexDirection: 'row' } },
+                      Link,
+                      { href: _this2.page + '/[url]', as: _this2.page + '/' + get_1(row, 'url.current') },
                       React__default.createElement(
-                        Col,
-                        { md: 12, lg: 4 },
+                        'a',
+                        null,
                         React__default.createElement(Card.Img, { variant: 'top', src: thumbnailURL })
-                      ),
+                      )
+                    )
+                  ),
+                  React__default.createElement(
+                    Col,
+                    null,
+                    React__default.createElement(
+                      Card.Body,
+                      { style: { padding: '20px' } },
                       React__default.createElement(
-                        Col,
-                        null,
+                        Link,
+                        { href: _this2.page + '/[url]', as: _this2.page + '/' + get_1(row, 'url.current') },
                         React__default.createElement(
-                          Card.Body,
-                          { style: { padding: '20px' } },
+                          'a',
+                          null,
                           React__default.createElement(
                             Card.Title,
                             null,
                             row.title
-                          ),
-                          _this2.props.showPublished && row.published && React__default.createElement(
-                            Card.Subtitle,
-                            { style: { marginTop: 0 } },
-                            moment(row.published).format('MMMM DD, YYYY')
-                          ),
-                          React__default.createElement(
-                            Card.Text,
-                            null,
-                            row.summary
                           )
                         )
+                      ),
+                      _this2.props.showPublished && row.published && React__default.createElement(
+                        Card.Subtitle,
+                        { style: { marginTop: 0 } },
+                        moment(row.published).format('MMMM DD, YYYY')
+                      ),
+                      _this2.props.showAuthor && row.authorMapping && row.authorMapping.length > 0 && row.authorMapping.map(function (authorDetail, index$$1) {
+                        return _this2.renderAuthor(authorDetail, index$$1, row.authorMapping.length);
+                      }),
+                      React__default.createElement(
+                        Card.Text,
+                        null,
+                        row.summary
                       )
                     )
                   )
@@ -10020,18 +10073,21 @@ var GridContent = function (_React$Component) {
                         Card.Title,
                         null,
                         row.title
-                      ),
-                      _this2.props.showPublished && row.published && React__default.createElement(
-                        Card.Subtitle,
-                        { style: { marginTop: 0 } },
-                        moment(row.published).format('MMMM DD, YYYY')
-                      ),
-                      React__default.createElement(
-                        Card.Text,
-                        { className: index$$1 === 0 || index$$1 % 4 === 0 ? '' : 'card-subtext' },
-                        row.summary
                       )
                     )
+                  ),
+                  _this2.props.showPublished && row.published && React__default.createElement(
+                    Card.Subtitle,
+                    { style: { marginTop: 0 } },
+                    moment(row.published).format('MMMM DD, YYYY')
+                  ),
+                  _this2.props.showAuthor && row.authorMapping && row.authorMapping.length > 0 && row.authorMapping.map(function (authorDetail, index$$1) {
+                    return _this2.renderAuthor(authorDetail, index$$1, row.authorMapping.length);
+                  }),
+                  React__default.createElement(
+                    Card.Text,
+                    { className: index$$1 === 0 || index$$1 % 4 === 0 ? '' : 'card-subtext' },
+                    row.summary
                   )
                 )
               )
@@ -11006,29 +11062,51 @@ var changePageNumber = function changePageNumber(pageNumber, seoPaginate, pagevi
   }
 };
 
-var renderAuthor = function renderAuthor(authorName, authorURL, index$$1, length) {
-  if (authorName && authorURL) {
+var renderAuthor = function renderAuthor(authorDetail, index$$1, length) {
+  var _id = authorDetail._id,
+      displayName = authorDetail.displayName,
+      url = authorDetail.url;
+
+  if (displayName && url && url.current) {
     return React__default.createElement(
-      Link,
-      { href: '/authors/' + authorURL.current, key: index$$1 },
+      'div',
+      { key: _id },
+      index$$1 === 0 && React__default.createElement(
+        'span',
+        { className: 'pr-1' },
+        'By'
+      ),
       React__default.createElement(
-        'a',
-        null,
-        authorName,
-        length !== index$$1 + 1 && ' | '
+        Link,
+        { href: '/authors/[url]', as: '/authors/' + url.current },
+        React__default.createElement(
+          'a',
+          { className: 'text-muted' },
+          displayName,
+          length !== index$$1 + 1 && React__default.createElement('br', null)
+        )
       )
     );
-  } else if (authorName) {
+  } else if (displayName) {
     return React__default.createElement(
-      'span',
-      { key: index$$1 },
-      authorName,
-      length !== index$$1 + 1 && ' | '
+      'div',
+      { key: _id },
+      index$$1 === 0 && React__default.createElement(
+        'span',
+        { className: 'pr-1' },
+        'By'
+      ),
+      React__default.createElement(
+        'span',
+        { className: 'text-muted' },
+        displayName,
+        length !== index$$1 + 1 && React__default.createElement('br', null)
+      )
     );
   }
 };
 
-var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage) {
+var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor) {
   return React__default.createElement(
     'div',
     null,
@@ -11082,12 +11160,8 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
                 { className: 'card-text', style: { color: 'var(--dark)', marginBottom: '.25rem' } },
                 moment(article.published).format('MMMM DD, YYYY')
               ),
-              article.authorDetails && article.authorDetails.length > 0 && article.authorDetails.map(function (authorDetail, index$$1) {
-                return React__default.createElement(
-                  'div',
-                  { className: 'card-text d-inline', key: index$$1 },
-                  renderAuthor(authorDetail.displayName, authorDetail.url, index$$1, article.authorDetails.length)
-                );
+              showAuthor && article.authorMapping && article.authorMapping.length > 0 && article.authorMapping.map(function (authorDetail, index$$1) {
+                return renderAuthor(authorDetail, index$$1, article.authorMapping.length);
               }),
               article.summary && React__default.createElement(
                 'p',
@@ -11139,7 +11213,8 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
       mapping = props.mapping,
       seoPaginate = props.seoPaginate,
       pageview = props.pageview,
-      defaultImage = props.defaultImage;
+      defaultImage = props.defaultImage,
+      showAuthor = props.showAuthor;
   var initialCurrentPage = props.currentPage,
       showPublished = props.showPublished;
 
@@ -11156,9 +11231,8 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
       setScrolling = _useState4[1];
 
   var _useState5 = useState(params ? params.to : 0),
-      _useState6 = slicedToArray(_useState5, 2),
-      per = _useState6[0],
-      setPer = _useState6[1];
+      _useState6 = slicedToArray(_useState5, 1),
+      per = _useState6[0];
 
   var _useState7 = useState(initialCurrentPage || 1),
       _useState8 = slicedToArray(_useState7, 2),
@@ -11198,7 +11272,7 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
         React__default.createElement(
           Container$1,
           null,
-          cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage)
+          cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor)
         )
       ),
       React__default.createElement(
@@ -11212,7 +11286,7 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
       React__default.createElement(
         Container$1,
         null,
-        cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage)
+        cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor)
       ),
       React__default.createElement(
         'div',
@@ -11258,8 +11332,8 @@ var VideoSeriesListing = function (_React$Component) {
       args[_key] = arguments[_key];
     }
 
-    return _ret = (_temp = (_this = possibleConstructorReturn(this, (_ref = VideoSeriesListing.__proto__ || Object.getPrototypeOf(VideoSeriesListing)).call.apply(_ref, [this].concat(args))), _this), _this.page = _this.props.page, _this.mapping = _this.props.mapping, _this.data = _this.props.dataRecord, _this.query = _this.props.query, _this.params = _this.props.params, _this.defaultImage = _this.props.defaultImage ? _this.props.defaultImage : '/placeholder.jpg', _this.state = {
-      data: _this.data,
+    return _ret = (_temp = (_this = possibleConstructorReturn(this, (_ref = VideoSeriesListing.__proto__ || Object.getPrototypeOf(VideoSeriesListing)).call.apply(_ref, [this].concat(args))), _this), _this.page = _this.props.page, _this.mapping = _this.props.mapping, _this.data = _this.props.dataRecord, _this.query = _this.props.query, _this.params = _this.props.params, _this.dataArr = [_this.data], _this.defaultImage = _this.props.defaultImage ? _this.props.defaultImage : '/placeholder.jpg', _this.state = {
+      data: _this.dataArr,
       per: _this.params ? _this.params.to : 2,
       page: _this.props.currentPage || 1,
       from: _this.params ? _this.params.from : 0,
@@ -11307,8 +11381,10 @@ var VideoSeriesListing = function (_React$Component) {
 
         _this.setState(function () {
           if (dataArr.length > 0) {
+            var newDataArr = _this.state.data;
+            newDataArr.push(dataArr);
             return {
-              data: [].concat(toConsumableArray(data), toConsumableArray(dataArr)),
+              data: newDataArr,
               scrolling: true
             };
           } else {
@@ -11393,44 +11469,72 @@ var VideoSeriesListing = function (_React$Component) {
           'Next >>'
         )
       );
+    }, _this.renderSeries = function (seriesData) {
+      var itemCounter = 0;
+
+      return React__default.createElement(
+        'div',
+        null,
+        seriesData && seriesData.map(function (docSeries, index$$1) {
+          docSeries.body[0].videos.map(function (singleVideo, indexInner) {
+            singleVideo.link = '/view/' + docSeries.url.current + '?seriesVid=' + (indexInner + 1);
+          });
+          return React__default.createElement(
+            'div',
+            { key: index$$1, counter: itemCounter++ },
+            React__default.createElement(
+              'h4',
+              { className: 'video-title-banner', style: { fontWeight: 'bold', color: 'var(--primary)', padding: '.25rem 0', borderBottom: '2px solid var(--gold)' } },
+              React__default.createElement(
+                Link,
+                { href: '/' + _this.props.page + '/' + docSeries.url.current },
+                React__default.createElement(
+                  'a',
+                  null,
+                  docSeries.title,
+                  React__default.createElement(
+                    'span',
+                    { style: { fontSize: '.9rem', color: 'grey', marginLeft: '1rem' } },
+                    'View Topic'
+                  )
+                )
+              )
+            ),
+            React__default.createElement(YoutubeGroup, { key: index$$1, dataset: docSeries.body[0].videos })
+          );
+        })
+      );
     }, _temp), possibleConstructorReturn(_this, _ret);
   }
 
   createClass(VideoSeriesListing, [{
     key: 'render',
     value: function render() {
+      var _this2 = this;
+
       return React__default.createElement(
         InfiniteScroll,
         { dataLength: this.state.data.length, next: this.loadMore, hasMore: this.state.scrolling, scrollThreshold: 0.9 },
         React__default.createElement(
           Container,
           null,
-          this.state.data && this.state.data.map(function (docSeries, index$$1) {
-            docSeries.body[0].videos && docSeries.body[0].videos.map(function (singleVideo, indexInner) {
-              singleVideo.link = '/view/' + docSeries.url.current + '?seriesVid=' + (indexInner + 1);
-            });
+          this.state.data && this.state.data.map(function (series, index$$1) {
+            var page = series[0].pageNumber !== 1 ? series[0].pageNumber : index$$1 + 1;
+
             return React__default.createElement(
-              'div',
-              null,
+              VisibilitySensor,
+              {
+                partialVisibility: true,
+                offset: { bottom: 400, top: 200 },
+                key: index$$1,
+                onChange: function onChange(isVisible) {
+                  isVisible && _this2.changePageNumber(page);
+                } },
               React__default.createElement(
-                'h4',
-                { className: 'video-title-banner', style: { fontWeight: 'bold', color: 'var(--primary)', padding: '.25rem 0', borderBottom: '2px solid var(--gold)' } },
-                React__default.createElement(
-                  Link,
-                  { href: '/case-based-peer-perspectives/' + docSeries.url.current },
-                  React__default.createElement(
-                    'a',
-                    null,
-                    docSeries.title,
-                    React__default.createElement(
-                      'span',
-                      { style: { fontSize: '.9rem', color: 'grey', marginLeft: '1rem' } },
-                      'View Topic'
-                    )
-                  )
-                )
-              ),
-              React__default.createElement(YoutubeGroup, { key: index$$1, dataset: docSeries.body[0].videos })
+                'div',
+                null,
+                _this2.renderSeries(series)
+              )
             );
           })
         )
@@ -11788,6 +11892,10 @@ function IconBase(props) {
 }
 
 // THIS FILE IS AUTO GENERATED
+var IoIosHome = function (props) {
+  return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 512 512"},"child":[{"tag":"path","attr":{"d":"M258.5 104.1c-1.5-1.2-3.5-1.2-5 0l-156 124.8c-.9.8-1.5 1.9-1.5 3.1v230c0 1.1.9 2 2 2h108c1.1 0 2-.9 2-2V322c0-1.1.9-2 2-2h92c1.1 0 2 .9 2 2v140c0 1.1.9 2 2 2h108c1.1 0 2-.9 2-2V232c0-1.2-.6-2.4-1.5-3.1l-156-124.8z"}},{"tag":"path","attr":{"d":"M458.7 204.2l-189-151.4C265.9 49.7 261 48 256 48s-9.9 1.7-13.7 4.8L160 119.7V77.5c0-1.1-.9-2-2-2H98c-1.1 0-2 .9-2 2v92.2l-42.7 35.1c-3.1 2.5-5.1 6.2-5.3 10.2-.2 4 1.3 7.9 4.1 10.7 2.6 2.6 6.1 4.1 9.9 4.1 3.2 0 6.3-1.1 8.8-3.1l183.9-148c.5-.4.9-.4 1.3-.4s.8.1 1.3.4l183.9 147.4c2.5 2 5.6 3.1 8.8 3.1 3.7 0 7.2-1.4 9.9-4.1 2.9-2.8 4.4-6.7 4.2-10.7-.3-4-2.2-7.7-5.4-10.2z"}}]})(props);
+};
+IoIosHome.displayName = "IoIosHome";
 var IoMdArrowDropdown = function (props) {
   return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 512 512"},"child":[{"tag":"path","attr":{"d":"M128 192l128 128 128-128z"}}]})(props);
 };
@@ -12079,6 +12187,31 @@ var NavMagazine = function NavMagazine(props) {
       subNav = props.subNav,
       website = props.website;
 
+  var navRef = useRef(null);
+
+  var _useState = useState(false),
+      _useState2 = slicedToArray(_useState, 2),
+      isSticky = _useState2[0],
+      setIsSticky = _useState2[1];
+
+  useEffect(function () {
+    document.addEventListener('scroll', trackScrolling);
+    return function () {
+      document.removeEventListener('scroll', trackScrolling);
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  var trackScrolling = function trackScrolling() {
+    var offsetTop = navRef.current.getBoundingClientRect().top;
+
+    if (offsetTop === 0) {
+      setIsSticky(true);
+    } else {
+      setIsSticky(false);
+    }
+  };
+
   return React__default.createElement(
     React__default.Fragment,
     null,
@@ -12111,7 +12244,7 @@ var NavMagazine = function NavMagazine(props) {
     ),
     React__default.createElement(
       Navbar,
-      { className: 'bottom-nav', variant: 'dark', expand: 'lg', bg: 'primary', sticky: 'top' },
+      { className: 'bottom-nav', variant: 'dark', expand: 'lg', bg: 'primary', sticky: 'top', ref: navRef },
       React__default.createElement(
         Container,
         { className: 'mobile-nav' },
@@ -12119,6 +12252,15 @@ var NavMagazine = function NavMagazine(props) {
         React__default.createElement(
           Navbar.Collapse,
           { id: 'basic-navbar-nav' },
+          isSticky && React__default.createElement(
+            Link,
+            { href: '/' },
+            React__default.createElement(
+              'a',
+              null,
+              React__default.createElement(IoIosHome, { size: 20, className: 'sticky-home', color: '#fff' })
+            )
+          ),
           React__default.createElement(
             Nav,
             { className: 'mr-auto' },
@@ -12215,7 +12357,7 @@ var NavMagazine = function NavMagazine(props) {
     React__default.createElement(
       'style',
       { jsx: true },
-      '\n        @media screen and (max-width: 991px) {\n          .dropdown-menu {\n            max-height: 315px;\n            overflow: auto;\n          }\n          ::-webkit-scrollbar {\n            width: 10px;\n          }\n          ::-webkit-scrollbar-thumb {\n            border-radius: 4px;\n            background-color: rgba(214, 214, 214, 0.8);\n            box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n            -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n          }\n          .navbar-expand-lg .show#basic-navbar-sub {\n            display: block;\n          }\n          .navbar .mobile-nav .navbar-collapse.show {\n            padding-bottom: 20px;\n            border-bottom: 0.5px solid white;\n            margin-bottom: 15px;\n          }\n          .navbar .mobile-nav .navbar-collapse .form-inline {\n            margin: 5px 0px;\n          }\n          .navbar .mobile-nav .navbar-collapse:last-child {\n            border-bottom: none;\n            margin-bottom: 0px;\n            padding-bottom: 0px;\n          }\n          .navbar .mobile-nav .navbar-collapse .nav-footer ul {\n            list-style-type: none;\n            padding: inherit;\n            margin-bottom: 0rem;\n          }\n          .navbar .mobile-nav .navbar-collapse .nav-footer .nav-link {\n            text-transform: capitalize !important;\n            font-weight: 300;\n          }\n          .navbar .mobile-nav .dropdown-item:focus {\n            background-color: #696969;\n          }\n          .navbar .mobile-nav .dropdown-menu .dropdown-item {\n            color: white;\n          }\n          .navbar .mobile-nav .dropdown-menu {\n            background: inherit;\n            border: none;\n          }\n        }\n        @media screen and (min-width: 992px) {\n          #basic-navbar-sub {\n            display: none !important;\n          }\n          .navbar .mobile-nav .dropdown-menu .dropdown-item {\n            color: #696969;\n          }\n          .navbar .mobile-nav .dropdown-menu {\n            background: white;\n            border: 1 px solid #708090;\n          }\n        }\n      '
+      '\n        .sticky-home {\n          position: relative;\n          top: -3px;\n          left: -6px;\n          cursor: pointer;\n        }\n        @media screen and (max-width: 991px) {\n          .sticky-home {\n            display: none;\n          }\n          .dropdown-menu {\n            max-height: 315px;\n            overflow: auto;\n          }\n          ::-webkit-scrollbar {\n            width: 10px;\n          }\n          ::-webkit-scrollbar-thumb {\n            border-radius: 4px;\n            background-color: rgba(214, 214, 214, 0.8);\n            box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n            -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n          }\n          .navbar-expand-lg .show#basic-navbar-sub {\n            display: block;\n          }\n          .navbar .mobile-nav .navbar-collapse.show {\n            padding-bottom: 20px;\n            border-bottom: 0.5px solid white;\n            margin-bottom: 15px;\n          }\n          .navbar .mobile-nav .navbar-collapse .form-inline {\n            display: none;\n          }\n          .navbar .mobile-nav .navbar-collapse {\n            margin-top: 15px;\n          }\n          .navbar .mobile-nav .navbar-collapse:last-child {\n            border-bottom: none;\n            margin-bottom: 0px;\n            padding-bottom: 0px;\n            margin-top: 0px;\n          }\n          .navbar .mobile-nav .navbar-collapse .nav-footer ul {\n            list-style-type: none;\n            padding: inherit;\n            margin-bottom: 0rem;\n          }\n          .navbar .mobile-nav .navbar-collapse .nav-footer .nav-link {\n            text-transform: capitalize !important;\n            font-weight: 300;\n          }\n          .navbar .mobile-nav .dropdown-item:focus {\n            background-color: #696969;\n          }\n          .navbar .mobile-nav .dropdown-menu .dropdown-item {\n            color: white;\n          }\n          .navbar .mobile-nav .dropdown-menu {\n            background: inherit;\n            border: none;\n          }\n          .navbar .mobile-nav .dropdown-menu.show {\n            max-height: 100px;\n          }\n        }\n        @media screen and (min-width: 992px) {\n          #basic-navbar-sub {\n            display: none !important;\n          }\n          .navbar .mobile-nav .dropdown-menu .dropdown-item {\n            color: #696969;\n          }\n          .navbar .mobile-nav .dropdown-menu {\n            background: white;\n            border: 1 px solid #708090;\n          }\n        }\n        .mobile-nav .navbar-toggler {\n          width: 100%;\n        }\n        .mobile-nav .navbar-toggler-icon {\n          margin-top: 4px;\n          float: left;\n        }\n        .mobile-nav .form-inline {\n          float: right;\n        }\n        .mobile-nav .form-inline .mobile-search {\n          width: 69%;\n        }\n      '
     )
   );
 };
@@ -13605,26 +13747,38 @@ var AD300x250x600 = function AD300x250x600(_ref) {
   });
 };
 
+var urlFor$1 = function urlFor(source, client) {
+  var builder = imageUrlBuilder(client);
+  return builder.image(source);
+};
+
 var FigureComponent = function FigureComponent(_ref) {
   var node$$1 = _ref.node,
       client = _ref.client;
+
+  var imgElement = useRef(null);
+
+  var _useState = useState(null),
+      _useState2 = slicedToArray(_useState, 2),
+      captionWidth = _useState2[0],
+      setcaptionWidth = _useState2[1];
+
+  var _useState3 = useState(''),
+      _useState4 = slicedToArray(_useState3, 2),
+      imgFloat = _useState4[0],
+      setimgFloat = _useState4[1];
+
   var caption = node$$1.caption,
-      asset = node$$1.asset,
       alt = node$$1.alt,
       blank = node$$1.blank,
       link = node$$1.link,
-      _node$widthP = node$$1.widthP,
-      widthP = _node$widthP === undefined ? '100' : _node$widthP,
+      widthP = node$$1.widthP,
       _node$alignment = node$$1.alignment,
       alignment = _node$alignment === undefined ? 'center' : _node$alignment;
 
-  var builder = imageUrlBuilder(client);
 
-  var urlFor = function urlFor(source) {
-    return builder.image(source);
-  };
-  var imgWidth = widthP + '%';
-  var imgFloat = alignment.toLowerCase() === 'center' ? 'none' : alignment.toLowerCase();
+  var imgWidth = widthP ? widthP + '%' : 'auto';
+
   var figureMargin = void 0;
   if (imgFloat === 'none') {
     figureMargin = '0 auto 1rem';
@@ -13635,32 +13789,47 @@ var FigureComponent = function FigureComponent(_ref) {
   if (imgFloat === 'right') {
     figureMargin = '0 10% 1rem 1rem';
   }
+
+  var loadImg = function loadImg() {
+    setcaptionWidth(imgElement.current.naturalWidth);
+  };
+
+  useEffect(function () {
+    var screenWidth = window.innerWidth;
+    if (screenWidth > 1000) {
+      var align = alignment.toLowerCase() === 'center' ? 'none' : alignment.toLowerCase();
+      setimgFloat(align);
+      loadImg();
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
   return React__default.createElement(
     Figure,
-    { className: 'd-block text-center mb-3', style: { width: imgWidth, float: imgFloat, margin: figureMargin } },
+    { className: 'd-block text-center mb-3', style: { width: imgWidth, clear: 'both', float: imgFloat, margin: figureMargin } },
     link ? React__default.createElement(
       'a',
       { href: link, target: blank ? '_blank' : '_self' },
-      React__default.createElement(Figure.Image, { src: urlFor(node$$1).url(), alt: alt && alt }),
+      React__default.createElement(Figure.Image, { ref: imgElement, onLoad: loadImg, src: urlFor$1(node$$1, client).url(), alt: alt && alt }),
       caption && React__default.createElement(
         Figure.Caption,
-        null,
+        { style: { width: captionWidth } },
         caption
       )
     ) : React__default.createElement(
       React__default.Fragment,
       null,
-      React__default.createElement(Figure.Image, { src: urlFor(node$$1).url(), alt: alt && alt }),
+      React__default.createElement(Figure.Image, { ref: imgElement, onLoad: loadImg, src: urlFor$1(node$$1, client).url(), alt: alt && alt }),
       caption && React__default.createElement(
         Figure.Caption,
-        null,
+        { style: { width: captionWidth } },
         caption
       )
     )
   );
 };
 
-var urlFor$1 = function urlFor(source, builder) {
+var urlFor$2 = function urlFor(source, builder) {
   return builder.image(source);
 };
 
@@ -13696,7 +13865,7 @@ var Slideshow = function Slideshow(_ref) {
         return React__default.createElement(
           Carousel.Item,
           { key: slide._key },
-          React__default.createElement('img', { src: slide.asset && urlFor$1(slide.asset, builder).url(), alt: slide.alt && slide.alt, style: { width: '100%' } }),
+          React__default.createElement('img', { src: slide.asset && urlFor$2(slide.asset, builder).url(), alt: slide.alt && slide.alt, style: { width: '100%' } }),
           slide.caption && React__default.createElement(
             'p',
             { className: 'p-2' },
@@ -19586,7 +19755,9 @@ var Video = function Video(_ref) {
   var source = node.source,
       videoID = node.videoID;
 
-  if (source === 'brightcove' && accountIDs.brightcove) return React__default.createElement(ReactPlayerLoader, { accountId: accountIDs.brightcove, videoId: videoID, attrs: { className: 'brightcove' } });
+  if (source === 'brightcove' && accountIDs.brightcove) {
+    return React__default.createElement(ReactPlayerLoader, { accountId: accountIDs.brightcove.accountId, videoId: videoID, playerId: accountIDs.brightcove.playerId, attrs: { className: 'brightcove' } });
+  }
   // TODO - add players for other video types
   return null;
 };
@@ -19807,7 +19978,7 @@ var Poll = function Poll(_ref) {
       response = node.response;
 
 
-  var choicesTotolCount = choices && choices.reduce(function (acc, choice) {
+  var choicesTotalCount = choices && choices.reduce(function (acc, choice) {
     acc = acc + parseInt(choice.choiceCount);
     return acc;
   }, 0);
@@ -19848,7 +20019,7 @@ var Poll = function Poll(_ref) {
       'div',
       { className: 'progress-container' },
       showAnswer && choices && choices.length > 0 && choices.map(function (choice) {
-        var percentage = Math.floor(choice.choiceCount * 100 / choicesTotolCount);
+        var percentage = choicesTotalCount && choicesTotalCount > 0 ? Math.floor(choice.choiceCount * 100 / choicesTotalCount) : 0;
         return React__default.createElement(
           'div',
           { key: choice._key, className: 'mb-3' },
@@ -19857,16 +20028,24 @@ var Poll = function Poll(_ref) {
             null,
             choice.choiceText
           ),
-          React__default.createElement(ProgressBar, { now: percentage, label: percentage + '%' }),
+          React__default.createElement(ProgressBar, { now: percentage }),
           React__default.createElement(
             'span',
             { className: 'float-right' },
+            percentage,
+            '% (',
             choice.choiceCount,
-            ' Votes'
+            ' Votes)'
           )
         );
       })
     ),
+    showAnswer && React__default.createElement(
+      'h4',
+      { className: 'text-center small p-3' },
+      'Total Votes: ',
+      choicesTotalCount
+    ),
     showAnswer && response && React__default.createElement(BlockContent, { blocks: response }),
     React__default.createElement(
       'style',
@@ -19988,7 +20167,7 @@ var Feature = function Feature(props) {
     null,
     React__default.createElement(
       Carousel$1,
-      null,
+      { touch: true },
       dataset.map(function (feature, index) {
         var feature_title = feature.feature_title,
             feature_body = feature.feature_body,
@@ -20072,7 +20251,211 @@ var Breadcrumbs = function Breadcrumbs() {
   );
 };
 
-var urlFor$2 = function urlFor(source, client) {
+var js_cookie = createCommonjsModule(function (module, exports) {
+(function (factory) {
+	var registeredInModuleLoader;
+	{
+		module.exports = factory();
+		registeredInModuleLoader = true;
+	}
+	if (!registeredInModuleLoader) {
+		var OldCookies = window.Cookies;
+		var api = window.Cookies = factory();
+		api.noConflict = function () {
+			window.Cookies = OldCookies;
+			return api;
+		};
+	}
+}(function () {
+	function extend () {
+		var i = 0;
+		var result = {};
+		for (; i < arguments.length; i++) {
+			var attributes = arguments[ i ];
+			for (var key in attributes) {
+				result[key] = attributes[key];
+			}
+		}
+		return result;
+	}
+
+	function decode (s) {
+		return s.replace(/(%[0-9A-Z]{2})+/g, decodeURIComponent);
+	}
+
+	function init (converter) {
+		function api() {}
+
+		function set (key, value, attributes) {
+			if (typeof document === 'undefined') {
+				return;
+			}
+
+			attributes = extend({
+				path: '/'
+			}, api.defaults, attributes);
+
+			if (typeof attributes.expires === 'number') {
+				attributes.expires = new Date(new Date() * 1 + attributes.expires * 864e+5);
+			}
+
+			// We're using "expires" because "max-age" is not supported by IE
+			attributes.expires = attributes.expires ? attributes.expires.toUTCString() : '';
+
+			try {
+				var result = JSON.stringify(value);
+				if (/^[\{\[]/.test(result)) {
+					value = result;
+				}
+			} catch (e) {}
+
+			value = converter.write ?
+				converter.write(value, key) :
+				encodeURIComponent(String(value))
+					.replace(/%(23|24|26|2B|3A|3C|3E|3D|2F|3F|40|5B|5D|5E|60|7B|7D|7C)/g, decodeURIComponent);
+
+			key = encodeURIComponent(String(key))
+				.replace(/%(23|24|26|2B|5E|60|7C)/g, decodeURIComponent)
+				.replace(/[\(\)]/g, escape);
+
+			var stringifiedAttributes = '';
+			for (var attributeName in attributes) {
+				if (!attributes[attributeName]) {
+					continue;
+				}
+				stringifiedAttributes += '; ' + attributeName;
+				if (attributes[attributeName] === true) {
+					continue;
+				}
+
+				// Considers RFC 6265 section 5.2:
+				// ...
+				// 3.  If the remaining unparsed-attributes contains a %x3B (";")
+				//     character:
+				// Consume the characters of the unparsed-attributes up to,
+				// not including, the first %x3B (";") character.
+				// ...
+				stringifiedAttributes += '=' + attributes[attributeName].split(';')[0];
+			}
+
+			return (document.cookie = key + '=' + value + stringifiedAttributes);
+		}
+
+		function get (key, json) {
+			if (typeof document === 'undefined') {
+				return;
+			}
+
+			var jar = {};
+			// To prevent the for loop in the first place assign an empty array
+			// in case there are no cookies at all.
+			var cookies = document.cookie ? document.cookie.split('; ') : [];
+			var i = 0;
+
+			for (; i < cookies.length; i++) {
+				var parts = cookies[i].split('=');
+				var cookie = parts.slice(1).join('=');
+
+				if (!json && cookie.charAt(0) === '"') {
+					cookie = cookie.slice(1, -1);
+				}
+
+				try {
+					var name = decode(parts[0]);
+					cookie = (converter.read || converter)(cookie, name) ||
+						decode(cookie);
+
+					if (json) {
+						try {
+							cookie = JSON.parse(cookie);
+						} catch (e) {}
+					}
+
+					jar[name] = cookie;
+
+					if (key === name) {
+						break;
+					}
+				} catch (e) {}
+			}
+
+			return key ? jar[key] : jar;
+		}
+
+		api.set = set;
+		api.get = function (key) {
+			return get(key, false /* read as raw */);
+		};
+		api.getJSON = function (key) {
+			return get(key, true /* read as json */);
+		};
+		api.remove = function (key, attributes) {
+			set(key, '', extend(attributes, {
+				expires: -1
+			}));
+		};
+
+		api.defaults = {};
+
+		api.withConverter = init;
+
+		return api;
+	}
+
+	return init(function () {});
+}));
+});
+
+var SetCookie = function SetCookie(key, value) {
+  js_cookie.set(key, value, { expires: 1, sameSite: 'none', secure: true });
+};
+
+var BreadcrumbsExtended = function BreadcrumbsExtended(_ref) {
+  var childLinks = _ref.childLinks,
+      parentTaxonomy = _ref.parentTaxonomy;
+
+  if (childLinks && childLinks.length > 0) {
+    return React__default.createElement(
+      Breadcrumb,
+      null,
+      childLinks.map(function (item, index) {
+        return React__default.createElement(
+          Breadcrumb.Item,
+          { href: '/' + item.url, key: index },
+          item.name
+        );
+      }),
+      React__default.createElement(
+        'style',
+        { jsx: true },
+        '\n          .breadcrumb {\n            background: transparent;\n            border: none;\n            padding-left: 0.25rem;\n          }\n\n          .breadcrumb-item + .breadcrumb-item::before {\n            content: \'|\';\n          }\n\n          .breadcrumb .breadcrumb-item a {\n            color: var(--primary);\n            font-size: 12px;\n          }\n        '
+      )
+    );
+  } else if (parentTaxonomy.identifier && parentTaxonomy.name) {
+    return React__default.createElement(
+      Breadcrumb,
+      null,
+      React__default.createElement(
+        Breadcrumb.Item,
+        { href: '/' },
+        'home'
+      ),
+      React__default.createElement(
+        Breadcrumb.Item,
+        { href: '/' + parentTaxonomy.identifier },
+        parentTaxonomy.name
+      ),
+      React__default.createElement(
+        'style',
+        { jsx: true },
+        '\n          ol.breadcrumb {\n            background: transparent;\n            padding-left: 0.25rem;\n          }\n        '
+      )
+    );
+  }
+  return null;
+};
+
+var urlFor$3 = function urlFor(source, client) {
   var builder = imageUrlBuilder(client);
   return builder.image(source);
 };
@@ -20099,7 +20482,7 @@ var Hero = function Hero(_ref) {
           { className: 'h4' },
           title
         ),
-        thumbnail && React__default.createElement(Card$1.Img, { src: urlFor$2(thumbnail, client).url() }),
+        thumbnail && React__default.createElement(Card$1.Img, { src: urlFor$3(thumbnail, client).url() }),
         summary && React__default.createElement(
           Card$1.Footer,
           { className: 'h6' },
@@ -20110,5 +20493,5 @@ var Hero = function Hero(_ref) {
   );
 };
 
-export { ContentCard as DeckContent, GridContent$1 as GridContent, Queue as DeckQueue, ThumbnailCard, TaxonomyCard, GroupDeck, YoutubeGroup, QueueDeckExpanded, VideoSeriesListing$1 as VideoSeriesListing, Column1, Column2, Column3, Header, LeftNav, AccordionPanel, SocialShare, PageFilter, NavMagazine, NavNative, NavNormal, NavDvm, TemplateNormal, AD300x250, AD300x250x600, AD728x90, getSerializers$1 as getSerializers, Search, Feature, Breadcrumbs, Hero };
+export { ContentCard as DeckContent, GridContent$1 as GridContent, Queue as DeckQueue, ThumbnailCard, TaxonomyCard, GroupDeck, YoutubeGroup, QueueDeckExpanded, VideoSeriesListing$1 as VideoSeriesListing, Column1, Column2, Column3, Header, LeftNav, AccordionPanel, SocialShare, PageFilter, NavMagazine, NavNative, NavNormal, NavDvm, TemplateNormal, AD300x250, AD300x250x600, AD728x90, getSerializers$1 as getSerializers, Search, Feature, Breadcrumbs, SetCookie, BreadcrumbsExtended, Hero };
 //# sourceMappingURL=index.es.js.map