@mjhls/mjh-framework 1.0.866-youtube-group-v1 → 1.0.866

package/dist/esm/AlphabeticList.js

@@ -1,14 +1,14 @@
+import { _ as _extends } from './extends-60e0e1c6.js';
+import { _ as _Object$keys } from './keys-7a3adabf.js';
+import { _ as _toConsumableArray } from './toConsumableArray-6d9a4616.js';
+import React__default, { useRef, useEffect } from 'react';
 import './_commonjsHelpers-0c4b6f40.js';
-import './_to-object-a4107da3.js';
-import './es6.string.iterator-c990c18c.js';
-import './_iter-detect-5d49a330.js';
-import { _ as _toConsumableArray } from './toConsumableArray-43aa614d.js';
-import './core.get-iterator-method-e1de7503.js';
-import './_object-pie-33c40e79.js';
-import { _ as _extends } from './extends-6f2fcc99.js';
-import './_object-sap-964b6feb.js';
-import React, { useRef, useEffect } from 'react';
-import { _ as _Object$keys } from './keys-8eda7a5c.js';
+import './_to-object-b50e61c3.js';
+import './_object-pie-133f504a.js';
+import './_object-sap-f353c2a9.js';
+import './es6.string.iterator-bc33758b.js';
+import './_iter-detect-7e5e5ce2.js';
+import './core.get-iterator-method-133dfacd.js';
 
 var sortByName = function sortByName(arr) {
   var items = [].concat(_toConsumableArray(arr));
@@ -53,12 +53,12 @@ var AlphabeticList = function AlphabeticList(_ref) {
       padding: '0 10px',
       color: 'grey'
     };
-    return React.createElement(
+    return React__default.createElement(
       'div',
       { className: 'd-flex flex-wrap mb-3' },
       alphabet.map(function (letter, i) {
         if (dataList[letter]) {
-          return React.createElement(
+          return React__default.createElement(
             'a',
             {
               key: i,
@@ -70,7 +70,7 @@ var AlphabeticList = function AlphabeticList(_ref) {
                   window.scrollTo(0, itemsRef.current[index].offsetTop);
                 }
               } },
-            React.createElement(
+            React__default.createElement(
               'span',
               {
                 style: _extends({}, style, {
@@ -80,7 +80,7 @@ var AlphabeticList = function AlphabeticList(_ref) {
             )
           );
         }
-        return React.createElement(
+        return React__default.createElement(
           'span',
           { key: i, style: style },
           letter
@@ -93,29 +93,29 @@ var AlphabeticList = function AlphabeticList(_ref) {
     itemsRef.current = itemsRef.current.slice(0, _Object$keys(dataList).length);
   }, [dataList]);
 
-  return React.createElement(
-    React.Fragment,
+  return React__default.createElement(
+    React__default.Fragment,
     null,
     renderAlbhabetList(),
     _Object$keys(dataList).map(function (letter, index) {
-      return React.createElement(
-        React.Fragment,
+      return React__default.createElement(
+        React__default.Fragment,
         { key: index },
-        React.createElement(
+        React__default.createElement(
           'h3',
           { ref: function ref(el) {
               return itemsRef.current[index] = el;
             } },
           letter
         ),
-        React.createElement(
+        React__default.createElement(
           'ul',
           null,
           dataList[letter].map(function (item, i) {
-            return React.createElement(
+            return React__default.createElement(
               'li',
               { key: i },
-              React.createElement(
+              React__default.createElement(
                 'a',
                 { href: item.url },
                 item.name

package/dist/esm/ArticleCarousel.js

@@ -1,21 +1,21 @@
+import { _ as _extends } from './extends-60e0e1c6.js';
+import React__default from 'react';
+import YoutubeGroup from './YoutubeGroup.js';
 import './_commonjsHelpers-0c4b6f40.js';
-import './_to-object-a4107da3.js';
-import './es6.string.iterator-c990c18c.js';
-import './core.get-iterator-method-e1de7503.js';
-import './_object-pie-33c40e79.js';
-import { _ as _extends } from './extends-6f2fcc99.js';
-import './web.dom.iterable-4439f05a.js';
-import React from 'react';
-import 'prop-types';
+import './_to-object-b50e61c3.js';
+import './_object-pie-133f504a.js';
+import './slicedToArray-be2f7a22.js';
+import './web.dom.iterable-4109ff68.js';
+import './es6.string.iterator-bc33758b.js';
+import './core.get-iterator-method-133dfacd.js';
+import './index-c7e2ac95.js';
+import './index-755f2cc2.js';
 import 'react-dom';
-import './index-51a80699.js';
+import 'prop-types';
+import './smoothscroll-fa4e3f8c.js';
 import './urlFor.js';
-import './index-6c12bdd5.js';
-import './main-747e7d25.js';
-import './slicedToArray-641f241f.js';
-import './index-c7e2ac95.js';
-import './smoothscroll-0cd4c7a6.js';
-import YoutubeGroup from './YoutubeGroup.js';
+import './index-0dbff1d1.js';
+import './main-d4165069.js';
 
 function ArticleCarousel(props) {
   //Passed in array of articles to pass into YoutubeGroup
@@ -28,10 +28,10 @@ function ArticleCarousel(props) {
     return article;
   });
 
-  return React.createElement(
-    React.Fragment,
+  return React__default.createElement(
+    React__default.Fragment,
     null,
-    articles ? React.createElement(YoutubeGroup, _extends({ key: 'articleCarousel-0', dataset: data }, props)) : React.createElement(
+    articles ? React__default.createElement(YoutubeGroup, _extends({ key: 'articleCarousel-0', dataset: data }, props)) : React__default.createElement(
       'p',
       null,
       'No Article Found.'

package/dist/esm/ArticleProgramLandingPage.js

@@ -1,66 +1,65 @@
+import { a as _asyncToGenerator, r as regenerator, _ as _Promise } from './asyncToGenerator-7f8f9219.js';
+import { _ as _slicedToArray } from './slicedToArray-be2f7a22.js';
+import { _ as _extends } from './extends-60e0e1c6.js';
+import React__default from 'react';
+import { B as BlockContent } from './BlockContent-c99c9a8d.js';
+import { g as getSerializers } from './index-5e84f9cd.js';
+import ArticleSeriesListing from './ArticleSeriesListing.js';
 import './_commonjsHelpers-0c4b6f40.js';
-import './_to-object-a4107da3.js';
-import './es6.string.iterator-c990c18c.js';
+import './es6.string.iterator-bc33758b.js';
+import './_to-object-b50e61c3.js';
+import './web.dom.iterable-4109ff68.js';
 import './_library-528f1934.js';
-import './_iter-detect-5d49a330.js';
-import './toConsumableArray-43aa614d.js';
-import './core.get-iterator-method-e1de7503.js';
-import './_object-pie-33c40e79.js';
-import { _ as _extends } from './extends-6f2fcc99.js';
-import './_object-sap-964b6feb.js';
-import './inherits-75d45541.js';
-import './define-property-8af5f002.js';
-import './web.dom.iterable-4439f05a.js';
-import './typeof-af9c50d8.js';
-import './_is-array-58e95429.js';
-import React from 'react';
-import './events-6c3a7a63.js';
-import './index-f7fb1e25.js';
+import './core.get-iterator-method-133dfacd.js';
+import './_iter-detect-7e5e5ce2.js';
+import './_object-pie-133f504a.js';
 import 'prop-types';
-import 'react-bootstrap/Container';
-import 'react-bootstrap/Row';
-import 'react-bootstrap/Col';
-import './moment-b6f49411.js';
-import 'next/router';
-import './isSymbol-1981418f.js';
-import './debounce-9207d8ee.js';
-import './toNumber-2f7a84cd.js';
-import './index.es-c6222053.js';
-import 'react-dom';
-import './visibility-sensor-f40c2564.js';
-import './index-51a80699.js';
+import './index-0dbff1d1.js';
+import 'react-bootstrap';
 import './urlFor.js';
-import './index-6c12bdd5.js';
-import './main-747e7d25.js';
-import './entities-7cc3bf45.js';
-import { _ as _slicedToArray } from './slicedToArray-641f241f.js';
-import './stringify-4330ccdc.js';
-import { a as _asyncToGenerator, r as regenerator, _ as _Promise } from './asyncToGenerator-fc1c2e29.js';
-import './Segment.js';
-import './Beam.js';
-import './AdSlot.js';
-import 'react-bootstrap/Button';
-import { B as BlockContent } from './BlockContent-d05b5b23.js';
+import './index-5cc7b406.js';
+import 'next/router';
 import './index-c7e2ac95.js';
-import './smoothscroll-0cd4c7a6.js';
+import './util-3ab476bf.js';
+import './Beam.js';
+import './stringify-59c8f690.js';
+import './Segment.js';
+import './main-d4165069.js';
+import './index-755f2cc2.js';
+import 'react-dom';
+import './typeof-a286cf0c.js';
+import './_is-array-3e99e06e.js';
+import './brightcove-react-player-loader.es-57a70a56.js';
 import './GroupDeck.js';
-import './YoutubeGroup.js';
-import 'react-bootstrap';
-import './iconBase-602d52fe.js';
-import './index.esm-3fdda599.js';
-import ArticleSeriesListing from './ArticleSeriesListing.js';
-import { g as getSerializers } from './index-82fea143.js';
-import './util-7700fc59.js';
-import './brightcove-react-player-loader.es-4abff0b1.js';
+import './smoothscroll-fa4e3f8c.js';
+import './moment-bc12cb97.js';
+import './SocialShare.js';
 import 'next/head';
 import 'react-share';
-import './SocialShare.js';
-import './_object-to-array-7e804fce.js';
+import './_object-to-array-0f197f89.js';
+import './toConsumableArray-6d9a4616.js';
 import 'react-bootstrap/Pagination';
+import 'react-bootstrap/Button';
+import './entities-932b50cf.js';
+import './AdSlot.js';
+import './debounce-533d9748.js';
+import './isSymbol-a7e9aafe.js';
+import './toNumber-5aeba6e7.js';
+import 'react-bootstrap/Row';
+import 'react-bootstrap/Col';
+import './inherits-a41fe93f.js';
+import './_object-sap-f353c2a9.js';
+import './define-property-fe54dc9f.js';
+import './index.esm-f6156a57.js';
+import './iconBase-ccc56b97.js';
 import 'react-bootstrap/Figure';
 import 'react-bootstrap/OverlayTrigger';
 import 'react-bootstrap/Tooltip';
 import 'react-bootstrap/Popover';
+import 'react-bootstrap/Container';
+import './visibility-sensor-72fd8f8b.js';
+import './YoutubeGroup.js';
+import './index.es-a6137319.js';
 
 var _this = undefined;
 
@@ -85,21 +84,21 @@ var ArticleProgramLandingPage = function ArticleProgramLandingPage(props) {
       _props$autoScroll = props.autoScroll,
       autoScroll = _props$autoScroll === undefined ? true : _props$autoScroll;
 
-  return React.createElement(
+  return React__default.createElement(
     'div',
     null,
-    virtualBlock && React.createElement(BlockContent, _extends({ serializers: getSerializers(client), blocks: virtualBlock.body, imageOptions: { w: 320, h: 240, fit: 'max' } }, client.config())),
-    pageDescription && React.createElement(
+    virtualBlock && React__default.createElement(BlockContent, _extends({ serializers: getSerializers(client), blocks: virtualBlock.body, imageOptions: { w: 320, h: 240, fit: 'max' } }, client.config())),
+    pageDescription && React__default.createElement(
       'div',
       { className: 'mb-3' },
-      pageDescription.image && React.createElement('img', { className: 'mb-3 w-100', src: pageDescription.image, alt: pageDescription.imageAlt || '' }),
-      pageDescription.description && React.createElement(
+      pageDescription.image && React__default.createElement('img', { className: 'mb-3 w-100', src: pageDescription.image, alt: pageDescription.imageAlt || '' }),
+      pageDescription.description && React__default.createElement(
         'p',
         null,
         pageDescription.description
       )
     ),
-    posts && React.createElement(ArticleSeriesListing, {
+    posts && React__default.createElement(ArticleSeriesListing, {
       client: client,
       mapping: mapping,
       dataRecord: posts,

package/dist/esm/ArticleSeriesLandingPage.js

@@ -1,46 +1,45 @@
+import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-7f8f9219.js';
+import React__default from 'react';
+import MasterDeck from './MasterDeck.js';
 import './_commonjsHelpers-0c4b6f40.js';
-import './_to-object-a4107da3.js';
-import './es6.string.iterator-c990c18c.js';
+import './es6.string.iterator-bc33758b.js';
+import './_to-object-b50e61c3.js';
+import './web.dom.iterable-4109ff68.js';
 import './_library-528f1934.js';
-import './_iter-detect-5d49a330.js';
-import './toConsumableArray-43aa614d.js';
-import './core.get-iterator-method-e1de7503.js';
-import './_object-pie-33c40e79.js';
-import './extends-6f2fcc99.js';
-import './_object-sap-964b6feb.js';
-import './inherits-75d45541.js';
-import './define-property-8af5f002.js';
-import './web.dom.iterable-4439f05a.js';
-import './typeof-af9c50d8.js';
-import './_is-array-58e95429.js';
-import React from 'react';
-import './events-6c3a7a63.js';
-import './index-f7fb1e25.js';
+import './core.get-iterator-method-133dfacd.js';
+import './_iter-detect-7e5e5ce2.js';
+import './toConsumableArray-6d9a4616.js';
+import './extends-60e0e1c6.js';
+import './_object-pie-133f504a.js';
+import './inherits-a41fe93f.js';
+import './_object-sap-f353c2a9.js';
+import './define-property-fe54dc9f.js';
+import './typeof-a286cf0c.js';
+import './_is-array-3e99e06e.js';
+import './index-5cc7b406.js';
 import 'prop-types';
 import 'react-bootstrap/Container';
 import 'react-bootstrap/Row';
 import 'react-bootstrap/Col';
 import 'react-bootstrap/Card';
-import './moment-b6f49411.js';
+import './moment-bc12cb97.js';
 import 'next/router';
-import './isSymbol-1981418f.js';
-import './debounce-9207d8ee.js';
-import './toNumber-2f7a84cd.js';
-import './index.es-c6222053.js';
+import './lodash-f97fd99a.js';
+import './debounce-533d9748.js';
+import './isSymbol-a7e9aafe.js';
+import './toNumber-5aeba6e7.js';
+import './index.es-a6137319.js';
+import './visibility-sensor-72fd8f8b.js';
 import 'react-dom';
-import './visibility-sensor-f40c2564.js';
-import './index-51a80699.js';
-import './main-747e7d25.js';
-import './slicedToArray-641f241f.js';
-import './stringify-4330ccdc.js';
-import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-fc1c2e29.js';
-import './Segment.js';
-import './Beam.js';
+import './index-0dbff1d1.js';
+import './ADlgInfeed-d94f1437.js';
+import './slicedToArray-be2f7a22.js';
 import './AdSlot.js';
-import './ADInfeed-56a3db8b.js';
-import './lodash-ec8c6b48.js';
-import './ADlgInfeed-53edb995.js';
-import MasterDeck from './MasterDeck.js';
+import './Beam.js';
+import './stringify-59c8f690.js';
+import './Segment.js';
+import './main-d4165069.js';
+import './ADInfeed-a71a3972.js';
 
 var _this = undefined;
 
@@ -65,24 +64,24 @@ var ArticleSeriesLandingPage = function ArticleSeriesLandingPage(props) {
       defaultImage = _props$defaultImage === undefined ? '/placeholder.jpg' : _props$defaultImage;
 
 
-  return React.createElement(
+  return React__default.createElement(
     'div',
     null,
-    summary && React.createElement(
+    summary && React__default.createElement(
       'div',
       { style: { fontSize: '1rem' }, className: 'article-series-summary px-1 mt-2 mb-4' },
       summary
     ),
-    seriesTitle && React.createElement(
+    seriesTitle && React__default.createElement(
       'h1',
       { className: 'article-series-title' },
-      React.createElement(
+      React__default.createElement(
         'a',
         seriesName && { href: '/view/' + seriesName },
         seriesTitle
       )
     ),
-    posts && deck && React.createElement(MasterDeck, {
+    posts && deck && React__default.createElement(MasterDeck, {
       deck: deck,
       variant: variant,
       defaultImage: defaultImage,

package/dist/esm/ArticleSeriesListing.js

@@ -1,39 +1,38 @@
+import { _ as _extends } from './extends-60e0e1c6.js';
+import { _ as _inherits, a as _classCallCheck, b as _possibleConstructorReturn, c as _Object$getPrototypeOf, d as _createClass } from './inherits-a41fe93f.js';
+import React__default from 'react';
+import { l as lib_3 } from './index-5cc7b406.js';
+import Container from 'react-bootstrap/Container';
+import { V as VisibilitySensor } from './visibility-sensor-72fd8f8b.js';
+import { I as IoIosArrowForward } from './index.esm-f6156a57.js';
+import { m as moment } from './moment-bc12cb97.js';
+import { withRouter } from 'next/router';
+import YoutubeGroup from './YoutubeGroup.js';
+import { d as debounce_1 } from './debounce-533d9748.js';
+import { I as InfiniteScroll } from './index.es-a6137319.js';
 import './_commonjsHelpers-0c4b6f40.js';
-import './_to-object-a4107da3.js';
-import './es6.string.iterator-c990c18c.js';
+import './_to-object-b50e61c3.js';
+import './_object-pie-133f504a.js';
+import './es6.string.iterator-bc33758b.js';
+import './_object-sap-f353c2a9.js';
+import './define-property-fe54dc9f.js';
+import './typeof-a286cf0c.js';
+import './web.dom.iterable-4109ff68.js';
+import './_is-array-3e99e06e.js';
 import './_library-528f1934.js';
-import './core.get-iterator-method-e1de7503.js';
-import './_object-pie-33c40e79.js';
-import { _ as _extends } from './extends-6f2fcc99.js';
-import './_object-sap-964b6feb.js';
-import { _ as _inherits, a as _classCallCheck, b as _possibleConstructorReturn, c as _Object$getPrototypeOf, d as _createClass } from './inherits-75d45541.js';
-import './define-property-8af5f002.js';
-import './web.dom.iterable-4439f05a.js';
-import './typeof-af9c50d8.js';
-import './_is-array-58e95429.js';
-import React from 'react';
-import './events-6c3a7a63.js';
-import { l as lib_3 } from './index-f7fb1e25.js';
 import 'prop-types';
-import Container from 'react-bootstrap/Container';
-import { m as moment } from './moment-b6f49411.js';
-import { withRouter } from 'next/router';
-import './isSymbol-1981418f.js';
-import { d as debounce_1 } from './debounce-9207d8ee.js';
-import './toNumber-2f7a84cd.js';
-import { I as InfiniteScroll } from './index.es-c6222053.js';
 import 'react-dom';
-import { V as VisibilitySensor } from './visibility-sensor-f40c2564.js';
-import './index-51a80699.js';
-import './urlFor.js';
-import './index-6c12bdd5.js';
-import './main-747e7d25.js';
-import './slicedToArray-641f241f.js';
+import './iconBase-ccc56b97.js';
+import './slicedToArray-be2f7a22.js';
+import './core.get-iterator-method-133dfacd.js';
 import './index-c7e2ac95.js';
-import './smoothscroll-0cd4c7a6.js';
-import YoutubeGroup from './YoutubeGroup.js';
-import './iconBase-602d52fe.js';
-import { I as IoIosArrowForward } from './index.esm-3fdda599.js';
+import './index-755f2cc2.js';
+import './smoothscroll-fa4e3f8c.js';
+import './urlFor.js';
+import './index-0dbff1d1.js';
+import './main-d4165069.js';
+import './isSymbol-a7e9aafe.js';
+import './toNumber-5aeba6e7.js';
 
 var ArticleSeriesListing = function (_React$Component) {
   _inherits(ArticleSeriesListing, _React$Component);
@@ -96,9 +95,9 @@ var ArticleSeriesListing = function (_React$Component) {
     }, 0), _this.loadData = function () {
       var _this$state = _this.state,
           from = _this$state.from,
-          to = _this$state.to,
-          data = _this$state.data,
-          query = _this$state.query,
+          to = _this$state.to;
+          _this$state.data;
+          var query = _this$state.query,
           page = _this$state.page;
       var client = _this.props.client;
       //this.changePageNumber(page)
@@ -194,15 +193,15 @@ var ArticleSeriesListing = function (_React$Component) {
     }, _this.renderManualPagination = function () {
       var currentPage = _this.state.currentPage;
 
-      return React.createElement(
+      return React__default.createElement(
         'div',
         { className: 'd-flex justify-content-between' },
-        currentPage && currentPage > 1 && React.createElement(
+        currentPage && currentPage > 1 && React__default.createElement(
           'a',
           { href: '?page=' + (currentPage - 1) },
           '<< Previous'
         ),
-        React.createElement(
+        React__default.createElement(
           'a',
           { href: '?page=' + (currentPage + 1) },
           'Next >>'
@@ -211,7 +210,7 @@ var ArticleSeriesListing = function (_React$Component) {
     }, _this.renderSeries = function (seriesData) {
       var itemCounter = 0;
 
-      return React.createElement(
+      return React__default.createElement(
         'div',
         null,
         seriesData && seriesData.map(function (docSeries, index) {
@@ -221,24 +220,24 @@ var ArticleSeriesListing = function (_React$Component) {
             });
           }
 
-          return React.createElement(
+          return React__default.createElement(
             'div',
             { key: index, counter: itemCounter++ },
-            React.createElement(
+            React__default.createElement(
               'h4',
               { className: 'article-title-banner', style: { fontWeight: 'bold', color: 'var(--primary)', padding: '.25rem 0', borderBottom: '2px solid #d4a64d' } },
-              React.createElement(
+              React__default.createElement(
                 'a',
                 { href: '/' + _this.props.page + '/' + docSeries.url.current },
                 docSeries.title,
-                React.createElement(
+                React__default.createElement(
                   'span',
                   { style: { fontSize: '.9rem', color: 'grey', marginLeft: '1rem', transform: 'translateY(-2px)', display: 'inline-block' } },
-                  React.createElement(IoIosArrowForward, null)
+                  React__default.createElement(IoIosArrowForward, null)
                 )
               )
             ),
-            docSeries.body && docSeries.body.length > 0 && docSeries.body[0].articles ? React.createElement(YoutubeGroup, _extends({ key: index, dataset: docSeries.body[0].articles }, _this.props)) : React.createElement(
+            docSeries.body && docSeries.body.length > 0 && docSeries.body[0].articles ? React__default.createElement(YoutubeGroup, _extends({ key: index, dataset: docSeries.body[0].articles }, _this.props)) : React__default.createElement(
               'p',
               null,
               'No Article Found.'
@@ -254,31 +253,31 @@ var ArticleSeriesListing = function (_React$Component) {
     value: function render() {
       var _this2 = this;
 
-      return React.createElement(
-        React.Fragment,
+      return React__default.createElement(
+        React__default.Fragment,
         null,
         this.state.data.length >= 1 && this.state.data[0].length > 0 ? //Check if any Video Groups available
-        React.createElement(
+        React__default.createElement(
           InfiniteScroll,
           { dataLength: this.state.data.length, next: this.loadMore, hasMore: this.state.scrolling, scrollThreshold: 0.8 },
-          React.createElement(
+          React__default.createElement(
             Container,
             null,
             this.state.data && this.state.data.map(function (series, index) {
               var page = series && series.length > 0 && series[0].pageNumber !== 1 ? series[0].pageNumber : 1;
 
-              return React.createElement(
-                React.Fragment,
+              return React__default.createElement(
+                React__default.Fragment,
                 { key: index },
-                React.createElement(
+                React__default.createElement(
                   VisibilitySensor,
                   {
                     onChange: function onChange(isVisible) {
                       isVisible && _this2.changePageNumber(page);
                     } },
-                  React.createElement('div', { className: 'visibility-sensor', style: { minHeight: '.25rem' } })
+                  React__default.createElement('div', { className: 'visibility-sensor', style: { minHeight: '.25rem' } })
                 ),
-                React.createElement(
+                React__default.createElement(
                   'div',
                   null,
                   _this2.renderSeries(series)
@@ -286,13 +285,13 @@ var ArticleSeriesListing = function (_React$Component) {
               );
             })
           )
-        ) : React.createElement(
+        ) : React__default.createElement(
           'div',
           { style: { marginTop: '10px' } },
-          React.createElement(
+          React__default.createElement(
             'h5',
             null,
-            React.createElement(
+            React__default.createElement(
               'em',
               null,
               'New content coming soon, please check back later.'
@@ -304,7 +303,7 @@ var ArticleSeriesListing = function (_React$Component) {
   }]);
 
   return ArticleSeriesListing;
-}(React.Component);
+}(React__default.Component);
 
 var ArticleSeriesListing$1 = withRouter(ArticleSeriesListing);