@mjhls/mjh-framework 1.0.575 → 1.0.577-native-nav-v2

package/dist/esm/PublicationLanding.js

@@ -6,14 +6,14 @@ import './from-2c0a5f49.js';
 import { _ as _toConsumableArray } from './toConsumableArray-8712d678.js';
 import { _ as _iterStep } from './web.dom.iterable-46c95e52.js';
 import { _ as _meta, a as _isArray } from './_is-array-dd5523d6.js';
-import React, { useState, useEffect } from 'react';
+import React__default, { useState, useEffect } from 'react';
 import 'prop-types';
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
 import Card from 'react-bootstrap/Card';
 import { useRouter } from 'next/router';
 import 'react-dom';
-import { L as LazyLoad } from './index-c5fd0af5.js';
+import { L as LazyLoad } from './index-5f9f807a.js';
 import { _ as _slicedToArray } from './slicedToArray-f1e40361.js';
 import { _ as _anInstance, a as _forOf, b as _redefineAll, c as _setSpecies } from './_set-species-6f64f1c1.js';
 import Dropdown from 'react-bootstrap/Dropdown';
@@ -370,39 +370,39 @@ module.exports = { "default": set, __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)
-  const builder = imageUrlBuilder(client)
-  const urlFor = (source) => {
-    return builder.image(source)
-  }
-  pub.issues.map((issue) => {
-    issue.thumbnail = urlFor(issue.thumbnail).url()
-  })
-  return { pub, year }
-}
-
-export default Publication
+/* 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)
+  const builder = imageUrlBuilder(client)
+  const urlFor = (source) => {
+    return builder.image(source)
+  }
+  pub.issues.map((issue) => {
+    issue.thumbnail = urlFor(issue.thumbnail).url()
+  })
+  return { pub, year }
+}
+
+export default Publication
 */
 
 var PublicationLanding = function PublicationLanding(props) {
@@ -436,33 +436,33 @@ var PublicationLanding = function PublicationLanding(props) {
     });
   }, [activeYear]);
 
-  return React.createElement(
+  return React__default.createElement(
     'div',
     { id: 'publicationLanding' },
-    React.createElement(
+    React__default.createElement(
       'style',
       { jsx: true },
       '\n          #pubYearFilter .dropdown-menu.show {\n            max-height: 25vh;\n          }\n        '
     ),
-    React.createElement(
+    React__default.createElement(
       Row,
       { style: { marginBottom: '1rem' } },
-      React.createElement(
+      React__default.createElement(
         Col,
         null,
-        React.createElement(
+        React__default.createElement(
           Dropdown,
           { id: 'pubYearFilter' },
-          React.createElement(
+          React__default.createElement(
             Dropdown.Toggle,
             null,
             activeYear
           ),
-          React.createElement(
+          React__default.createElement(
             Dropdown.Menu,
             null,
             years.map(function (yr, key) {
-              return React.createElement(
+              return React__default.createElement(
                 Dropdown.Item,
                 { key: key, onClick: function onClick() {
                     return setActiveYear(yr);
@@ -475,56 +475,56 @@ 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(
                 'a',
                 { href: publication.identifier.current + '/' + issue.identifier.current, className: 'btn btn-primary', style: { marginTop: '20px', marginLeft: '1rem' } },
                 'View Issue'
               ),
-              issue.pdf && issue.pdf.asset && issue.pdf.asset.url && React.createElement(
+              issue.pdf && issue.pdf.asset && issue.pdf.asset.url && React__default.createElement(
                 'a',
                 { href: issue.pdf.asset.url, target: '_blank', className: 'btn btn-primary', style: { marginTop: '20px', marginLeft: '1rem' } },
                 'Download Issue'
@@ -533,20 +533,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      '