@mjhls/mjh-framework 1.0.781 → 1.0.782-beta.0

package/dist/cjs/PublicationLanding.js

@@ -1,32 +1,31 @@
 'use strict';
 
-var slicedToArray = require('./slicedToArray-db24842a.js');
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
 var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
-var es6_string_iterator = require('./es6.string.iterator-20d42c53.js');
-var web_dom_iterable = require('./web.dom.iterable-4480325a.js');
-var _toObject = require('./_to-object-821a2927.js');
-var _setSpecies = require('./_set-species-a8cfdb84.js');
-var _isArray = require('./_is-array-63ae4740.js');
-var core_getIteratorMethod = require('./core.get-iterator-method-b4615fd3.js');
-var toConsumableArray = require('./toConsumableArray-cf0865fc.js');
+var _toObject = require('./_to-object-329a650b.js');
+var es6_string_iterator = require('./es6.string.iterator-cc0bbaa4.js');
+require('./_library-dd23b178.js');
+require('./_iter-detect-60b2f026.js');
+var toConsumableArray = require('./toConsumableArray-9a3476fe.js');
+var core_getIteratorMethod = require('./core.get-iterator-method-f62321d4.js');
+require('./_object-pie-68c5bcbc.js');
+var _extends = require('./extends-60837c34.js');
+var web_dom_iterable = require('./web.dom.iterable-a0e279c1.js');
+var _isArray = require('./_is-array-754e012d.js');
 var React = require('react');
-var Row = require('react-bootstrap/Row');
-var Col = require('react-bootstrap/Col');
-var Dropdown = require('react-bootstrap/Dropdown');
-var Card = require('react-bootstrap/Card');
+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 Router = require('next/router');
-var index = require('./index-80f57cff.js');
-require('./_iter-detect-2613ffa1.js');
+var Router__default = _interopDefault(Router);
 require('react-dom');
-require('prop-types');
-
-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 Dropdown__default = /*#__PURE__*/_interopDefaultLegacy(Dropdown);
-var Card__default = /*#__PURE__*/_interopDefaultLegacy(Card);
+var index$2 = require('./index-da796b8c.js');
+var slicedToArray = require('./slicedToArray-8f385299.js');
+var asyncToGenerator = require('./asyncToGenerator-140e5f89.js');
+var Dropdown = _interopDefault(require('react-bootstrap/Dropdown'));
 
 var _validateCollection = function (it, TYPE) {
   if (!_toObject._isObject(it) || it._t !== TYPE) throw TypeError('Incompatible receiver, ' + TYPE + ' required!');
@@ -61,15 +60,15 @@ var getEntry = function (that, key) {
 var _collectionStrong = {
   getConstructor: function (wrapper, NAME, IS_MAP, ADDER) {
     var C = wrapper(function (that, iterable) {
-      _setSpecies._anInstance(that, C, NAME, '_i');
+      asyncToGenerator._anInstance(that, C, NAME, '_i');
       that._t = NAME;         // collection type
       that._i = es6_string_iterator._objectCreate(null); // index
       that._f = undefined;    // first entry
       that._l = undefined;    // last entry
       that[SIZE] = 0;         // size
-      if (iterable != undefined) _setSpecies._forOf(iterable, IS_MAP, that[ADDER], that);
+      if (iterable != undefined) asyncToGenerator._forOf(iterable, IS_MAP, that[ADDER], that);
     });
-    _setSpecies._redefineAll(C.prototype, {
+    asyncToGenerator._redefineAll(C.prototype, {
       // 23.1.3.1 Map.prototype.clear()
       // 23.2.3.2 Set.prototype.clear()
       clear: function clear() {
@@ -173,7 +172,7 @@ var _collectionStrong = {
     }, IS_MAP ? 'entries' : 'values', !IS_MAP, true);
 
     // add [@@species], 23.1.2.2, 23.2.2.2
-    _setSpecies._setSpecies(NAME);
+    asyncToGenerator._setSpecies(NAME);
   }
 };
 
@@ -259,18 +258,18 @@ var _collection = function (NAME, wrapper, methods, common, IS_MAP, IS_WEAK) {
   }))) {
     // create collection constructor
     C = common.getConstructor(wrapper, NAME, IS_MAP, ADDER);
-    _setSpecies._redefineAll(C.prototype, methods);
+    asyncToGenerator._redefineAll(C.prototype, methods);
     _isArray._meta.NEED = true;
   } else {
     C = wrapper(function (target, iterable) {
-      _setSpecies._anInstance(target, C, NAME, '_c');
+      asyncToGenerator._anInstance(target, C, NAME, '_c');
       target._c = new Base();
-      if (iterable != undefined) _setSpecies._forOf(iterable, IS_MAP, target[ADDER], target);
+      if (iterable != undefined) asyncToGenerator._forOf(iterable, IS_MAP, target[ADDER], target);
     });
     each('add,clear,delete,forEach,get,has,set,keys,values,entries,toJSON'.split(','), function (KEY) {
       var IS_ADDER = KEY == 'add' || KEY == 'set';
       if (KEY in proto && !(IS_WEAK && KEY == 'clear')) _toObject._hide(C.prototype, KEY, function (a, b) {
-        _setSpecies._anInstance(this, C, KEY);
+        asyncToGenerator._anInstance(this, C, KEY);
         if (!IS_ADDER && IS_WEAK && !_toObject._isObject(a)) return KEY == 'get' ? undefined : false;
         var result = this._c[KEY](a === 0 ? 0 : a, b);
         return IS_ADDER ? this : result;
@@ -296,7 +295,7 @@ var _collection = function (NAME, wrapper, methods, common, IS_MAP, IS_WEAK) {
 var SET = 'Set';
 
 // 23.2 Set Objects
-_collection(SET, function (get) {
+var es6_set = _collection(SET, function (get) {
   return function Set() { return get(this, arguments.length > 0 ? arguments[0] : undefined); };
 }, {
   // 23.2.3.1 Set.prototype.add(value)
@@ -307,7 +306,7 @@ _collection(SET, function (get) {
 
 var _arrayFromIterable = function (iter, ITERATOR) {
   var result = [];
-  _setSpecies._forOf(iter, false, result.push, result, ITERATOR);
+  asyncToGenerator._forOf(iter, false, result.push, result, ITERATOR);
   return result;
 };
 
@@ -359,11 +358,11 @@ var _setCollectionFrom = function (COLLECTION) {
     if (mapping) {
       n = 0;
       cb = _toObject._ctx(mapFn, arguments[2], 2);
-      _setSpecies._forOf(source, false, function (nextItem) {
+      asyncToGenerator._forOf(source, false, function (nextItem) {
         A.push(cb(nextItem, n++));
       });
     } else {
-      _setSpecies._forOf(source, false, A.push, A);
+      asyncToGenerator._forOf(source, false, A.push, A);
     }
     return new this(A);
   } });
@@ -380,6 +379,8 @@ module.exports = { "default": set, __esModule: true };
 
 var _Set = _commonjsHelpers.unwrapExports(set$1);
 
+var _this = undefined;
+
 /* usage & query
 const Publication = (props) => {
   const { cache, pub, year } = props
@@ -415,6 +416,15 @@ Publication.getInitialProps = async (ctx) => {
 export default Publication
 */
 
+var ViewIssueButton = function ViewIssueButton(_ref) {
+  var href = _ref.href;
+  return React__default.createElement(
+    'a',
+    { href: href, className: 'btn btn-primary' },
+    'View Issue'
+  );
+};
+
 var generateContentPlacements = function generateContentPlacements(issues) {
   var contentPlacements = [];
   issues && issues.length > 0 && issues.forEach(function (issue) {
@@ -432,14 +442,92 @@ var generateContentPlacements = function generateContentPlacements(issues) {
 };
 
 var PublicationLanding = function PublicationLanding(props) {
-  var publication = props.publication,
+  var initialPubData = props.publication,
       _props$year = props.year,
       year = _props$year === undefined ? '' : _props$year,
-      href = props.href;
-      props.pdf;
-      var _props$contentPlaceme = props.contentPlacement,
-      contentPlacement = _props$contentPlaceme === undefined ? '' : _props$contentPlaceme;
+      href = props.href,
+      pdf = props.pdf,
+      _props$contentPlaceme = props.contentPlacement,
+      contentPlacement = _props$contentPlaceme === undefined ? '' : _props$contentPlaceme,
+      client = props.client;
 
+  var _useState = React.useState(initialPubData),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
+      publication = _useState2[0],
+      setPublication = _useState2[1];
+
+  React.useEffect(function () {
+asyncToGenerator._asyncToGenerator( /*#__PURE__*/asyncToGenerator.regenerator.mark(function _callee2() {
+      var promises, issues;
+      return asyncToGenerator.regenerator.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              if (!(publication.issues && publication.issues.length > 0 && client)) {
+                _context2.next = 12;
+                break;
+              }
+
+              _context2.prev = 1;
+              promises = publication.issues.map(function () {
+                var _ref3 = asyncToGenerator._asyncToGenerator( /*#__PURE__*/asyncToGenerator.regenerator.mark(function _callee(issue) {
+                  var articlesQuery;
+                  return asyncToGenerator.regenerator.wrap(function _callee$(_context) {
+                    while (1) {
+                      switch (_context.prev = _context.next) {
+                        case 0:
+                          articlesQuery = '*[\n              _type == \'article\' \n              && !(_id in path("drafts.**"))\n              && defined(title)\n              && is_visible\n              && defined(url)\n              && defined(published) \n              && dateTime(published) <= dateTime(now())\n              && passwordLock != true\n              && references(\'' + issue._id + '\')\n            ][0...1]{_id}';
+                          _context.t0 = _extends._extends;
+                          _context.t1 = {};
+                          _context.t2 = issue;
+                          _context.next = 6;
+                          return client.fetch(articlesQuery);
+
+                        case 6:
+                          _context.t3 = _context.sent;
+                          _context.t4 = {
+                            articles: _context.t3
+                          };
+                          return _context.abrupt('return', (0, _context.t0)(_context.t1, _context.t2, _context.t4));
+
+                        case 9:
+                        case 'end':
+                          return _context.stop();
+                      }
+                    }
+                  }, _callee, _this);
+                }));
+
+                return function (_x) {
+                  return _ref3.apply(this, arguments);
+                };
+              }());
+              _context2.next = 5;
+              return asyncToGenerator._Promise.all(promises);
+
+            case 5:
+              issues = _context2.sent;
+
+              setPublication(function (prevPublication) {
+                return _extends._extends({}, prevPublication, { issues: issues });
+              });
+              _context2.next = 12;
+              break;
+
+            case 9:
+              _context2.prev = 9;
+              _context2.t0 = _context2['catch'](1);
+
+              console.error(_context2.t0);
+
+            case 12:
+            case 'end':
+              return _context2.stop();
+          }
+        }
+      }, _callee2, _this, [[1, 9]]);
+    }))();
+  }, []);
 
   var router = Router.useRouter();
   var years = [].concat(toConsumableArray._toConsumableArray(new _Set(publication.issues.map(function (issue) {
@@ -447,20 +535,20 @@ var PublicationLanding = function PublicationLanding(props) {
   })))).sort().reverse();
   var contentPlacements = generateContentPlacements(publication.issues);
 
-  var _useState = React.useState(publication.issues),
-      _useState2 = slicedToArray._slicedToArray(_useState, 2),
-      issueData = _useState2[0],
-      setIssueData = _useState2[1];
-
-  var _useState3 = React.useState(year),
+  var _useState3 = React.useState(publication.issues),
       _useState4 = slicedToArray._slicedToArray(_useState3, 2),
-      activeYear = _useState4[0],
-      setActiveYear = _useState4[1];
+      issueData = _useState4[0],
+      setIssueData = _useState4[1];
 
-  var _useState5 = React.useState(contentPlacement),
+  var _useState5 = React.useState(year),
       _useState6 = slicedToArray._slicedToArray(_useState5, 2),
-      activeContentPlacement = _useState6[0],
-      setActiveContentPlacement = _useState6[1];
+      activeYear = _useState6[0],
+      setActiveYear = _useState6[1];
+
+  var _useState7 = React.useState(contentPlacement),
+      _useState8 = slicedToArray._slicedToArray(_useState7, 2),
+      activeContentPlacement = _useState8[0],
+      setActiveContentPlacement = _useState8[1];
 
   React.useEffect(function () {
     if (activeYear && activeContentPlacement && activeContentPlacement.id) {
@@ -494,39 +582,39 @@ var PublicationLanding = function PublicationLanding(props) {
       router.push(router.pathname, '/' + (href ? href : 'publications') + '/' + publication.identifier.current, { shallow: true });
       setIssueData(publication.issues);
     }
-  }, [activeYear, activeContentPlacement]);
+  }, [activeYear, activeContentPlacement, publication]);
 
-  return React__default['default'].createElement(
+  return React__default.createElement(
     'div',
     { id: 'publicationLanding' },
-    React__default['default'].createElement(
+    React__default.createElement(
       'style',
       { jsx: true },
       '\n          #pubYearFilter .dropdown-menu.show,\n          #contentPlacementFilter .dropdown-menu.show {\n            max-height: 25vh;\n            overflow: auto;\n          }\n        '
     ),
-    React__default['default'].createElement(
-      Row__default['default'],
+    React__default.createElement(
+      Row,
       null,
-      publication && publication.issues && publication.issues.length > 0 && years.length > 0 && React__default['default'].createElement(
-        Col__default['default'],
+      publication && publication.issues && publication.issues.length > 0 && years.length > 0 && React__default.createElement(
+        Col,
         { className: 'flex-grow-0 mb-3' },
-        React__default['default'].createElement(
-          Dropdown__default['default'],
+        React__default.createElement(
+          Dropdown,
           { id: 'pubYearFilter' },
-          React__default['default'].createElement(
-            Dropdown__default['default'].Toggle,
+          React__default.createElement(
+            Dropdown.Toggle,
             null,
             activeYear && !isNaN(activeYear) ? activeYear : 'Select Year'
           ),
-          React__default['default'].createElement(
-            Dropdown__default['default'].Menu,
+          React__default.createElement(
+            Dropdown.Menu,
             null,
-            React__default['default'].createElement(Dropdown__default['default'].Item, { style: { height: '2rem' }, onClick: function onClick() {
+            React__default.createElement(Dropdown.Item, { style: { height: '2rem' }, onClick: function onClick() {
                 return setActiveYear('');
               } }),
             years.map(function (yr, key) {
-              return React__default['default'].createElement(
-                Dropdown__default['default'].Item,
+              return React__default.createElement(
+                Dropdown.Item,
                 { key: key, onClick: function onClick() {
                     return setActiveYear(yr);
                   } },
@@ -536,26 +624,26 @@ var PublicationLanding = function PublicationLanding(props) {
           )
         )
       ),
-      contentPlacements && contentPlacements.length > 0 && React__default['default'].createElement(
-        Col__default['default'],
+      contentPlacements && contentPlacements.length > 0 && React__default.createElement(
+        Col,
         { className: 'flex-grow-0 mb-3' },
-        React__default['default'].createElement(
-          Dropdown__default['default'],
+        React__default.createElement(
+          Dropdown,
           { id: 'contentPlacementFilter' },
-          React__default['default'].createElement(
-            Dropdown__default['default'].Toggle,
+          React__default.createElement(
+            Dropdown.Toggle,
             null,
             activeContentPlacement && activeContentPlacement.name ? activeContentPlacement.name : 'Select Topic'
           ),
-          React__default['default'].createElement(
-            Dropdown__default['default'].Menu,
+          React__default.createElement(
+            Dropdown.Menu,
             null,
-            React__default['default'].createElement(Dropdown__default['default'].Item, { style: { height: '2rem' }, onClick: function onClick() {
+            React__default.createElement(Dropdown.Item, { style: { height: '2rem' }, onClick: function onClick() {
                 return setActiveContentPlacement('');
               } }),
             contentPlacements.map(function (cp) {
-              return React__default['default'].createElement(
-                Dropdown__default['default'].Item,
+              return React__default.createElement(
+                Dropdown.Item,
                 {
                   key: cp._id,
                   onClick: function onClick() {
@@ -570,60 +658,56 @@ var PublicationLanding = function PublicationLanding(props) {
       )
     ),
     issueData && issueData.length > 0 ? issueData.map(function (issue, key) {
-      return React__default['default'].createElement(
-        Card__default['default'],
+      return React__default.createElement(
+        Card,
         { key: key, className: 'issueCard' },
-        React__default['default'].createElement(
-          Row__default['default'],
+        React__default.createElement(
+          Row,
           null,
-          React__default['default'].createElement(
-            Col__default['default'],
+          React__default.createElement(
+            Col,
             { md: 3, id: 'issueThumbnail' },
-            React__default['default'].createElement(
-              index.LazyLoad,
+            React__default.createElement(
+              index$2.LazyLoad,
               { once: true },
-              React__default['default'].createElement(Card__default['default'].Img, { src: issue.thumbnail })
+              React__default.createElement(Card.Img, { src: issue.thumbnail })
             )
           ),
-          React__default['default'].createElement(
-            Col__default['default'],
+          React__default.createElement(
+            Col,
             { md: 9, id: 'issueDetail' },
-            React__default['default'].createElement(
-              Card__default['default'].Body,
+            React__default.createElement(
+              Card.Body,
               null,
-              React__default['default'].createElement(
-                Card__default['default'].Title,
+              React__default.createElement(
+                Card.Title,
                 null,
                 issue.name
               ),
-              issue.source && React__default['default'].createElement(
+              issue.source && React__default.createElement(
                 'div',
                 { className: 'content-category-label' },
-                React__default['default'].createElement(
+                React__default.createElement(
                   'div',
                   { className: 'mb-1 sanityDisplayLabel displayLabelThumb' },
                   issue.source
                 )
               ),
-              issue.volume && issue.number && React__default['default'].createElement(
+              issue.volume && issue.number && React__default.createElement(
                 'p',
                 null,
                 'Volume: ',
                 issue.volume,
-                React__default['default'].createElement('br', null),
+                React__default.createElement('br', null),
                 'Issue: ',
                 issue.number
               )
             ),
-            React__default['default'].createElement(
-              Card__default['default'].Footer,
+            React__default.createElement(
+              Card.Footer,
               null,
-              issue.articles && issue.articles.length > 0 ? React__default['default'].createElement(
-                'a',
-                { href: publication.identifier.current + '/' + issue.identifier.current, className: 'btn btn-primary' },
-                'View Issue'
-              ) : null,
-              issue.pdf && issue.pdf.asset && issue.pdf.asset.url && React__default['default'].createElement(
+              issue.articles ? issue.articles.length > 0 && React__default.createElement(ViewIssueButton, { href: publication.identifier.current + '/' + issue.identifier.current }) : React__default.createElement(ViewIssueButton, { href: publication.identifier.current + '/' + issue.identifier.current }),
+              issue.pdf && issue.pdf.asset && issue.pdf.asset.url && React__default.createElement(
                 'a',
                 { rel: 'noopener', href: issue.pdf.asset.url, target: '_blank', className: 'btn btn-primary' },
                 'Download Issue'
@@ -632,20 +716,20 @@ var PublicationLanding = function PublicationLanding(props) {
           )
         )
       );
-    }) : React__default['default'].createElement(
+    }) : React__default.createElement(
       'div',
       null,
-      React__default['default'].createElement(
+      React__default.createElement(
         'h5',
         null,
-        React__default['default'].createElement(
+        React__default.createElement(
           'em',
           { className: 'pl-3' },
           'New content coming soon, please check back later.'
         )
       )
     ),
-    React__default['default'].createElement(
+    React__default.createElement(
       'style',
       { jsx: 'true' },
       '\n        .issueCard.card:hover {\n          cursor: default;\n        }\n        .content-category-label {\n          margin: 0.5rem 0;\n          display: block;\n        }\n        .sanityDisplayLabel {\n          margin: 0.5rem 0;\n          border: 1px solid black;\n          display: inline;\n          width: 100%;\n          padding: 5px;\n          color: #484848;\n          border-radius: 2px;\n        }\n        .dropdown-toggle {\n          min-width: 5rem;\n        }\n        .dropdown-toggle:empty:after {\n          margin-left: 4rem;\n        }\n        .card-footer {\n          background-color: transparent;\n          border-top: 0;\n        }\n        .card-footer a:not(:first-child) {\n          margin-left: 1rem;\n        }\n      '