@mjhls/mjh-framework 1.0.1047 → 1.0.1049

package/dist/cjs/PublicationLanding.js

@@ -13,7 +13,7 @@ var Col = require('react-bootstrap/Col');
 var Dropdown = require('react-bootstrap/Dropdown');
 var Card = require('react-bootstrap/Card');
 var Router = require('next/router');
-var index = require('./index-eadd5035.js');
+var index = require('./index-65621b6c.js');
 var urlForFile = require('./urlForFile-5084fc48.js');
 require('./_iter-detect-b1df62f0.js');
 require('react-dom');
@@ -383,32 +383,32 @@ module.exports = { "default": set$1, __esModule: true };
 
 var _Set = _commonjsHelpers.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
+/* 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) {
@@ -595,37 +595,37 @@ var PublicationLanding = function PublicationLanding(props) {
     }
   }, [activeYear, activeContentPlacement, issueData]);
 
-  return React__default['default'].createElement(
+  return React__default["default"].createElement(
     'div',
     { id: 'publicationLanding' },
-    React__default['default'].createElement(
+    React__default["default"].createElement(
       'style',
       { jsx: true },
       '\n          #pubYearFilter .dropdown-menu.show,\n          #contentPlacementFilter .dropdown-menu.show {\n            max-height: 25vh;\n            overflow: auto;\n          }\n          #publicationLanding {\n            margin-bottom: 6rem;\n          }\n        '
     ),
-    React__default['default'].createElement(
-      Row__default['default'],
+    React__default["default"].createElement(
+      Row__default["default"],
       null,
-      issueData && issueData.length > 0 && years.length > 0 && React__default['default'].createElement(
-        Col__default['default'],
+      issueData && issueData.length > 0 && years.length > 0 && React__default["default"].createElement(
+        Col__default["default"],
         { className: 'flex-grow-0 mb-3' },
-        React__default['default'].createElement(
-          Dropdown__default['default'],
+        React__default["default"].createElement(
+          Dropdown__default["default"],
           { id: 'pubYearFilter' },
-          React__default['default'].createElement(
-            Dropdown__default['default'].Toggle,
+          React__default["default"].createElement(
+            Dropdown__default["default"].Toggle,
             null,
             activeYear && !isNaN(activeYear) ? activeYear : 'Select Year'
           ),
-          React__default['default'].createElement(
-            Dropdown__default['default'].Menu,
+          React__default["default"].createElement(
+            Dropdown__default["default"].Menu,
             null,
-            React__default['default'].createElement(Dropdown__default['default'].Item, { style: { height: '2rem' }, onClick: function onClick() {
+            React__default["default"].createElement(Dropdown__default["default"].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["default"].createElement(
+                Dropdown__default["default"].Item,
                 { key: key, onClick: function onClick() {
                     return setActiveYear(yr);
                   } },
@@ -635,26 +635,26 @@ var PublicationLanding = function PublicationLanding(props) {
           )
         )
       ),
-      contentPlacements && contentPlacements.length > 0 && React__default['default'].createElement(
-        Col__default['default'],
+      contentPlacements && contentPlacements.length > 0 && React__default["default"].createElement(
+        Col__default["default"],
         { className: 'flex-grow-0 mb-3' },
-        React__default['default'].createElement(
-          Dropdown__default['default'],
+        React__default["default"].createElement(
+          Dropdown__default["default"],
           { id: 'contentPlacementFilter' },
-          React__default['default'].createElement(
-            Dropdown__default['default'].Toggle,
+          React__default["default"].createElement(
+            Dropdown__default["default"].Toggle,
             null,
             activeContentPlacement && activeContentPlacement.name ? activeContentPlacement.name : 'Select Topic'
           ),
-          React__default['default'].createElement(
-            Dropdown__default['default'].Menu,
+          React__default["default"].createElement(
+            Dropdown__default["default"].Menu,
             null,
-            React__default['default'].createElement(Dropdown__default['default'].Item, { style: { height: '2rem' }, onClick: function onClick() {
+            React__default["default"].createElement(Dropdown__default["default"].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["default"].createElement(
+                Dropdown__default["default"].Item,
                 {
                   key: cp._id,
                   onClick: function onClick() {
@@ -669,60 +669,60 @@ var PublicationLanding = function PublicationLanding(props) {
       )
     ),
     sortedIssues && sortedIssues.length > 0 ? sortedIssues.map(function (issue, key) {
-      return React__default['default'].createElement(
-        Card__default['default'],
+      return React__default["default"].createElement(
+        Card__default["default"],
         { key: key, className: 'issueCard' },
-        React__default['default'].createElement(
-          Row__default['default'],
+        React__default["default"].createElement(
+          Row__default["default"],
           null,
-          issue.thumbnail && React__default['default'].createElement(
-            Col__default['default'],
+          issue.thumbnail && React__default["default"].createElement(
+            Col__default["default"],
             { md: 3, id: 'issueThumbnail' },
-            React__default['default'].createElement(
+            React__default["default"].createElement(
               index.LazyLoad,
               { once: true },
-              React__default['default'].createElement(Card__default['default'].Img, { src: issue.thumbnail })
+              React__default["default"].createElement(Card__default["default"].Img, { src: issue.thumbnail })
             )
           ),
-          React__default['default'].createElement(
-            Col__default['default'],
+          React__default["default"].createElement(
+            Col__default["default"],
             { md: issue.thumbnail ? 9 : 12, id: 'issueDetail' },
-            React__default['default'].createElement(
-              Card__default['default'].Body,
+            React__default["default"].createElement(
+              Card__default["default"].Body,
               null,
-              React__default['default'].createElement(
-                Card__default['default'].Title,
+              React__default["default"].createElement(
+                Card__default["default"].Title,
                 null,
                 issue.name
               ),
-              issue.source && React__default['default'].createElement(
+              issue.source && React__default["default"].createElement(
                 'div',
                 { className: 'content-category-label' },
-                React__default['default'].createElement(
+                React__default["default"].createElement(
                   'div',
                   { className: 'mb-1 sanityDisplayLabel displayLabelThumb' },
                   issue.source
                 )
               ),
-              issue.volume && issue.number && React__default['default'].createElement(
+              issue.volume && issue.number && React__default["default"].createElement(
                 'p',
                 null,
                 'Volume: ',
                 issue.volume,
-                React__default['default'].createElement('br', null),
+                React__default["default"].createElement('br', null),
                 'Issue: ',
                 issue.number
               )
             ),
-            React__default['default'].createElement(
-              Card__default['default'].Footer,
+            React__default["default"].createElement(
+              Card__default["default"].Footer,
               null,
-              issue && issue.articles && issue.articles.length > 0 ? React__default['default'].createElement(
+              issue && 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.pdf && issue.pdf.asset && issue.pdf.asset.url && React__default["default"].createElement(
                 'a',
                 { rel: 'noopener', href: urlForFile.urlForFile(issue.pdf, baseUrl), target: '_blank', className: 'btn btn-primary' },
                 'Download Issue'
@@ -732,60 +732,60 @@ var PublicationLanding = function PublicationLanding(props) {
         )
       );
     }) : !activeContentPlacement && !activeYear && issueData && issueData.length > 0 ? issueData.map(function (issue, key) {
-      return React__default['default'].createElement(
-        Card__default['default'],
+      return React__default["default"].createElement(
+        Card__default["default"],
         { key: key, className: 'issueCard' },
-        React__default['default'].createElement(
-          Row__default['default'],
+        React__default["default"].createElement(
+          Row__default["default"],
           null,
-          issue.thumbnail && React__default['default'].createElement(
-            Col__default['default'],
+          issue.thumbnail && React__default["default"].createElement(
+            Col__default["default"],
             { md: 3, id: 'issueThumbnail' },
-            React__default['default'].createElement(
+            React__default["default"].createElement(
               index.LazyLoad,
               { once: true },
-              React__default['default'].createElement(Card__default['default'].Img, { src: issue.thumbnail })
+              React__default["default"].createElement(Card__default["default"].Img, { src: issue.thumbnail })
             )
           ),
-          React__default['default'].createElement(
-            Col__default['default'],
+          React__default["default"].createElement(
+            Col__default["default"],
             { md: issue.thumbnail ? 9 : 12, id: 'issueDetail' },
-            React__default['default'].createElement(
-              Card__default['default'].Body,
+            React__default["default"].createElement(
+              Card__default["default"].Body,
               null,
-              React__default['default'].createElement(
-                Card__default['default'].Title,
+              React__default["default"].createElement(
+                Card__default["default"].Title,
                 null,
                 issue.name
               ),
-              issue.source && React__default['default'].createElement(
+              issue.source && React__default["default"].createElement(
                 'div',
                 { className: 'content-category-label' },
-                React__default['default'].createElement(
+                React__default["default"].createElement(
                   'div',
                   { className: 'mb-1 sanityDisplayLabel displayLabelThumb' },
                   issue.source
                 )
               ),
-              issue.volume && issue.number && React__default['default'].createElement(
+              issue.volume && issue.number && React__default["default"].createElement(
                 'p',
                 null,
                 'Volume: ',
                 issue.volume,
-                React__default['default'].createElement('br', null),
+                React__default["default"].createElement('br', null),
                 'Issue: ',
                 issue.number
               )
             ),
-            React__default['default'].createElement(
-              Card__default['default'].Footer,
+            React__default["default"].createElement(
+              Card__default["default"].Footer,
               null,
-              issue && issue.articles && issue.articles.length > 0 ? React__default['default'].createElement(
+              issue && 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.pdf && issue.pdf.asset && issue.pdf.asset.url && React__default["default"].createElement(
                 'a',
                 { rel: 'noopener', href: urlForFile.urlForFile(issue.pdf, baseUrl), target: '_blank', className: 'btn btn-primary' },
                 'Download Issue'
@@ -794,12 +794,12 @@ var PublicationLanding = function PublicationLanding(props) {
           )
         )
       );
-    }) : React__default['default'].createElement(
+    }) : React__default["default"].createElement(
       'em',
       null,
       'New content coming soon, please check back later.'
     ),
-    React__default['default'].createElement(
+    React__default["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      '