@mjhls/mjh-framework 1.0.440 → 1.0.442

package/dist/cjs/IssueDeck.js

@@ -1,26 +1,31 @@
 'use strict';
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
 require('./_commonjsHelpers-06173234.js');
 require('./_to-object-329a650b.js');
 require('./web.dom.iterable-5c889cf1.js');
 require('./_iter-detect-234453c3.js');
 var toConsumableArray = require('./toConsumableArray-25d0e2a3.js');
 require('./_object-pie-68c5bcbc.js');
-var _extends$2 = require('./extends-60837c34.js');
+var _extends = require('./extends-60837c34.js');
 var React = require('react');
-var React__default = _interopDefault(React);
 require('prop-types');
-var Row = _interopDefault(require('react-bootstrap/Row'));
-var Col = _interopDefault(require('react-bootstrap/Col'));
-var Card = _interopDefault(require('react-bootstrap/Card'));
-var index_es = require('./index.es-ab3f2690.js');
+var Row = require('react-bootstrap/Row');
+var Col = require('react-bootstrap/Col');
+var Card = require('react-bootstrap/Card');
+var index_es = require('./index.es-44c8e726.js');
 require('react-dom');
-var index = require('./index-b5eb3ff8.js');
-var index$1 = require('./index-fa0fb52c.js');
+var index$1 = require('./index-be0c82be.js');
+var index = require('./index-8a3fb0bc.js');
 var slicedToArray = require('./slicedToArray-419d467a.js');
-var Button = _interopDefault(require('react-bootstrap/Button'));
+var Button = require('react-bootstrap/Button');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var Row__default = /*#__PURE__*/_interopDefaultLegacy(Row);
+var Col__default = /*#__PURE__*/_interopDefaultLegacy(Col);
+var Card__default = /*#__PURE__*/_interopDefaultLegacy(Card);
+var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
 
 var usePrevious = function usePrevious(value) {
   var ref = React.useRef();
@@ -67,7 +72,7 @@ var IssueDeck = function IssueDeck(props) {
   var prevValues = usePrevious(values);
 
   var urlFor = function urlFor(source) {
-    var builder = index.imageUrlBuilder(client);
+    var builder = index$1.imageUrlBuilder(client);
     return builder.image(source).auto('format');
   };
 
@@ -91,7 +96,7 @@ var IssueDeck = function IssueDeck(props) {
   };
 
   var loadData = function loadData(values, query, client, params, setIssuesData, setScrolling) {
-    params = _extends$2._extends({}, params, {
+    params = _extends._extends({}, params, {
       from: values.from,
       to: values.to
     });
@@ -102,7 +107,7 @@ var IssueDeck = function IssueDeck(props) {
       }
 
       dataArr = dataArr.map(function (item) {
-        return _extends$2._extends({}, item, {
+        return _extends._extends({}, item, {
           pageNumber: values.page
         });
       });
@@ -136,71 +141,71 @@ var IssueDeck = function IssueDeck(props) {
     }
   }, [issuesData, setScrolling, count]);
 
-  return React__default.createElement(
+  return React__default['default'].createElement(
     index_es.InfiniteScroll,
     { dataLength: issuesData && issuesData.length, next: function next() {
         return loadMore();
       }, hasMore: scrolling, scrollThreshold: 0.9 },
-    React__default.createElement(
-      Row,
+    React__default['default'].createElement(
+      Row__default['default'],
       null,
-      issuesData && issuesData.length ? issuesData.map(function (row, index) {
-        return publication && row.identifier && row.identifier.current && React__default.createElement(
-          Col,
-          { md: 12, lg: 12, key: index },
-          React__default.createElement(
-            Card,
+      issuesData && issuesData.length ? issuesData.map(function (row, index$1) {
+        return publication && row.identifier && row.identifier.current && React__default['default'].createElement(
+          Col__default['default'],
+          { md: 12, lg: 12, key: index$1 },
+          React__default['default'].createElement(
+            Card__default['default'],
             { className: 'queue-card journal-queue', style: { borderTop: '1px solid #EEE' } },
-            React__default.createElement(
-              Row,
+            React__default['default'].createElement(
+              Row__default['default'],
               { style: { flexDirection: 'left' } },
-              React__default.createElement(
-                Col,
+              React__default['default'].createElement(
+                Col__default['default'],
                 { md: 12, lg: 4, className: 'body-image', style: { textAlign: 'center' } },
-                row.issues.length > 0 ? React__default.createElement(
+                row.issues.length > 0 ? React__default['default'].createElement(
                   'a',
                   { href: href + '/' + publication + '/' + row.identifier.current, style: { width: '100%' } },
-                  row.thumbnail && React__default.createElement(
-                    index$1.LazyLoad,
+                  row.thumbnail && React__default['default'].createElement(
+                    index.LazyLoad,
                     { height: imageHeight },
-                    React__default.createElement(Card.Img, { variant: 'top', src: renderCardImage(row.thumbnail), alt: row.name, style: { objectFit: 'contain' } })
+                    React__default['default'].createElement(Card__default['default'].Img, { variant: 'top', src: renderCardImage(row.thumbnail), alt: row.name, style: { objectFit: 'contain' } })
                   )
-                ) : React__default.createElement(
+                ) : React__default['default'].createElement(
                   'a',
                   null,
-                  row.thumbnail && React__default.createElement(
-                    index$1.LazyLoad,
+                  row.thumbnail && React__default['default'].createElement(
+                    index.LazyLoad,
                     { height: imageHeight },
-                    React__default.createElement(Card.Img, { variant: 'top', src: renderCardImage(row.thumbnail), alt: row.name, style: { objectFit: 'contain' } })
+                    React__default['default'].createElement(Card__default['default'].Img, { variant: 'top', src: renderCardImage(row.thumbnail), alt: row.name, style: { objectFit: 'contain' } })
                   )
                 )
               ),
-              React__default.createElement(
-                Col,
+              React__default['default'].createElement(
+                Col__default['default'],
                 { md: 12, lg: 8 },
-                React__default.createElement(
-                  Card.Body,
+                React__default['default'].createElement(
+                  Card__default['default'].Body,
                   { style: { padding: '20px' }, className: 'body-text' },
-                  React__default.createElement(
-                    Row,
+                  React__default['default'].createElement(
+                    Row__default['default'],
                     null,
-                    React__default.createElement(
-                      Col,
+                    React__default['default'].createElement(
+                      Col__default['default'],
                       null,
-                      React__default.createElement(
-                        Card.Title,
+                      React__default['default'].createElement(
+                        Card__default['default'].Title,
                         null,
                         row.name
                       )
                     )
                   ),
-                  React__default.createElement(
-                    Row,
+                  React__default['default'].createElement(
+                    Row__default['default'],
                     null,
-                    React__default.createElement(
-                      Col,
+                    React__default['default'].createElement(
+                      Col__default['default'],
                       null,
-                      React__default.createElement(
+                      React__default['default'].createElement(
                         'div',
                         null,
                         'Volume: ',
@@ -208,13 +213,13 @@ var IssueDeck = function IssueDeck(props) {
                       )
                     )
                   ),
-                  React__default.createElement(
-                    Row,
+                  React__default['default'].createElement(
+                    Row__default['default'],
                     null,
-                    React__default.createElement(
-                      Col,
+                    React__default['default'].createElement(
+                      Col__default['default'],
                       null,
-                      React__default.createElement(
+                      React__default['default'].createElement(
                         'div',
                         null,
                         'Number: ',
@@ -222,19 +227,19 @@ var IssueDeck = function IssueDeck(props) {
                       )
                     )
                   ),
-                  React__default.createElement(
-                    Row,
+                  React__default['default'].createElement(
+                    Row__default['default'],
                     null,
-                    row.issues.length > 0 && React__default.createElement(
+                    row.issues.length > 0 && React__default['default'].createElement(
                       'a',
                       { style: { paddingRight: '15px', paddingLeft: '15px' }, href: href + '/' + publication + '/' + row.identifier.current },
-                      React__default.createElement(
-                        Button,
+                      React__default['default'].createElement(
+                        Button__default['default'],
                         { style: { marginTop: '20px', marginRight: '1rem' }, variant: 'secondary' },
                         'View Issue'
                       )
                     ),
-                    row.pdf && row.pdf.asset && React__default.createElement(
+                    row.pdf && row.pdf.asset && React__default['default'].createElement(
                       'a',
                       { href: row.pdf.asset.url, target: '_blank', className: 'btn btn-primary', style: { marginTop: '20px' } },
                       'Download Issue'
@@ -245,13 +250,13 @@ var IssueDeck = function IssueDeck(props) {
             )
           )
         );
-      }) : React__default.createElement(
+      }) : React__default['default'].createElement(
         'div',
         null,
-        React__default.createElement(
+        React__default['default'].createElement(
           'h5',
           null,
-          React__default.createElement(
+          React__default['default'].createElement(
             'em',
             { className: 'pl-3' },
             'New content coming soon, please check back later.'

package/dist/cjs/MasterDeck.js

@@ -1,7 +1,5 @@
 'use strict';
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
 require('./_commonjsHelpers-06173234.js');
 require('./_to-object-329a650b.js');
 require('./web.dom.iterable-5c889cf1.js');
@@ -9,29 +7,32 @@ require('./_library-dd23b178.js');
 require('./_iter-detect-234453c3.js');
 var toConsumableArray = require('./toConsumableArray-25d0e2a3.js');
 require('./_object-pie-68c5bcbc.js');
-var _extends$2 = require('./extends-60837c34.js');
-var inherits$2 = require('./inherits-e793003e.js');
-require('./typeof-2747c582.js');
+var _extends = require('./extends-60837c34.js');
+var inherits = require('./inherits-b4036c94.js');
+require('./typeof-0d86b91c.js');
 var React = require('react');
-var React__default = _interopDefault(React);
-var debounce = require('./debounce-b088070c.js');
+var debounce = require('./debounce-420ff8a8.js');
 require('prop-types');
-var Container = _interopDefault(require('react-bootstrap/Container'));
+var Container = require('react-bootstrap/Container');
 require('react-bootstrap/Row');
 require('react-bootstrap/Col');
 require('react-bootstrap/Card');
 require('./moment-66a6a284.js');
 var Router = require('next/router');
-var Router__default = _interopDefault(Router);
-var index_es = require('./index.es-ab3f2690.js');
+var index_es = require('./index.es-44c8e726.js');
 require('react-dom');
-var visibilitySensor = require('./visibility-sensor-0c45a583.js');
-require('./index-b5eb3ff8.js');
-var main = require('./main-bc4db521.js');
+var visibilitySensor = require('./visibility-sensor-a40ae0cd.js');
+require('./index-be0c82be.js');
+var main = require('./main-d76cde9c.js');
 var promise = require('./promise-0a493c7a.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);
+
 var MasterDeck = function (_React$Component) {
-  inherits$2._inherits(MasterDeck, _React$Component);
+  inherits._inherits(MasterDeck, _React$Component);
 
   function MasterDeck() {
     var _ref,
@@ -39,13 +40,13 @@ var MasterDeck = function (_React$Component) {
 
     var _temp, _this, _ret;
 
-    inherits$2._classCallCheck(this, MasterDeck);
+    inherits._classCallCheck(this, MasterDeck);
 
     for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
 
-    return _ret = (_temp = (_this = inherits$2._possibleConstructorReturn(this, (_ref = MasterDeck.__proto__ || inherits$2._Object$getPrototypeOf(MasterDeck)).call.apply(_ref, [this].concat(args))), _this), _this.Deck = _this.props.deck, _this.variant = _this.props.variant, _this.mapping = _this.props.mapping, _this.data = _this.props.dataRecord || [], _this.query = _this.props.query, _this.params = _this.props.params, _this.pointer = _this.props.pointer ? _this.props.pointer : false, _this.pointerArray = _this.props.pointerArray ? _this.props.pointerArray : false, _this.defaultImage = _this.props.defaultImage ? _this.props.defaultImage : '/placeholder.jpg', _this.rightItems = _this.props.rightItems ? _this.props.rightItems : false, _this.state = {
+    return _ret = (_temp = (_this = inherits._possibleConstructorReturn(this, (_ref = MasterDeck.__proto__ || inherits._Object$getPrototypeOf(MasterDeck)).call.apply(_ref, [this].concat(args))), _this), _this.Deck = _this.props.deck, _this.variant = _this.props.variant, _this.mapping = _this.props.mapping, _this.data = _this.props.dataRecord || [], _this.query = _this.props.query, _this.params = _this.props.params, _this.pointer = _this.props.pointer ? _this.props.pointer : false, _this.pointerArray = _this.props.pointerArray ? _this.props.pointerArray : false, _this.defaultImage = _this.props.defaultImage ? _this.props.defaultImage : '/placeholder.jpg', _this.rightItems = _this.props.rightItems ? _this.props.rightItems : false, _this.state = {
       data: _this.data,
       dataKeptToCompareNewDatarecord: _this.data,
       per: _this.params ? _this.params.to : 2,
@@ -81,7 +82,7 @@ var MasterDeck = function (_React$Component) {
           dataHandler = _this$props.dataHandler;
 
 
-      var params = _extends$2._extends({}, _this.params, { from: from, to: to });
+      var params = _extends._extends({}, _this.params, { from: from, to: to });
 
       if (dataHandler) {
         var dataHandlerPromise = new promise._Promise(function (resolve, reject) {
@@ -106,7 +107,7 @@ var MasterDeck = function (_React$Component) {
         dataArr = dataArr[_this.pointerArray][pointer];
       }
       dataArr = dataArr.map(function (item) {
-        return _extends$2._extends({}, item, {
+        return _extends._extends({}, item, {
           pageNumber: page
         });
       });
@@ -179,14 +180,14 @@ var MasterDeck = function (_React$Component) {
             }
 
             // please leave this for later debug purpose : Yong Jun.
-            /* console.log('page change reported', {
-              currentPage: currentPage,
-              pageNumber: pageNumber,
-              pathname: pathname,
-              path: path,
-              newPath: newPath,
-              firstPage: pageNumber === 1,
-              queryString: queryString
+            /* console.log('page change reported', {
+              currentPage: currentPage,
+              pageNumber: pageNumber,
+              pathname: pathname,
+              path: path,
+              newPath: newPath,
+              firstPage: pageNumber === 1,
+              queryString: queryString
             }) */
 
             if (pageview) {
@@ -201,26 +202,26 @@ var MasterDeck = function (_React$Component) {
       }
     }, _this.cardLoader = function (page, columns, variant) {
       var numberOfItemsBeforeAd = 6;
-      return React__default.createElement(
+      return React__default['default'].createElement(
         'div',
         null,
         _this.state.data && _this.state.data.length > 0 ? _this.state.data.map(function (row, index) {
           var pageNumber = row.pageNumber || _this.state.page;
 
-          return React__default.createElement(
-            React__default.Fragment,
+          return React__default['default'].createElement(
+            React__default['default'].Fragment,
             { key: index },
-            React__default.createElement(
+            React__default['default'].createElement(
               visibilitySensor.VisibilitySensor,
               {
                 onChange: function onChange(isVisible) {
                   isVisible && _this.changePageNumber(pageNumber);
                 } },
-              React__default.createElement(
+              React__default['default'].createElement(
                 'div',
                 null,
-                React__default.createElement(_this2.Deck, { data: row, variant: variant, index: index, client: _this.props.client, defaultImage: _this.defaultImage }),
-                main.main_39 && _this.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && React__default.createElement(
+                React__default['default'].createElement(_this2.Deck, { data: row, variant: variant, index: index, client: _this.props.client, defaultImage: _this.defaultImage }),
+                main.main_36 && _this.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && React__default['default'].createElement(
                   'div',
                   { className: 'ad-container', style: { margin: '0 auto' } },
                   _this.renderMobileAd(index, numberOfItemsBeforeAd, _this.rightItems)
@@ -228,13 +229,13 @@ var MasterDeck = function (_React$Component) {
               )
             )
           );
-        }) : React__default.createElement(
+        }) : React__default['default'].createElement(
           'div',
           null,
-          React__default.createElement(
+          React__default['default'].createElement(
             'h5',
             null,
-            React__default.createElement(
+            React__default['default'].createElement(
               'em',
               null,
               'New content coming soon, please check back later.'
@@ -244,7 +245,7 @@ var MasterDeck = function (_React$Component) {
       );
     }, _this.renderMobileAd = function (index, numberOfItemsBeforeAd, rightItems) {
       var i = ((index + 1) / numberOfItemsBeforeAd - 1) % rightItems.length;
-      return React__default.createElement(
+      return React__default['default'].createElement(
         'div',
         { className: 'ad-container', style: { display: 'flex', flex: '1 0 auto', width: '100%', textAlign: 'center', marginBottom: '2rem' } },
         rightItems[i].component
@@ -252,24 +253,24 @@ var MasterDeck = function (_React$Component) {
     }, _this.renderManualPagination = function () {
       var currentPage = _this.state.currentPage;
 
-      return React__default.createElement(
+      return React__default['default'].createElement(
         'div',
         { className: 'd-flex justify-content-between' },
-        currentPage && currentPage > 1 && React__default.createElement(
+        currentPage && currentPage > 1 && React__default['default'].createElement(
           'a',
           { href: '?page=' + (currentPage - 1) },
           '<< Previous'
         ),
-        React__default.createElement(
+        React__default['default'].createElement(
           'a',
           { href: '?page=' + (currentPage + 1) },
           'Next >>'
         )
       );
-    }, _temp), inherits$2._possibleConstructorReturn(_this, _ret);
+    }, _temp), inherits._possibleConstructorReturn(_this, _ret);
   }
 
-  inherits$2._createClass(MasterDeck, [{
+  inherits._createClass(MasterDeck, [{
     key: 'componentDidUpdate',
     value: function componentDidUpdate(prevProps, prevState) {
       if (this.state.dataKeptToCompareNewDatarecord !== this.props.dataRecord) {
@@ -304,38 +305,38 @@ var MasterDeck = function (_React$Component) {
           page = _props.page;
 
 
-      return React__default.createElement(
+      return React__default['default'].createElement(
         'div',
         { className: 'contentDeck' },
-        autoScroll ? React__default.createElement(
-          React__default.Fragment,
+        autoScroll ? React__default['default'].createElement(
+          React__default['default'].Fragment,
           null,
-          React__default.createElement(
+          React__default['default'].createElement(
             index_es.InfiniteScroll,
             { dataLength: this.state.data.length, next: this.loadMore, hasMore: this.state.scrolling, scrollThreshold: 0.9 },
-            React__default.createElement(
-              Container,
+            React__default['default'].createElement(
+              Container__default['default'],
               null,
               this.cardLoader(page, columns, variant)
             )
           ),
-          React__default.createElement(
+          React__default['default'].createElement(
             'noscript',
             null,
             this.renderManualPagination()
           )
-        ) : React__default.createElement(
-          React__default.Fragment,
+        ) : React__default['default'].createElement(
+          React__default['default'].Fragment,
           null,
-          React__default.createElement(
-            Container,
+          React__default['default'].createElement(
+            Container__default['default'],
             null,
             this.cardLoader(page, columns, variant)
           ),
-          React__default.createElement(
+          React__default['default'].createElement(
             'div',
             { style: { padding: '0px 10px' } },
-            this.state.scrolling ? React__default.createElement(
+            this.state.scrolling ? React__default['default'].createElement(
               'button',
               {
                 style: { margin: 'auto', width: '100%' },
@@ -343,17 +344,17 @@ var MasterDeck = function (_React$Component) {
                   _this3.loadMore();
                 } },
               'Load More'
-            ) : React__default.createElement(
+            ) : React__default['default'].createElement(
               'p',
               { style: { textAlign: 'center' } },
-              React__default.createElement(
+              React__default['default'].createElement(
                 'b',
                 null,
                 'End of data'
               )
             )
           ),
-          React__default.createElement(
+          React__default['default'].createElement(
             'noscript',
             null,
             this.renderManualPagination()
@@ -364,7 +365,7 @@ var MasterDeck = function (_React$Component) {
   }]);
 
   return MasterDeck;
-}(React__default.Component);
+}(React__default['default'].Component);
 
 var MasterDeck$1 = Router.withRouter(MasterDeck);