@mjhls/mjh-framework 1.0.984 → 1.0.985-article-abstract-v1

package/dist/esm/PublicationLanding.js

@@ -1,31 +1,31 @@
+import { b as _anInstance, c as _forOf, d as _redefineAll, e as _setSpecies, _ as _asyncToGenerator, r as regenerator, a as _Promise } from './asyncToGenerator-958ef5fc.js';
+import { _ as _extends } from './extends-6d8e3924.js';
+import { _ as _slicedToArray } from './slicedToArray-6ebcbfea.js';
 import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
-import { b as _isObject, c as _objectCreate, d as _ctx, e as _descriptors, f as _iterDefine, g as _objectDp, h as _wks, i as _toObject, j as _iobject, k as _toLength, l as _global, m as _fails, n as _hide, o as _setToStringTag, _ as _export, p as _classof, q as _aFunction, a as _core } from './core.get-iterator-method-8c71f470.js';
-import './_library-528f1934.js';
-import './_iter-detect-72edfd60.js';
-import { _ as _toConsumableArray } from './toConsumableArray-47a5394a.js';
-import './_object-pie-33c40e79.js';
-import { _ as _extends } from './extends-7fbbe94e.js';
-import { _ as _iterStep } from './web.dom.iterable-406140e0.js';
-import { _ as _meta, a as _isArray } from './_is-array-31d40a83.js';
-import React, { useState, useEffect } from 'react';
-import 'prop-types';
+import { b as _isObject, c as _objectDp, d as _objectCreate, e as _ctx, f as _descriptors, g as _iterDefine, h as _wks, i as _toObject, j as _iobject, k as _toLength, l as _global, m as _fails, n as _hide, o as _setToStringTag, _ as _export, p as _classof, q as _aFunction, a as _core } from './core.get-iterator-method-ea258bb1.js';
+import { _ as _iterStep } from './web.dom.iterable-ab4dea5c.js';
+import { _ as _meta, a as _isArray } from './_is-array-8d21b9e3.js';
+import { _ as _toConsumableArray } from './toConsumableArray-f7074d7c.js';
+import React__default, { useState, useEffect } from 'react';
 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-755f2cc2.js';
+import { u as urlForFile } from './urlForFile-b69adffc.js';
+import './_library-528f1934.js';
+import './_iter-detect-98db3b07.js';
+import './_object-pie-133f504a.js';
 import 'react-dom';
-import { _ as _slicedToArray } from './slicedToArray-99bcfd93.js';
-import { L as LazyLoad } from './index-6c12bdd5.js';
-import { b as _anInstance, c as _forOf, d as _redefineAll, e as _setSpecies, _ as _asyncToGenerator, r as regenerator, a as _Promise } from './asyncToGenerator-9c835201.js';
-import { u as urlForFile } from './urlForFile-0fc42ed8.js';
-import Dropdown from 'react-bootstrap/Dropdown';
+import 'prop-types';
 
 var _validateCollection = function (it, TYPE) {
   if (!_isObject(it) || it._t !== TYPE) throw TypeError('Incompatible receiver, ' + TYPE + ' required!');
   return it;
 };
 
-var dP = _objectDp.f;
+var dP$1 = _objectDp.f;
 
 
 
@@ -108,7 +108,7 @@ var _collectionStrong = {
         return !!getEntry(_validateCollection(this, NAME), key);
       }
     });
-    if (_descriptors) dP(C.prototype, 'size', {
+    if (_descriptors) dP$1(C.prototype, 'size', {
       get: function () {
         return _validateCollection(this, NAME)[SIZE];
       }
@@ -168,6 +168,10 @@ var _collectionStrong = {
     _setSpecies(NAME);
   }
 };
+_collectionStrong.getConstructor;
+_collectionStrong.def;
+_collectionStrong.getEntry;
+_collectionStrong.setStrong;
 
 var SPECIES = _wks('species');
 
@@ -236,7 +240,7 @@ var _arrayMethods = function (TYPE, $create) {
   };
 };
 
-var dP$1 = _objectDp.f;
+var dP = _objectDp.f;
 var each = _arrayMethods(0);
 
 
@@ -268,7 +272,7 @@ var _collection = function (NAME, wrapper, methods, common, IS_MAP, IS_WEAK) {
         return IS_ADDER ? this : result;
       });
     });
-    IS_WEAK || dP$1(C.prototype, 'size', {
+    IS_WEAK || dP(C.prototype, 'size', {
       get: function () {
         return this._c.size;
       }
@@ -288,7 +292,7 @@ var _collection = function (NAME, wrapper, methods, common, IS_MAP, IS_WEAK) {
 var SET = 'Set';
 
 // 23.2 Set Objects
-var es6_set = _collection(SET, function (get) {
+_collection(SET, function (get) {
   return function Set() { return get(this, arguments.length > 0 ? arguments[0] : undefined); };
 }, {
   // 23.2.3.1 Set.prototype.add(value)
@@ -364,40 +368,40 @@ var _setCollectionFrom = function (COLLECTION) {
 // https://tc39.github.io/proposal-setmap-offrom/#sec-set.from
 _setCollectionFrom('Set');
 
-var set = _core.Set;
+var set$1 = _core.Set;
 
-var set$1 = createCommonjsModule(function (module) {
-module.exports = { "default": set, __esModule: true };
+var set = createCommonjsModule(function (module) {
+module.exports = { "default": set$1, __esModule: true };
 });
 
-var _Set = unwrapExports(set$1);
-
-/* usage & query
-const Publication = (props) => {
-  const { cache, pub, year } = props
-  const targeting = {
-    content_placement: [`/journals/${pub.identifier.current}`],
-    document_url: [`/journals/${pub.identifier.current}`],
-  }
-  return (
-    <Shell title={pub.name} cache={cache} settings={Settings} targeting={targeting} ads={Ads} layout='3'>
-      <PublicationLanding publication={pub} year={year} href={'journals'} />
-    </Shell>
-  )
-}
-Publication.getInitialProps = async (ctx) => {
-  const { query } = ctx
-  const {
-    query: { year },
-  } = ctx
-  const pub = await client.fetch(getQuery('publication'), query)
- **import urlFor from framework**
-  pub.issues.map((issue) => {
-    issue.thumbnail = urlFor({client, source: issue.thumbnail})
-  })
-  return { pub, year }
-}
-export default Publication
+var _Set = unwrapExports(set);
+
+/* usage & query
+const Publication = (props) => {
+  const { cache, pub, year } = props
+  const targeting = {
+    content_placement: [`/journals/${pub.identifier.current}`],
+    document_url: [`/journals/${pub.identifier.current}`],
+  }
+  return (
+    <Shell title={pub.name} cache={cache} settings={Settings} targeting={targeting} ads={Ads} layout='3'>
+      <PublicationLanding publication={pub} year={year} href={'journals'} />
+    </Shell>
+  )
+}
+Publication.getInitialProps = async (ctx) => {
+  const { query } = ctx
+  const {
+    query: { year },
+  } = ctx
+  const pub = await client.fetch(getQuery('publication'), query)
+ **import urlFor from framework**
+  pub.issues.map((issue) => {
+    issue.thumbnail = urlFor({client, source: issue.thumbnail})
+  })
+  return { pub, year }
+}
+export default Publication
 */
 
 var generateContentPlacements = function generateContentPlacements(issues) {
@@ -420,9 +424,9 @@ var PublicationLanding = function PublicationLanding(props) {
   var publication = props.publication,
       _props$year = props.year,
       year = _props$year === undefined ? '' : _props$year,
-      href = props.href,
-      pdf = props.pdf,
-      _props$contentPlaceme = props.contentPlacement,
+      href = props.href;
+      props.pdf;
+      var _props$contentPlaceme = props.contentPlacement,
       contentPlacement = _props$contentPlaceme === undefined ? '' : _props$contentPlaceme,
       client = props.client;
 
@@ -628,36 +632,36 @@ _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2() {
     }
   }, [activeYear, activeContentPlacement, issueData]);
 
-  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,
-      issueData && issueData.length > 0 && years.length > 0 && React.createElement(
+      issueData && issueData.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);
@@ -668,25 +672,25 @@ _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2() {
           )
         )
       ),
-      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,
@@ -702,60 +706,60 @@ _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2() {
       )
     ),
     sortedIssues && sortedIssues.length > 0 ? sortedIssues.map(function (issue, key) {
-      return React.createElement(
+      return React__default.createElement(
         Card,
         { key: key, className: 'issueCard' },
-        React.createElement(
+        React__default.createElement(
           Row,
           null,
-          issue.thumbnail && React.createElement(
+          issue.thumbnail && 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: issue.thumbnail ? 9 : 12, 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 && issue.articles && issue.articles.length > 0 ? React.createElement(
+              issue && 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: urlForFile(issue.pdf), target: '_blank', className: 'btn btn-primary' },
                 'Download Issue'
@@ -765,60 +769,60 @@ _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2() {
         )
       );
     }) : !activeContentPlacement && !activeYear && 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,
-          issue.thumbnail && React.createElement(
+          issue.thumbnail && 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: issue.thumbnail ? 9 : 12, 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 && issue.articles && issue.articles.length > 0 ? React.createElement(
+              issue && 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: urlForFile(issue.pdf), target: '_blank', className: 'btn btn-primary' },
                 'Download Issue'
@@ -827,12 +831,12 @@ _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2() {
           )
         )
       );
-    }) : React.createElement(
+    }) : React__default.createElement(
       'em',
       null,
       '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      '