@mjhls/mjh-framework 1.0.777 → 1.0.779-beta.0

package/dist/esm/PublicationDeck.js

@@ -1,14 +1,14 @@
-import React from 'react';
+import './_commonjsHelpers-0c4b6f40.js';
+import React__default from 'react';
+import 'prop-types';
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
-import Button from 'react-bootstrap/Button';
 import Card from 'react-bootstrap/Card';
-import { L as LazyLoad } from './index-752d1dae.js';
-import { i as imageUrlBuilder } from './index-3f5c03b2.js';
-import { l as lodash } from './lodash-ad27652f.js';
-import './_commonjsHelpers-0c4b6f40.js';
 import 'react-dom';
-import 'prop-types';
+import { i as imageUrlBuilder } from './index-73819142.js';
+import { L as LazyLoad } from './index-5f9f807a.js';
+import { l as lodash } from './lodash-17fdfebb.js';
+import Button from 'react-bootstrap/Button';
 
 var PublicationDeck = function PublicationDeck(props) {
   var data = props.data,
@@ -50,43 +50,43 @@ var PublicationDeck = function PublicationDeck(props) {
   };
 
   if (sortedRegPubs && sortedRegPubs.length || sortedLegacyPubs && sortedLegacyPubs.length) {
-    return React.createElement(
+    return React__default.createElement(
       'div',
       { className: 'publication-wrapper', style: { paddingBottom: '150px' } },
-      sortedRegPubs && sortedRegPubs.length > 0 && React.createElement(
+      sortedRegPubs && sortedRegPubs.length > 0 && React__default.createElement(
         Row,
         { className: 'regular-publication-wrapper' },
         sortedRegPubs.map(function (row, index) {
-          return row.identifier && row.identifier.current && React.createElement(
+          return row.identifier && row.identifier.current && React__default.createElement(
             Col,
             { xs: 6, sm: 6, md: 6, lg: 4, style: { display: 'flex', flex: '1 0 auto' }, key: index },
-            React.createElement(
+            React__default.createElement(
               Card,
               { className: 'block-card', style: { width: '200px' } },
-              React.createElement(
+              React__default.createElement(
                 'a',
                 { href: href + '/' + row.identifier.current },
-                row.childIssue && row.childIssue.thumbnail ? React.createElement(
+                row.childIssue && row.childIssue.thumbnail ? React__default.createElement(
                   LazyLoad,
                   { height: imageHeight },
-                  React.createElement(Card.Img, { variant: 'top', src: renderCardImage(row.childIssue.thumbnail), style: { objectFit: 'contain', maxHeight: '200px', maxWidth: '200px' } })
-                ) : React.createElement('p', { className: 'placeholder-tag' }),
-                React.createElement(
+                  React__default.createElement(Card.Img, { variant: 'top', src: renderCardImage(row.childIssue.thumbnail), style: { objectFit: 'contain', maxHeight: '200px', maxWidth: '200px' } })
+                ) : React__default.createElement('p', { className: 'placeholder-tag' }),
+                React__default.createElement(
                   Card.Body,
                   { style: { paddingTop: '0', paddingBottom: '2.75rem' } },
-                  React.createElement(
+                  React__default.createElement(
                     Card.Title,
                     null,
                     row.name
                   ),
-                  React.createElement(
+                  React__default.createElement(
                     Button,
                     { style: { position: 'absolute', bottom: '1rem', margin: '0px', width: '78%' }, variant: 'secondary' },
                     'Browse Issues'
                   )
                 )
               ),
-              React.createElement(
+              React__default.createElement(
                 'style',
                 { jsx: 'true' },
                 '\n                        .lazyload-placeholder {\n                          padding: 0 1.25rem 2.75rem;\n                        }\n                        .placeholder-tag {\n                          min-height: 200px;\n                        }\n                      '
@@ -95,53 +95,53 @@ var PublicationDeck = function PublicationDeck(props) {
           );
         })
       ),
-      sortedLegacyPubs && sortedLegacyPubs.length > 0 && React.createElement(
-        React.Fragment,
+      sortedLegacyPubs && sortedLegacyPubs.length > 0 && React__default.createElement(
+        React__default.Fragment,
         null,
-        React.createElement(
+        React__default.createElement(
           'div',
           { className: 'legacy-publication-title' },
-          React.createElement(
+          React__default.createElement(
             'h2',
             null,
             'Legacy'
           ),
-          React.createElement('hr', null)
+          React__default.createElement('hr', null)
         ),
-        React.createElement(
+        React__default.createElement(
           Row,
           { className: 'legacy-publication-wrapper' },
           sortedLegacyPubs.map(function (row, index) {
-            return row.identifier && row.identifier.current && React.createElement(
+            return row.identifier && row.identifier.current && React__default.createElement(
               Col,
               { xs: 6, sm: 6, md: 6, lg: 4, style: { display: 'flex', flex: '1 0 auto' }, key: index },
-              React.createElement(
+              React__default.createElement(
                 Card,
                 { className: 'block-card', style: { width: '200px' } },
-                React.createElement(
+                React__default.createElement(
                   'a',
                   { href: href + '/' + row.identifier.current },
-                  row.childIssue && row.childIssue.thumbnail ? React.createElement(
+                  row.childIssue && row.childIssue.thumbnail ? React__default.createElement(
                     LazyLoad,
                     { height: imageHeight },
-                    React.createElement(Card.Img, { variant: 'top', src: renderCardImage(row.childIssue.thumbnail), style: { objectFit: 'contain', maxHeight: '200px', maxWidth: '200px' } })
-                  ) : React.createElement('p', { className: 'placeholder-tag' }),
-                  React.createElement(
+                    React__default.createElement(Card.Img, { variant: 'top', src: renderCardImage(row.childIssue.thumbnail), style: { objectFit: 'contain', maxHeight: '200px', maxWidth: '200px' } })
+                  ) : React__default.createElement('p', { className: 'placeholder-tag' }),
+                  React__default.createElement(
                     Card.Body,
                     { style: { paddingTop: '0', paddingBottom: '2.75rem' } },
-                    React.createElement(
+                    React__default.createElement(
                       Card.Title,
                       null,
                       row.name
                     ),
-                    React.createElement(
+                    React__default.createElement(
                       Button,
                       { style: { position: 'absolute', bottom: '1rem', margin: '0px', width: '78%' }, variant: 'secondary' },
                       'Browse Issues'
                     )
                   )
                 ),
-                React.createElement(
+                React__default.createElement(
                   'style',
                   { jsx: 'true' },
                   '\n                          .lazyload-placeholder {\n                            padding: 0 1.25rem 2.75rem;\n                          }\n                          .placeholder-tag {\n                            min-height: 200px;\n                          }\n                        '
@@ -153,13 +153,13 @@ var PublicationDeck = function PublicationDeck(props) {
       )
     );
   } else {
-    return React.createElement(
+    return React__default.createElement(
       'div',
       null,
-      React.createElement(
+      React__default.createElement(
         'h5',
         null,
-        React.createElement(
+        React__default.createElement(
           'em',
           { className: 'pl-3' },
           'New content coming soon, please check back later.'

package/dist/esm/PublicationLanding.js

@@ -1,22 +1,25 @@
-import { _ as _slicedToArray } from './slicedToArray-cdeaee08.js';
 import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
-import { _ as _objectCreate, a as _iterDefine, b as _wks, c as _setToStringTag } from './es6.string.iterator-aa6068a3.js';
-import { _ as _iterStep } from './web.dom.iterable-035980f3.js';
-import { b as _isObject, c as _ctx, d as _descriptors, e as _objectDp, f as _toObject, g as _iobject, h as _toLength, i as _global, j as _fails, k as _hide, _ as _export, l as _aFunction, a as _core } from './_to-object-97770c52.js';
-import { _ as _anInstance, a as _forOf, b as _redefineAll, c as _setSpecies } from './_set-species-494ed292.js';
-import { _ as _meta, a as _isArray } from './_is-array-674f71ec.js';
-import { _ as _classof } from './core.get-iterator-method-d1d5ed02.js';
-import { _ as _toConsumableArray } from './toConsumableArray-fa2dcda7.js';
-import React, { useState, useEffect } from 'react';
+import { b as _isObject, c as _ctx, d as _descriptors, e as _objectDp, f as _toObject, g as _iobject, h as _toLength, i as _global, j as _fails, k as _hide, _ as _export, l as _aFunction, a as _core } from './_to-object-a4107da3.js';
+import { _ as _objectCreate, a as _iterDefine, b as _wks, c as _setToStringTag } from './es6.string.iterator-c990c18c.js';
+import './_library-528f1934.js';
+import './_iter-detect-5d49a330.js';
+import { _ as _toConsumableArray } from './toConsumableArray-43aa614d.js';
+import { _ as _classof } from './core.get-iterator-method-e1de7503.js';
+import './_object-pie-33c40e79.js';
+import { _ as _extends } from './extends-eb69e8ac.js';
+import { _ as _iterStep } from './web.dom.iterable-4439f05a.js';
+import { _ as _meta, a as _isArray } from './_is-array-58e95429.js';
+import React__default, { useState, useEffect } from 'react';
+import 'prop-types';
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
-import Dropdown from 'react-bootstrap/Dropdown';
 import Card from 'react-bootstrap/Card';
 import { useRouter } from 'next/router';
-import { L as LazyLoad } from './index-752d1dae.js';
-import './_iter-detect-48516cd3.js';
 import 'react-dom';
-import 'prop-types';
+import { L as LazyLoad } from './index-5f9f807a.js';
+import { _ as _slicedToArray } from './slicedToArray-641f241f.js';
+import { b as _anInstance, c as _forOf, d as _redefineAll, e as _setSpecies, a as _asyncToGenerator, r as regenerator, _ as _Promise } from './asyncToGenerator-fc1c2e29.js';
+import Dropdown from 'react-bootstrap/Dropdown';
 
 var _validateCollection = function (it, TYPE) {
   if (!_isObject(it) || it._t !== TYPE) throw TypeError('Incompatible receiver, ' + TYPE + ' required!');
@@ -286,7 +289,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)
@@ -370,6 +373,8 @@ module.exports = { "default": set, __esModule: true };
 
 var _Set = unwrapExports(set$1);
 
+var _this = undefined;
+
 /* usage & query
 const Publication = (props) => {
   const { cache, pub, year } = props
@@ -422,14 +427,83 @@ var generateContentPlacements = function generateContentPlacements(issues) {
 };
 
 var PublicationLanding = function PublicationLanding(props) {
-  var publication = props.publication,
+  var initialPublication = 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 = useState(initialPublication),
+      _useState2 = _slicedToArray(_useState, 2),
+      publication = _useState2[0],
+      setPublication = _useState2[1];
 
+  useEffect(function () {
+_asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2() {
+      var promises, issues;
+      return regenerator.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              if (!(publication.issues && publication.issues.length > 0 && client)) {
+                _context2.next = 6;
+                break;
+              }
+
+              promises = publication.issues.map(function () {
+                var _ref2 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(issue) {
+                  var articlesQuery;
+                  return 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;
+                          _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 _ref2.apply(this, arguments);
+                };
+              }());
+              _context2.next = 4;
+              return _Promise.all(promises);
+
+            case 4:
+              issues = _context2.sent;
+
+              setPublication(function (prevPublication) {
+                return _extends({}, prevPublication, { issues: issues });
+              });
+
+            case 6:
+            case 'end':
+              return _context2.stop();
+          }
+        }
+      }, _callee2, _this);
+    }))();
+  }, []);
 
   var router = useRouter();
   var years = [].concat(_toConsumableArray(new _Set(publication.issues.map(function (issue) {
@@ -437,20 +511,20 @@ var PublicationLanding = function PublicationLanding(props) {
   })))).sort().reverse();
   var contentPlacements = generateContentPlacements(publication.issues);
 
-  var _useState = useState(publication.issues),
-      _useState2 = _slicedToArray(_useState, 2),
-      issueData = _useState2[0],
-      setIssueData = _useState2[1];
-
-  var _useState3 = useState(year),
+  var _useState3 = useState(publication.issues),
       _useState4 = _slicedToArray(_useState3, 2),
-      activeYear = _useState4[0],
-      setActiveYear = _useState4[1];
+      issueData = _useState4[0],
+      setIssueData = _useState4[1];
 
-  var _useState5 = useState(contentPlacement),
+  var _useState5 = useState(year),
       _useState6 = _slicedToArray(_useState5, 2),
-      activeContentPlacement = _useState6[0],
-      setActiveContentPlacement = _useState6[1];
+      activeYear = _useState6[0],
+      setActiveYear = _useState6[1];
+
+  var _useState7 = useState(contentPlacement),
+      _useState8 = _slicedToArray(_useState7, 2),
+      activeContentPlacement = _useState8[0],
+      setActiveContentPlacement = _useState8[1];
 
   useEffect(function () {
     if (activeYear && activeContentPlacement && activeContentPlacement.id) {
@@ -484,38 +558,38 @@ 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.createElement(
+  return React__default.createElement(
     'div',
     { id: 'publicationLanding' },
-    React.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.createElement(
+    React__default.createElement(
       Row,
       null,
-      publication && publication.issues && publication.issues.length > 0 && years.length > 0 && React.createElement(
+      publication && publication.issues && publication.issues.length > 0 && years.length > 0 && React__default.createElement(
         Col,
         { className: 'flex-grow-0 mb-3' },
-        React.createElement(
+        React__default.createElement(
           Dropdown,
           { id: 'pubYearFilter' },
-          React.createElement(
+          React__default.createElement(
             Dropdown.Toggle,
             null,
             activeYear && !isNaN(activeYear) ? activeYear : 'Select Year'
           ),
-          React.createElement(
+          React__default.createElement(
             Dropdown.Menu,
             null,
-            React.createElement(Dropdown.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.createElement(
+              return React__default.createElement(
                 Dropdown.Item,
                 { key: key, onClick: function onClick() {
                     return setActiveYear(yr);
@@ -526,25 +600,25 @@ var PublicationLanding = function PublicationLanding(props) {
           )
         )
       ),
-      contentPlacements && contentPlacements.length > 0 && React.createElement(
+      contentPlacements && contentPlacements.length > 0 && React__default.createElement(
         Col,
         { className: 'flex-grow-0 mb-3' },
-        React.createElement(
+        React__default.createElement(
           Dropdown,
           { id: 'contentPlacementFilter' },
-          React.createElement(
+          React__default.createElement(
             Dropdown.Toggle,
             null,
             activeContentPlacement && activeContentPlacement.name ? activeContentPlacement.name : 'Select Topic'
           ),
-          React.createElement(
+          React__default.createElement(
             Dropdown.Menu,
             null,
-            React.createElement(Dropdown.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.createElement(
+              return React__default.createElement(
                 Dropdown.Item,
                 {
                   key: cp._id,
@@ -560,60 +634,60 @@ var PublicationLanding = function PublicationLanding(props) {
       )
     ),
     issueData && issueData.length > 0 ? issueData.map(function (issue, key) {
-      return React.createElement(
+      return React__default.createElement(
         Card,
         { key: key, className: 'issueCard' },
-        React.createElement(
+        React__default.createElement(
           Row,
           null,
-          React.createElement(
+          React__default.createElement(
             Col,
             { md: 3, id: 'issueThumbnail' },
-            React.createElement(
+            React__default.createElement(
               LazyLoad,
               { once: true },
-              React.createElement(Card.Img, { src: issue.thumbnail })
+              React__default.createElement(Card.Img, { src: issue.thumbnail })
             )
           ),
-          React.createElement(
+          React__default.createElement(
             Col,
             { md: 9, id: 'issueDetail' },
-            React.createElement(
+            React__default.createElement(
               Card.Body,
               null,
-              React.createElement(
+              React__default.createElement(
                 Card.Title,
                 null,
                 issue.name
               ),
-              issue.source && React.createElement(
+              issue.source && React__default.createElement(
                 'div',
                 { className: 'content-category-label' },
-                React.createElement(
+                React__default.createElement(
                   'div',
                   { className: 'mb-1 sanityDisplayLabel displayLabelThumb' },
                   issue.source
                 )
               ),
-              issue.volume && issue.number && React.createElement(
+              issue.volume && issue.number && React__default.createElement(
                 'p',
                 null,
                 'Volume: ',
                 issue.volume,
-                React.createElement('br', null),
+                React__default.createElement('br', null),
                 'Issue: ',
                 issue.number
               )
             ),
-            React.createElement(
+            React__default.createElement(
               Card.Footer,
               null,
-              issue.articles && issue.articles.length > 0 ? React.createElement(
+              issue.articles && issue.articles.length > 0 ? React__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.createElement(
+              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'
@@ -622,20 +696,20 @@ var PublicationLanding = function PublicationLanding(props) {
           )
         )
       );
-    }) : React.createElement(
+    }) : React__default.createElement(
       'div',
       null,
-      React.createElement(
+      React__default.createElement(
         'h5',
         null,
-        React.createElement(
+        React__default.createElement(
           'em',
           { className: 'pl-3' },
           'New content coming soon, please check back later.'
         )
       )
     ),
-    React.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      '