@mjhls/mjh-framework 1.0.736 → 1.0.738-beta-0.1

package/dist/cjs/VideoSeriesListing.js

@@ -1,43 +1,42 @@
 'use strict';
 
-var _extends = require('./extends-1e24fc8d.js');
-var inherits = require('./inherits-2eb23889.js');
-var React = require('react');
-var index = require('./index-0e4427c8.js');
-var Container = require('react-bootstrap/Container');
-var visibilitySensor = require('./visibility-sensor-8b54af99.js');
-var index_esm = require('./index.esm-974f47d9.js');
-var moment = require('./moment-aca40de1.js');
-var Router = require('next/router');
-var YoutubeGroup = require('./YoutubeGroup.js');
-var debounce = require('./debounce-eb287781.js');
-var index_es = require('./index.es-f3e47207.js');
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
 require('./_commonjsHelpers-06173234.js');
-require('./_to-object-821a2927.js');
-require('./_object-pie-68c5bcbc.js');
-require('./es6.string.iterator-20d42c53.js');
-require('./_object-sap-c5bd707d.js');
-require('./define-property-aff11f8a.js');
-require('./typeof-97065d40.js');
-require('./web.dom.iterable-4480325a.js');
-require('./_is-array-63ae4740.js');
+require('./_to-object-329a650b.js');
+require('./es6.string.iterator-cc0bbaa4.js');
 require('./_library-dd23b178.js');
+require('./core.get-iterator-method-f62321d4.js');
+require('./_object-pie-68c5bcbc.js');
+var _extends = require('./extends-60837c34.js');
+require('./_object-sap-5e74ba08.js');
+var inherits = require('./inherits-513d81cd.js');
+require('./define-property-f4d12f4e.js');
+require('./web.dom.iterable-a0e279c1.js');
+require('./typeof-725500bc.js');
+require('./_is-array-754e012d.js');
+var React = require('react');
+var React__default = _interopDefault(React);
+var index = require('./index-8bf6c863.js');
 require('prop-types');
+var Container = _interopDefault(require('react-bootstrap/Container'));
+var moment = require('./moment-575fe24c.js');
+var Router = require('next/router');
+var Router__default = _interopDefault(Router);
+require('./isSymbol-04666465.js');
+var debounce = require('./debounce-eb287781.js');
+var index_es = require('./index.es-9110add6.js');
 require('react-dom');
-require('./iconBase-68959171.js');
-require('./slicedToArray-db24842a.js');
-require('./core.get-iterator-method-b4615fd3.js');
+var visibilitySensor = require('./visibility-sensor-0c45a583.js');
+require('./index-39beccb3.js');
+require('./index-da796b8c.js');
+require('./main-02daeefe.js');
+require('./slicedToArray-8f385299.js');
 require('./index-187c967e.js');
-require('./index-80f57cff.js');
-require('./smoothscroll-99df7f93.js');
-require('./index-d48b231c.js');
-require('./main-dc082238.js');
-require('./isSymbol-04666465.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var Container__default = /*#__PURE__*/_interopDefaultLegacy(Container);
+require('./smoothscroll-5054361f.js');
+var YoutubeGroup = require('./YoutubeGroup.js');
+require('./iconBase-68959171.js');
+var index_esm = require('./index.esm-90433435.js');
 
 var VideoSeriesListing = function (_React$Component) {
   inherits._inherits(VideoSeriesListing, _React$Component);
@@ -102,9 +101,9 @@ var VideoSeriesListing = function (_React$Component) {
     }, 0), _this.loadData = function () {
       var _this$state = _this.state,
           from = _this$state.from,
-          to = _this$state.to;
-          _this$state.data;
-          var query = _this$state.query,
+          to = _this$state.to,
+          data = _this$state.data,
+          query = _this$state.query,
           page = _this$state.page;
       var client = _this.props.client;
       //this.changePageNumber(page)
@@ -200,15 +199,15 @@ var VideoSeriesListing = function (_React$Component) {
     }, _this.renderManualPagination = function () {
       var currentPage = _this.state.currentPage;
 
-      return React__default['default'].createElement(
+      return React__default.createElement(
         'div',
         { className: 'd-flex justify-content-between' },
-        currentPage && currentPage > 1 && React__default['default'].createElement(
+        currentPage && currentPage > 1 && React__default.createElement(
           'a',
           { href: '?page=' + (currentPage - 1) },
           '<< Previous'
         ),
-        React__default['default'].createElement(
+        React__default.createElement(
           'a',
           { href: '?page=' + (currentPage + 1) },
           'Next >>'
@@ -217,7 +216,7 @@ var VideoSeriesListing = function (_React$Component) {
     }, _this.renderSeries = function (seriesData) {
       var itemCounter = 0;
 
-      return React__default['default'].createElement(
+      return React__default.createElement(
         'div',
         null,
         seriesData && seriesData.map(function (docSeries, index) {
@@ -227,24 +226,24 @@ var VideoSeriesListing = function (_React$Component) {
             });
           }
 
-          return React__default['default'].createElement(
+          return React__default.createElement(
             'div',
             { key: index, counter: itemCounter++ },
-            React__default['default'].createElement(
-              'h4',
-              { className: 'video-title-banner', style: { fontWeight: 'bold', color: 'var(--primary)', padding: '.25rem 0', borderBottom: '2px solid #d4a64d' } },
-              React__default['default'].createElement(
+            React__default.createElement(
+              'div',
+              { className: 'video-title-banner', style: { fontWeight: 'bold', color: 'var(--primary)', padding: '.25rem 0', fontSize: '1.3rem', borderBottom: '2px solid #d4a64d' } },
+              React__default.createElement(
                 'a',
                 { href: '/' + _this.props.page + '/' + docSeries.url.current },
                 docSeries.title,
-                React__default['default'].createElement(
+                React__default.createElement(
                   'span',
                   { style: { fontSize: '.9rem', color: 'grey', marginLeft: '1rem', transform: 'translateY(-2px)' } },
-                  React__default['default'].createElement(index_esm.IoIosArrowForward, null)
+                  React__default.createElement(index_esm.IoIosArrowForward, null)
                 )
               )
             ),
-            docSeries.body && docSeries.body.length > 0 && docSeries.body[0].videos ? React__default['default'].createElement(YoutubeGroup, _extends._extends({ displayEpisodeNumber: true, key: index, dataset: docSeries.body[0].videos }, _this.props)) : React__default['default'].createElement(
+            docSeries.body && docSeries.body.length > 0 && docSeries.body[0].videos ? React__default.createElement(YoutubeGroup, _extends._extends({ displayEpisodeNumber: true, key: index, dataset: docSeries.body[0].videos }, _this.props)) : React__default.createElement(
               'p',
               null,
               'No Video Found.'
@@ -270,46 +269,51 @@ var VideoSeriesListing = function (_React$Component) {
 
 
       if (autoScroll) {
-        return React__default['default'].createElement(
-          React__default['default'].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__default['default'].createElement(
+          React__default.createElement(
             index_es.InfiniteScroll,
             { dataLength: this.state.data.length, next: this.loadMore, hasMore: this.state.scrolling, scrollThreshold: 0.8 },
-            React__default['default'].createElement(
-              Container__default['default'],
+            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__default['default'].createElement(
-                  React__default['default'].Fragment,
+                return React__default.createElement(
+                  React__default.Fragment,
                   { key: index },
-                  React__default['default'].createElement(
+                  React__default.createElement(
                     visibilitySensor.VisibilitySensor,
                     {
                       onChange: function onChange(isVisible) {
                         isVisible && _this2.changePageNumber(page);
                       } },
-                    React__default['default'].createElement('div', { className: 'visibility-sensor', style: { minHeight: '.25rem' } })
+                    React__default.createElement('div', { className: 'visibility-sensor', style: { minHeight: '.25rem' } })
                   ),
-                  React__default['default'].createElement(
+                  React__default.createElement(
                     'div',
                     null,
                     _this2.renderSeries(series)
                   )
                 );
-              })
+              }),
+              React__default.createElement(
+                'noscript',
+                null,
+                this.renderManualPagination()
+              )
             )
-          ) : React__default['default'].createElement(
+          ) : React__default.createElement(
             'div',
             { style: { marginTop: '10px' } },
-            React__default['default'].createElement(
+            React__default.createElement(
               'h5',
               null,
-              React__default['default'].createElement(
+              React__default.createElement(
                 'em',
                 null,
                 'New content coming soon, please check back later.'
@@ -319,34 +323,34 @@ var VideoSeriesListing = function (_React$Component) {
         );
       }
       if (!autoScroll) {
-        return React__default['default'].createElement(
-          React__default['default'].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__default['default'].createElement(
-            Container__default['default'],
+          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__default['default'].createElement(
-                React__default['default'].Fragment,
+              return React__default.createElement(
+                React__default.Fragment,
                 { key: index },
-                React__default['default'].createElement(
+                React__default.createElement(
                   visibilitySensor.VisibilitySensor,
                   {
                     onChange: function onChange(isVisible) {
                       isVisible && _this2.changePageNumber(page);
                     } },
-                  React__default['default'].createElement('div', { className: 'visibility-sensor', style: { minHeight: '.25rem' } })
+                  React__default.createElement('div', { className: 'visibility-sensor', style: { minHeight: '.25rem' } })
                 ),
-                React__default['default'].createElement(
+                React__default.createElement(
                   'div',
                   null,
                   _this2.renderSeries(series)
                 ),
-                _this2.state.scrolling ? React__default['default'].createElement(
+                _this2.state.scrolling ? React__default.createElement(
                   'button',
                   {
                     className: 'btn',
@@ -365,24 +369,29 @@ var VideoSeriesListing = function (_React$Component) {
                       _this2.loadMore();
                     } },
                   'Load More'
-                ) : React__default['default'].createElement(
+                ) : React__default.createElement(
                   'p',
                   { style: { textAlign: 'center' } },
-                  React__default['default'].createElement(
+                  React__default.createElement(
                     'b',
                     null,
                     'End of data'
                   )
+                ),
+                React__default.createElement(
+                  'noscript',
+                  null,
+                  _this2.renderManualPagination()
                 )
               );
             })
-          ) : React__default['default'].createElement(
+          ) : React__default.createElement(
             'div',
             { style: { marginTop: '10px' } },
-            React__default['default'].createElement(
+            React__default.createElement(
               'h5',
               null,
-              React__default['default'].createElement(
+              React__default.createElement(
                 'em',
                 null,
                 'New content coming soon, please check back later.'
@@ -395,7 +404,7 @@ var VideoSeriesListing = function (_React$Component) {
   }]);
 
   return VideoSeriesListing;
-}(React__default['default'].Component);
+}(React__default.Component);
 
 var VideoSeriesListing$1 = Router.withRouter(VideoSeriesListing);