@mjhls/mjh-framework 1.0.704-beta-v10 → 1.0.705

package/dist/esm/PublicationLanding.js

@@ -1,22 +1,22 @@
+import { _ as _slicedToArray } from './slicedToArray-34468155.js';
 import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
-import { e as _isObject, f as _ctx, b as _descriptors, g as _objectDp, h as _toObject, i as _iobject, j as _toLength, k as _global, l as _fails, m as _hide, c as _export, n as _aFunction, d as _core } from './_to-object-ded78eb9.js';
-import { _ as _objectCreate, a as _iterDefine, b as _wks, c as _setToStringTag } from './es6.string.iterator-9b2af4a5.js';
-import './_iter-detect-59409a32.js';
-import { _ as _toConsumableArray } from './toConsumableArray-725434a0.js';
-import { _ as _classof } from './core.get-iterator-method-54d2e411.js';
-import { _ as _iterStep } from './web.dom.iterable-8956f9a5.js';
-import { _ as _meta, a as _isArray } from './_is-array-49698029.js';
-import React__default, { useState, useEffect } from 'react';
-import 'prop-types';
+import { _ as _objectCreate, a as _iterDefine, b as _wks, c as _setToStringTag } from './es6.string.iterator-b24a54f2.js';
+import { _ as _iterStep } from './web.dom.iterable-ca37144a.js';
+import { e as _isObject, f as _ctx, b as _descriptors, g as _objectDp, h as _toObject, i as _iobject, j as _toLength, k as _global, l as _fails, m as _hide, c as _export, n as _aFunction, d as _core } from './_to-object-9bef3b62.js';
+import { _ as _anInstance, a as _forOf, b as _redefineAll, c as _setSpecies } from './_set-species-0b056cff.js';
+import { _ as _meta, a as _isArray } from './_is-array-9383b394.js';
+import { _ as _classof } from './core.get-iterator-method-1b116089.js';
+import { _ as _toConsumableArray } from './toConsumableArray-5212fee7.js';
+import React, { 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-752d1dae.js';
+import './_iter-detect-d4d262ee.js';
 import 'react-dom';
-import { L as LazyLoad } from './index-5f9f807a.js';
-import { _ as _slicedToArray } from './slicedToArray-7021e5df.js';
-import { _ as _anInstance, a as _forOf, b as _redefineAll, c as _setSpecies } from './_set-species-cede29f8.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!');
@@ -286,7 +286,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)
@@ -405,64 +405,117 @@ Publication.getInitialProps = async (ctx) => {
 export default Publication
 */
 
+var generateContentPlacements = function generateContentPlacements(issues) {
+  var contentPlacements = [];
+  issues && issues.length > 0 && issues.forEach(function (issue) {
+    if (issue.taxonomyMapping && issue.taxonomyMapping.length > 0) {
+      issue.taxonomyMapping && issue.taxonomyMapping.forEach(function (tm) {
+        if (!contentPlacements.find(function (cp) {
+          return cp.identifier === tm.identifier;
+        })) {
+          contentPlacements.push({ _id: tm._id, name: tm.name, identifier: tm.identifier });
+        }
+      });
+    }
+  });
+  return contentPlacements;
+};
+
 var PublicationLanding = function PublicationLanding(props) {
   var publication = props.publication,
-      year = props.year,
-      href = props.href,
-      pdf = props.pdf;
+      _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;
 
 
   var router = useRouter();
   var years = [].concat(_toConsumableArray(new _Set(publication.issues.map(function (issue) {
     return issue.year;
   })))).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 ? year : years[0]),
+  var _useState3 = useState(year),
       _useState4 = _slicedToArray(_useState3, 2),
       activeYear = _useState4[0],
       setActiveYear = _useState4[1];
 
+  var _useState5 = useState(contentPlacement),
+      _useState6 = _slicedToArray(_useState5, 2),
+      activeContentPlacement = _useState6[0],
+      setActiveContentPlacement = _useState6[1];
+
   useEffect(function () {
-    router.push(router.pathname, '/' + (href ? href : 'publications') + '/' + publication.identifier.current + '?year=' + activeYear, { shallow: true });
-    setIssueData(function () {
-      return publication.issues.filter(function (issue) {
-        return issue.year === activeYear;
+    if (activeYear && activeContentPlacement) {
+      router.push(router.pathname, '/' + (href ? href : 'publications') + '/' + publication.identifier.current + '?year=' + activeYear + '&cp=' + activeContentPlacement, { shallow: true });
+      setIssueData(function () {
+        return publication.issues.filter(function (issue) {
+          return issue.year === activeYear;
+        }).filter(function (issue) {
+          return issue.taxonomyMapping && issue.taxonomyMapping.find(function (tm) {
+            return tm.identifier === activeContentPlacement;
+          });
+        });
       });
-    });
-  }, [activeYear]);
+    } else if (activeYear) {
+      router.push(router.pathname, '/' + (href ? href : 'publications') + '/' + publication.identifier.current + '?year=' + activeYear, { shallow: true });
+      setIssueData(function () {
+        return publication.issues.filter(function (issue) {
+          return issue.year === activeYear;
+        });
+      });
+    } else if (activeContentPlacement) {
+      router.push(router.pathname, '/' + (href ? href : 'publications') + '/' + publication.identifier.current + '?cp=' + activeContentPlacement, { shallow: true });
+      setIssueData(function () {
+        return publication.issues.filter(function (issue) {
+          return issue.taxonomyMapping && issue.taxonomyMapping.find(function (tm) {
+            return tm.identifier === activeContentPlacement;
+          });
+        });
+      });
+    } else {
+      router.push(router.pathname, '/' + (href ? href : 'publications') + '/' + publication.identifier.current, { shallow: true });
+      setIssueData(publication.issues);
+    }
+  }, [activeYear, activeContentPlacement]);
 
-  return React__default.createElement(
+  return React.createElement(
     'div',
     { id: 'publicationLanding' },
-    React__default.createElement(
+    React.createElement(
       'style',
       { jsx: true },
-      '\n          #pubYearFilter .dropdown-menu.show {\n            max-height: 25vh;\n          }\n        '
+      '\n          #pubYearFilter .dropdown-menu.show,\n          #contentPlacementFilter .dropdown-menu.show {\n            max-height: 25vh;\n            overflow: auto;\n          }\n        '
     ),
-    React__default.createElement(
+    React.createElement(
       Row,
-      { style: { marginBottom: '1rem' } },
-      React__default.createElement(
+      null,
+      React.createElement(
         Col,
-        null,
-        React__default.createElement(
+        { className: 'flex-grow-0 mb-3' },
+        React.createElement(
           Dropdown,
           { id: 'pubYearFilter' },
-          React__default.createElement(
+          React.createElement(
             Dropdown.Toggle,
             null,
-            activeYear
+            activeYear ? activeYear : 'Select Year'
           ),
-          React__default.createElement(
+          React.createElement(
             Dropdown.Menu,
             null,
+            React.createElement(Dropdown.Item, { style: { height: '2rem' }, onClick: function onClick() {
+                return setActiveYear('');
+              } }),
             years.map(function (yr, key) {
-              return React__default.createElement(
+              return React.createElement(
                 Dropdown.Item,
                 { key: key, onClick: function onClick() {
                     return setActiveYear(yr);
@@ -472,59 +525,88 @@ var PublicationLanding = function PublicationLanding(props) {
             })
           )
         )
+      ),
+      contentPlacements && contentPlacements.length > 0 && React.createElement(
+        Col,
+        { className: 'flex-grow-0 mb-3' },
+        React.createElement(
+          Dropdown,
+          { id: 'contentPlacementFilter' },
+          React.createElement(
+            Dropdown.Toggle,
+            null,
+            activeContentPlacement ? activeContentPlacement : 'Select Content Placement'
+          ),
+          React.createElement(
+            Dropdown.Menu,
+            null,
+            React.createElement(Dropdown.Item, { style: { height: '2rem' }, onClick: function onClick() {
+                return setActiveContentPlacement('');
+              } }),
+            contentPlacements.map(function (cp) {
+              return React.createElement(
+                Dropdown.Item,
+                { key: cp._id, onClick: function onClick() {
+                    return setActiveContentPlacement(cp.identifier);
+                  } },
+                cp.name
+              );
+            })
+          )
+        )
       )
     ),
     issueData && issueData.length > 0 ? issueData.map(function (issue, key) {
-      return React__default.createElement(
+      return React.createElement(
         Card,
         { key: key, className: 'issueCard' },
-        React__default.createElement(
+        React.createElement(
           Row,
           null,
-          React__default.createElement(
+          React.createElement(
             Col,
             { md: 3, id: 'issueThumbnail' },
-            React__default.createElement(
+            React.createElement(
               LazyLoad,
               { once: true },
-              React__default.createElement(Card.Img, { src: issue.thumbnail })
+              React.createElement(Card.Img, { src: issue.thumbnail })
             )
           ),
-          React__default.createElement(
+          React.createElement(
             Col,
             { md: 9, id: 'issueDetail' },
-            React__default.createElement(
+            React.createElement(
               Card.Body,
               null,
-              React__default.createElement(
+              React.createElement(
                 Card.Title,
                 null,
                 issue.name
               ),
-              issue.source && React__default.createElement(
+              issue.source && React.createElement(
                 'div',
                 { className: 'content-category-label' },
-                React__default.createElement(
+                React.createElement(
                   'div',
                   { className: 'mb-1 sanityDisplayLabel displayLabelThumb' },
                   issue.source
                 )
               ),
-              issue.volume && issue.number && React__default.createElement(
+              issue.volume && issue.number && React.createElement(
                 'p',
                 null,
                 'Volume: ',
                 issue.volume,
-                React__default.createElement('br', null),
+                React.createElement('br', null),
                 'Issue: ',
                 issue.number
               ),
-              React__default.createElement(
+              React.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__default.createElement(
+              issue.pdf && issue.pdf.asset && issue.pdf.asset.url && React.createElement(
                 'a',
                 { rel: 'noopener', href: issue.pdf.asset.url, target: '_blank', className: 'btn btn-primary', style: { marginTop: '20px', marginLeft: '1rem' } },
                 'Download Issue'
@@ -533,23 +615,23 @@ var PublicationLanding = function PublicationLanding(props) {
           )
         )
       );
-    }) : React__default.createElement(
+    }) : React.createElement(
       'div',
       null,
-      React__default.createElement(
+      React.createElement(
         'h5',
         null,
-        React__default.createElement(
+        React.createElement(
           'em',
           { className: 'pl-3' },
           'New content coming soon, please check back later.'
         )
       )
     ),
-    React__default.createElement(
+    React.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      '
+      '\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      '
     )
   );
 };