@mjhls/mjh-framework 1.0.98 → 1.0.99-0.next-12

package/dist/cjs/AdSlotsProvider.js

@@ -0,0 +1,183 @@
+'use strict';
+
+var asyncToGenerator = require('./asyncToGenerator-77821af0.js');
+var toConsumableArray = require('./toConsumableArray-d7797c2b.js');
+var React = require('react');
+var ReactGA = require('react-ga');
+var index = require('./index-0e4427c8.js');
+var main = require('./main-f1c77adb.js');
+require('./_commonjsHelpers-06173234.js');
+require('./core.get-iterator-method-5643aa10.js');
+require('./web.dom.iterable-d98303e0.js');
+require('./_library-dd23b178.js');
+require('./_iter-detect-b1df62f0.js');
+require('prop-types');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var ReactGA__default = /*#__PURE__*/_interopDefaultLegacy(ReactGA);
+
+var _this = undefined;
+
+var AdSlotsProvider = function AdSlotsProvider(_ref) {
+  var children = _ref.children,
+      networkID = _ref.networkID,
+      _ref$targeting = _ref.targeting,
+      targeting = _ref$targeting === undefined ? {} : _ref$targeting,
+      _ref$singleRequest = _ref.singleRequest,
+      singleRequest = _ref$singleRequest === undefined ? true : _ref$singleRequest,
+      _ref$autoRefresh = _ref.autoRefresh,
+      autoRefresh = _ref$autoRefresh === undefined ? false : _ref$autoRefresh,
+      _ref$refreshADs = _ref.refreshADs,
+      refreshADs = _ref$refreshADs === undefined ? {} : _ref$refreshADs,
+      _ref$refreshInterval = _ref.refreshInterval,
+      refreshInterval = _ref$refreshInterval === undefined ? 60 : _ref$refreshInterval,
+      _ref$disableInitialLo = _ref.disableInitialLoad,
+      disableInitialLoad = _ref$disableInitialLo === undefined ? false : _ref$disableInitialLo;
+
+  var logEvent = function logEvent(action, category, GA_TRACKING_ID) {
+    if (!GA_TRACKING_ID && typeof window !== 'undefined') GA_TRACKING_ID = sessionStorage.getItem('GA_TRACKING_ID');
+
+    if (GA_TRACKING_ID && GA_TRACKING_ID.includes(',')) {
+      ReactGA__default['default'].event({
+        category: category,
+        action: action,
+        nonInteraction: true
+      }, GA_TRACKING_ID.split(',').map(function (id, index) {
+        return 'ga_id_' + ++index;
+      }));
+    } else {
+      ReactGA__default['default'].event({
+        category: category,
+        action: action,
+        nonInteraction: true
+      });
+    }
+  };
+  React.useEffect(function () {
+    // Refresh ADs after every one minute if user didn't scroll.
+    // refreshInterval accepts time in seconds and default is 60 seconds
+    var generateAdsToRefresh = function () {
+      var _ref2 = asyncToGenerator._asyncToGenerator( /*#__PURE__*/asyncToGenerator.regenerator.mark(function _callee(ads) {
+        var googletag, slots, domAds, adsToRefresh;
+        return asyncToGenerator.regenerator.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return index.lib_3.getGoogletag();
+
+              case 2:
+                googletag = _context.sent;
+
+                if (!(googletag && googletag.pubadsReady)) {
+                  _context.next = 8;
+                  break;
+                }
+
+                slots = googletag.pubads().getSlots();
+                domAds = slots.map(function (slot) {
+                  return slot.getSlotId().getDomId();
+                });
+                adsToRefresh = domAds.reduce(function (acc, item) {
+                  ads.forEach(function (ad) {
+                    if (item.includes(ad)) {
+                      acc = [].concat(toConsumableArray._toConsumableArray(acc), [item]);
+                    }
+                  });
+                  return acc;
+                }, []);
+                return _context.abrupt('return', adsToRefresh);
+
+              case 8:
+                return _context.abrupt('return', ads);
+
+              case 9:
+              case 'end':
+                return _context.stop();
+            }
+          }
+        }, _callee, _this);
+      }));
+
+      return function generateAdsToRefresh(_x) {
+        return _ref2.apply(this, arguments);
+      };
+    }();
+    var isScrolling = void 0;
+    var adRefreshCount = 0;
+    var refreshADsAfterInterval = function refreshADsAfterInterval() {
+      isScrolling = setInterval(asyncToGenerator._asyncToGenerator( /*#__PURE__*/asyncToGenerator.regenerator.mark(function _callee2() {
+        var _refreshADs$mobileAds, mobileAds, _refreshADs$desktopAd, desktopAds, ads;
+
+        return asyncToGenerator.regenerator.wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                _refreshADs$mobileAds = refreshADs.mobileAds, mobileAds = _refreshADs$mobileAds === undefined ? ['leaderboard-ad'] : _refreshADs$mobileAds, _refreshADs$desktopAd = refreshADs.desktopAds, desktopAds = _refreshADs$desktopAd === undefined ? [] : _refreshADs$desktopAd;
+                ads = [];
+
+                if (!main.main_43) {
+                  _context2.next = 8;
+                  break;
+                }
+
+                _context2.next = 5;
+                return generateAdsToRefresh(mobileAds);
+
+              case 5:
+                ads = _context2.sent;
+                _context2.next = 12;
+                break;
+
+              case 8:
+                if (!main.main_24) {
+                  _context2.next = 12;
+                  break;
+                }
+
+                _context2.next = 11;
+                return generateAdsToRefresh(desktopAds);
+
+              case 11:
+                ads = _context2.sent;
+
+              case 12:
+                index.lib_3.refresh.apply(index.lib_3, toConsumableArray._toConsumableArray(ads));
+                logEvent('AD Refresh', 'AD');
+                adRefreshCount++;
+                console.log('NumOfTimesAd refreshed', adRefreshCount);
+                if (adRefreshCount == 5) clearInterval(isScrolling);
+
+              case 17:
+              case 'end':
+                return _context2.stop();
+            }
+          }
+        }, _callee2, _this);
+      })), parseInt(refreshInterval) * 1000);
+    };
+    autoRefresh && refreshADsAfterInterval();
+    autoRefresh && window.addEventListener('scroll', function () {
+      clearInterval(isScrolling);
+      refreshADsAfterInterval();
+    }, false);
+    return function () {
+      clearInterval(isScrolling);
+    };
+  }, []);
+
+  return React__default['default'].createElement(
+    index.lib_1,
+    {
+      dfpNetworkId: networkID,
+      targeting: targeting,
+      singleRequest: singleRequest,
+      lazyLoad: { fetchMarginPercent: 0, renderMarginPercent: 0, mobileScaling: 1.0 },
+      disableInitialLoad: disableInitialLoad },
+    children
+  );
+};
+
+module.exports = AdSlotsProvider;

package/dist/cjs/AlgoliaSearch.js

@@ -0,0 +1,195 @@
+'use strict';
+
+var _extends = require('./extends-7c86182f.js');
+var inherits = require('./inherits-de66ea16.js');
+var _typeof = require('./typeof-567e31ff.js');
+var React = require('react');
+var PropTypes = require('prop-types');
+var reactInstantsearchDom = require('react-instantsearch-dom');
+var reactBootstrap = require('react-bootstrap');
+var urlFor = require('./urlFor.js');
+var moment = require('./moment-aca40de1.js');
+var index = require('./index-eadd5035.js');
+require('./_commonjsHelpers-06173234.js');
+require('./core.get-iterator-method-5643aa10.js');
+require('./_object-pie-083f2dd6.js');
+require('./_object-sap-d1978572.js');
+require('./define-property-e8404b64.js');
+require('./web.dom.iterable-d98303e0.js');
+require('./_is-array-54228b29.js');
+require('./_library-dd23b178.js');
+require('./slicedToArray-067dd3bc.js');
+require('./index-efca863c.js');
+require('react-dom');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+
+var HitComponent = function HitComponent(hits, props) {
+  var propsObj = {
+    styles: props.deckStyles,
+    client: props.sanityClient,
+    siteType: props.siteType,
+    defaultImage: props.defaultImage,
+    hit: hits.hit,
+    variant: props.variant
+  };
+  var styles = propsObj.styles,
+      client = propsObj.client,
+      hit = propsObj.hit,
+      siteType = propsObj.siteType,
+      defaultImage = propsObj.defaultImage,
+      variant = propsObj.variant;
+
+  var dateFormat = siteType === 'pharmsci' ? 'MMMM DD, YYYY' : 'MMMM Do YYYY';
+
+  return React__default['default'].createElement(
+    'div',
+    { key: hit.url, className: 'hitResult ' + styles.article },
+    hit.thumbnail && hit.thumbnail.asset ? imageDiv(hit, styles, client, siteType, defaultImage, variant) : !hit.thumbnail && siteType !== 'pharmsci' ? imageDiv(hit, styles, client, siteType, defaultImage, variant) : null,
+    React__default['default'].createElement(
+      'div',
+      { className: styles.info, style: props.variant === 'right' ? { padding: '0 1rem 0 0' } : { padding: ' 0 0 0 1rem' } },
+      React__default['default'].createElement(
+        'a',
+        { href: '/view/' + hit.url },
+        React__default['default'].createElement(
+          'h2',
+          null,
+          hit.title
+        )
+      ),
+      hit.pubDateSort && React__default['default'].createElement(
+        'p',
+        { className: styles.published },
+        moment.moment(hit.pubDateSort).format('' + dateFormat)
+      ),
+      hit.authorMapping && hit.authorMapping.length > 0 && React__default['default'].createElement(
+        'p',
+        { className: styles.author },
+        hit.authorMapping.map(function (author, index) {
+          return React__default['default'].createElement(
+            'span',
+            { key: author + '_' + index },
+            author.displayName
+          );
+        })
+      ),
+      hit.summary && React__default['default'].createElement('p', { dangerouslySetInnerHTML: { __html: hit.summary }, className: styles.summary })
+    )
+  );
+};
+
+var imageDiv = function imageDiv(hit, styles, client, siteType, defaultImage, variant) {
+  return React__default['default'].createElement(
+    'a',
+    { href: '/view/' + hit.url, style: variant === 'right' ? { flexDirection: 'row-reverse' } : {} },
+    React__default['default'].createElement(
+      'div',
+      { className: styles.thumb },
+      React__default['default'].createElement(
+        'figure',
+        null,
+        React__default['default'].createElement(
+          index.LazyLoad,
+          { once: true },
+          React__default['default'].createElement('img', {
+            src: hit.thumbnail && hit.thumbnail.asset ? urlFor({ client: client, source: hit.thumbnail }) : hit.thumbnail && _typeof._typeof(hit.thumbnail === 'string') ? hit.thumbnail : defaultImage
+          })
+        )
+      )
+    )
+  );
+};
+
+var nowTimestamp = Date.now();
+
+var AlgoliaSearch = function (_React$Component) {
+  inherits._inherits(AlgoliaSearch, _React$Component);
+
+  function AlgoliaSearch() {
+    inherits._classCallCheck(this, AlgoliaSearch);
+
+    return inherits._possibleConstructorReturn(this, (AlgoliaSearch.__proto__ || inherits._Object$getPrototypeOf(AlgoliaSearch)).apply(this, arguments));
+  }
+
+  inherits._createClass(AlgoliaSearch, [{
+    key: 'render',
+    value: function render() {
+      var _this2 = this;
+
+      return React__default['default'].createElement(
+        React__default['default'].Fragment,
+        null,
+        React__default['default'].createElement(
+          reactInstantsearchDom.InstantSearch,
+          _extends._extends({
+            searchClient: this.props.searchClient,
+            resultsState: this.props.resultsState,
+            onSearchStateChange: this.props.onSearchStateChange,
+            searchState: this.props.searchState,
+            createURL: this.props.createURL,
+            indexName: this.props.indexName,
+            onSearchParameters: this.props.onSearchParameters
+          }, this.props),
+          React__default['default'].createElement(reactInstantsearchDom.Configure, { hitsPerPage: this.props.hitsPerPage || 20, filters: 'pubDateSort <= ' + nowTimestamp + ' AND "visible":\'true\' AND "passwordLock":false' }),
+          React__default['default'].createElement(
+            'div',
+            { className: 'd-flex align-items-center' },
+            this.props.searchIconUrl && React__default['default'].createElement(
+              'div',
+              { className: 'custom-search-img mr-2' },
+              React__default['default'].createElement('img', { className: 'img-fluid', src: this.props.searchIconUrl, alt: 'search icon' })
+            ),
+            React__default['default'].createElement(
+              'div',
+              { style: { flex: '1 1 auto' } },
+              React__default['default'].createElement(reactInstantsearchDom.SearchBox, null)
+            )
+          ),
+          this.props.refinementAttributes && React__default['default'].createElement(
+            'div',
+            { className: 'search_refinement' },
+            this.props.refinementAttributes.map(function (item, index) {
+              return React__default['default'].createElement(
+                reactBootstrap.DropdownButton,
+                { key: item.title, align: 'end', title: item.title },
+                React__default['default'].createElement(reactInstantsearchDom.RefinementList, { searchable: true, showMore: item.showMore, limit: item.limit, showMoreLimit: item.showMoreLimit, attribute: item.attribute })
+              );
+            }),
+            React__default['default'].createElement(reactInstantsearchDom.ClearRefinements, null)
+          ),
+          React__default['default'].createElement(
+            'div',
+            { className: 'AlgoliaResults' },
+            React__default['default'].createElement(reactInstantsearchDom.Hits, { hitComponent: function hitComponent(hit) {
+                return HitComponent(hit, _this2.props);
+              } })
+          ),
+          React__default['default'].createElement(reactInstantsearchDom.Pagination, null)
+        ),
+        React__default['default'].createElement(
+          'style',
+          { jsx: 'true' },
+          '\n          .hitResult {\n            display: flex;\n            flex-direction: row;\n            justify-content: space-between;\n            margin-bottom: 1rem;\n            border-bottom: 1px solid #00000024;\n            padding: 1rem 0;\n          }\n          .hitResult > a:first-child {\n            width: 30%;\n          }\n          .hitResult > a:first-child > div {\n            width: 100%;\n          }\n          .hitResult > div:last-child {\n            width: 100%;\n          }\n          .hitResult > div:last-child > a {\n            margin-bottom: 0.5rem;\n            width: 100%;\n          }\n          .custom-search-img{\n            max-width: 130px;\n          }\n          @media only screen and (max-width: 568px) {\n            .custom-search-img {\n              max-width: 80px;\n            }\n            .hitResult {\n              align-items: center;\n              border: none;\n              padding: 0;\n              flex-direction: column;\n            }\n            .hitResult > a:first-child {\n              width: 100%;\n            }\n            .hitResult > div:last-child {\n              width: 100%;\n            }\n            .search_refinement {\n              flex-wrap: wrap;\n            }\n            .dropdown{\n              margin-bottom: 1rem;\n            }\n            .ais-SearchBox-form{\n              display: flex;\n            }\n            .ais-RefinementList-list {\n              width: 95vw;\n            }\n            .ais-SearchBox-input {\n              width: calc(100vw - ' + (this.props.searchIconUrl ? '110px' : '150px') + ');\n            }\n          }\n          .AlgoliaResults {\n            padding-left: 15px;\n            margin-top: 3rem;\n          }\n\n          .search_refinement {\n            display: flex;\n            margin: 2rem 0;\n            align-items: center;\n          }\n\n          .search_refinement > div {\n            padding-right: 1rem;\n            max-height: 500px;\n            align-self: flex-start;\n          }\n\n          .search_refinement > .dropdown {\n            position: relative;\n            right: 0px;\n            top: 0px;\n            margin-right: 0px;\n          }\n\n          .ais-Hits-list {\n            margin: 0;\n            list-style: none;\n            padding-inline-start: 0;\n          }\n          .ais-Pagination-list {\n            list-style: none;\n          }\n          .ais-Pagination-list {\n            -webkit-box-pack: center;\n            -ms-flex-pack: center;\n            justify-content: center;\n          }\n          .ais-Pagination-item + .ais-Pagination-item {\n            margin-left: 0.3rem;\n          }\n          .ais-Pagination-link {\n            padding: 0.3rem 0.6rem;\n            display: block;\n            border: 1px solid var(--search-primary);\n            border-radius: 5px;\n            transition: background-color 0.2s ease-out;\n          }\n          .ais-Pagination-link:focus,\n          .ais-Pagination-link:hover {\n            background-color: var(--search-secondary);\n            color: #fff;\n          }\n          .ais-Pagination-item--disabled .ais-Pagination-link {\n            opacity: 0.6;\n            cursor: not-allowed;\n            color: var(--search-secondary);\n          }\n          .ais-Pagination-item--disabled .ais-Pagination-link:focus,\n          .ais-Pagination-item--disabled .ais-Pagination-link:hover {\n            color: #fff;\n            background-color: var(--search-secondary);\n          }\n          .ais-Pagination-item--selected .ais-Pagination-link {\n            color: #fff;\n            background-color: var(--search-primary);\n            border-color: var(--search-primary);\n          }\n          .ais-Pagination-item--selected .ais-Pagination-link:focus,\n          .ais-Pagination-item--selected .ais-Pagination-link:hover {\n            color: #fff;\n          }\n          .ais-Pagination-list,\n          .ais-Results-list {\n            margin: 0;\n            padding: 0;\n            list-style: none;\n          }\n          .ais-Pagination-list,\n          .ais-PoweredBy,\n          .ais-RangeInput-form,\n          .ais-RatingMenu-link {\n            display: -webkit-box;\n            display: -ms-flexbox;\n            display: flex;\n            -webkit-box-align: center;\n            -ms-flex-align: center;\n            align-items: center;\n          }\n          .ais-RefinementList{\n            min-width: 325px;\n          }\n          .ais-RefinementList-item {\n            list-style: none;\n            margin: 0;\n            padding: 0;\n          }\n          .ais-RefinementList-list {\n            margin: 1rem 0;\n            padding: 0 1rem;\n            width: 100%;\n          }\n          .ais-SearchBox-form {\n            width: 100%;\n            border-radius: 5px;\n            height: 48px;\n            text-align: center\'\n          }\n          .ais-SearchBox-input {\n            padding: 0.5rem;\n            border-radius: 5px;\n            width: calc(100% - ' + (this.props.searchIconUrl ? '110px' : '150px') + ');\n            min-width: 225px;\n            height: 48px;\n            border: 0;\n            border: 0.5px solid var(--search-secondary);\n          }\n\n          .ais-SearchBox-submit {\n            width: ' + (this.props.searchIconUrl ? '48px' : '78px') + ';\n            border-radius: 5px;\n            padding: 7px;\n            margin-left: 5px;\n            height: 48px;\n            background-color: var(--search-primary);\n            border: 0.5px solid var(--search-secondary);\n          }\n\n          .ais-SearchBox-submit > svg {\n            fill: #fff;\n          }\n          .search_refinement > .dropdown > button {\n            background-color: var(--search-primary);\n            border-color: var(--search-primary);\n          }\n\n          .ais-SearchBox-reset {\n            height: 48px;\n            width: 48px;\n            color: #fff;\n            background-color: var(--search-primary);\n            border: 0;\n            margin-left: 5px;\n            border-radius: 5px;\n            border: 0.5px solid var(--search-secondary);\n          }\n\n          .ais-SearchBox-reset > svg {\n            fill: #fff;\n          }\n          .ais-RefinementList-checkbox {\n            margin-right: 5px;\n          }\n          .ais-ClearRefinements-button{\n            background-color: var(--search-primary);\n            border: 0.5px solid var(--search-secondary);\n            color: #fff;\n            padding: 7px;\n          }\n          .ais-RefinementList-showMore {\n            padding: 0.5rem;\n            border: 0;\n            background-color: var(--search-primary);\n            border-color: var(--search-primary);\n            color: #fff;\n            border: 1px solid;\n            border-radius: 5px;\n            margin-left: 1rem;\n          }\n        '
+        )
+      );
+    }
+  }]);
+
+  return AlgoliaSearch;
+}(React__default['default'].Component);
+
+AlgoliaSearch.propTypes = {
+  searchState: PropTypes__default['default'].object,
+  resultsState: PropTypes__default['default'].oneOfType([PropTypes__default['default'].object, PropTypes__default['default'].array]),
+  onSearchStateChange: PropTypes__default['default'].func,
+  createURL: PropTypes__default['default'].func,
+  indexName: PropTypes__default['default'].string,
+  searchClient: PropTypes__default['default'].object,
+  refinementAttributes: PropTypes__default['default'].array
+};
+
+module.exports = AlgoliaSearch;

package/dist/cjs/AlphabeticList.js

@@ -0,0 +1,135 @@
+'use strict';
+
+var _extends = require('./extends-7c86182f.js');
+var keys = require('./keys-e982b3fa.js');
+var toConsumableArray = require('./toConsumableArray-d7797c2b.js');
+var React = require('react');
+require('./_commonjsHelpers-06173234.js');
+require('./core.get-iterator-method-5643aa10.js');
+require('./_object-pie-083f2dd6.js');
+require('./_object-sap-d1978572.js');
+require('./_iter-detect-b1df62f0.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var sortByName = function sortByName(arr) {
+  var items = [].concat(toConsumableArray._toConsumableArray(arr));
+  items.sort(function (a, b) {
+    var nameA = a.name.toUpperCase();
+    var nameB = b.name.toUpperCase();
+    if (nameA < nameB) {
+      return -1;
+    }
+    if (nameA > nameB) {
+      return 1;
+    }
+    return 0;
+  });
+  return items;
+};
+
+var AlphabeticList = function AlphabeticList(_ref) {
+  var _ref$dataRecord = _ref.dataRecord,
+      dataRecord = _ref$dataRecord === undefined ? [] : _ref$dataRecord;
+
+  var dataList = {};
+  if (dataRecord && dataRecord.length > 0) {
+    var sortedData = sortByName(dataRecord);
+    sortedData.forEach(function (item) {
+      var firstLetter = item.name.charAt(0).toUpperCase();
+      if (!dataList[firstLetter]) {
+        dataList[firstLetter] = [];
+      }
+      dataList[firstLetter].push(item);
+    });
+  }
+
+  var alphabet = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'.split('');
+  var itemsRef = React.useRef([]);
+
+  var renderAlbhabetList = function renderAlbhabetList() {
+    var style = {
+      fontWeight: '600',
+      fontSize: '30px',
+      textDecoration: 'none',
+      padding: '0 10px',
+      color: 'grey'
+    };
+    return React__default['default'].createElement(
+      'div',
+      { className: 'd-flex flex-wrap mb-3' },
+      alphabet.map(function (letter, i) {
+        if (dataList[letter]) {
+          return React__default['default'].createElement(
+            'a',
+            {
+              key: i,
+              onClick: function onClick() {
+                var index = keys._Object$keys(dataList).findIndex(function (i) {
+                  return i === letter;
+                });
+                if (itemsRef.current && itemsRef.current[index]) {
+                  window.scrollTo(0, itemsRef.current[index].offsetTop);
+                }
+              } },
+            React__default['default'].createElement(
+              'span',
+              {
+                style: _extends._extends({}, style, {
+                  color: 'black'
+                }) },
+              letter
+            )
+          );
+        }
+        return React__default['default'].createElement(
+          'span',
+          { key: i, style: style },
+          letter
+        );
+      })
+    );
+  };
+
+  React.useEffect(function () {
+    itemsRef.current = itemsRef.current.slice(0, keys._Object$keys(dataList).length);
+  }, [dataList]);
+
+  return React__default['default'].createElement(
+    React__default['default'].Fragment,
+    null,
+    renderAlbhabetList(),
+    keys._Object$keys(dataList).map(function (letter, index) {
+      return React__default['default'].createElement(
+        React__default['default'].Fragment,
+        { key: index },
+        React__default['default'].createElement(
+          'h3',
+          { ref: function ref(el) {
+              return itemsRef.current[index] = el;
+            } },
+          letter
+        ),
+        React__default['default'].createElement(
+          'ul',
+          null,
+          dataList[letter].map(function (item, i) {
+            return React__default['default'].createElement(
+              'li',
+              { key: i },
+              React__default['default'].createElement(
+                'a',
+                { href: item.url },
+                item.name
+              )
+            );
+          })
+        )
+      );
+    })
+  );
+};
+
+module.exports = AlphabeticList;

package/dist/cjs/ArticleCarousel.js

@@ -0,0 +1,46 @@
+'use strict';
+
+var _extends = require('./extends-7c86182f.js');
+var React = require('react');
+var YoutubeGroup = require('./YoutubeGroup.js');
+require('./_commonjsHelpers-06173234.js');
+require('./core.get-iterator-method-5643aa10.js');
+require('./_object-pie-083f2dd6.js');
+require('./slicedToArray-067dd3bc.js');
+require('./web.dom.iterable-d98303e0.js');
+require('./index-187c967e.js');
+require('./index-eadd5035.js');
+require('react-dom');
+require('prop-types');
+require('./smoothscroll-99df7f93.js');
+require('./urlFor.js');
+require('./index-efca863c.js');
+require('./main-f1c77adb.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+function ArticleCarousel(props) {
+  //Passed in array of articles to pass into YoutubeGroup
+  var articles = props.articles;
+
+  //Setup article.link URL
+
+  var data = articles.map(function (article, index) {
+    article.link = '/view/' + article.url.current;
+    return article;
+  });
+
+  return React__default['default'].createElement(
+    React__default['default'].Fragment,
+    null,
+    articles ? React__default['default'].createElement(YoutubeGroup, _extends._extends({ key: 'articleCarousel-0', dataset: data }, props)) : React__default['default'].createElement(
+      'p',
+      null,
+      'No Article Found.'
+    )
+  );
+}
+
+module.exports = ArticleCarousel;