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

package/dist/cjs/PublicationDeck.js

@@ -1,19 +1,24 @@
 'use strict';
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-require('./_commonjsHelpers-06173234.js');
 var React = require('react');
-var React__default = _interopDefault(React);
-require('prop-types');
-var Row = _interopDefault(require('react-bootstrap/Row'));
-var Col = _interopDefault(require('react-bootstrap/Col'));
-var Card = _interopDefault(require('react-bootstrap/Card'));
+var Row = require('react-bootstrap/Row');
+var Col = require('react-bootstrap/Col');
+var Button = require('react-bootstrap/Button');
+var Card = require('react-bootstrap/Card');
+var index = require('./index-80f57cff.js');
+var index$1 = require('./index-d48b231c.js');
+var lodash = require('./lodash-4ef21f0f.js');
+require('./_commonjsHelpers-06173234.js');
 require('react-dom');
-var index$1 = require('./index-39beccb3.js');
-var index$2 = require('./index-da796b8c.js');
-var lodash = require('./lodash-7fd85bcf.js');
-var Button = _interopDefault(require('react-bootstrap/Button'));
+require('prop-types');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var Row__default = /*#__PURE__*/_interopDefaultLegacy(Row);
+var Col__default = /*#__PURE__*/_interopDefaultLegacy(Col);
+var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
+var Card__default = /*#__PURE__*/_interopDefaultLegacy(Card);
 
 var PublicationDeck = function PublicationDeck(props) {
   var data = props.data,
@@ -55,43 +60,43 @@ var PublicationDeck = function PublicationDeck(props) {
   };
 
   if (sortedRegPubs && sortedRegPubs.length || sortedLegacyPubs && sortedLegacyPubs.length) {
-    return React__default.createElement(
+    return React__default['default'].createElement(
       'div',
       { className: 'publication-wrapper', style: { paddingBottom: '150px' } },
-      sortedRegPubs && sortedRegPubs.length > 0 && React__default.createElement(
-        Row,
+      sortedRegPubs && sortedRegPubs.length > 0 && React__default['default'].createElement(
+        Row__default['default'],
         { className: 'regular-publication-wrapper' },
-        sortedRegPubs.map(function (row, index) {
-          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__default.createElement(
-              Card,
+        sortedRegPubs.map(function (row, index$1) {
+          return row.identifier && row.identifier.current && React__default['default'].createElement(
+            Col__default['default'],
+            { xs: 6, sm: 6, md: 6, lg: 4, style: { display: 'flex', flex: '1 0 auto' }, key: index$1 },
+            React__default['default'].createElement(
+              Card__default['default'],
               { className: 'block-card', style: { width: '200px' } },
-              React__default.createElement(
+              React__default['default'].createElement(
                 'a',
                 { href: href + '/' + row.identifier.current },
-                row.childIssue && row.childIssue.thumbnail ? React__default.createElement(
-                  index$2.LazyLoad,
+                row.childIssue && row.childIssue.thumbnail ? React__default['default'].createElement(
+                  index.LazyLoad,
                   { height: imageHeight },
-                  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,
+                  React__default['default'].createElement(Card__default['default'].Img, { variant: 'top', src: renderCardImage(row.childIssue.thumbnail), style: { objectFit: 'contain', maxHeight: '200px', maxWidth: '200px' } })
+                ) : React__default['default'].createElement('p', { className: 'placeholder-tag' }),
+                React__default['default'].createElement(
+                  Card__default['default'].Body,
                   { style: { paddingTop: '0', paddingBottom: '2.75rem' } },
-                  React__default.createElement(
-                    Card.Title,
+                  React__default['default'].createElement(
+                    Card__default['default'].Title,
                     null,
                     row.name
                   ),
-                  React__default.createElement(
-                    Button,
+                  React__default['default'].createElement(
+                    Button__default['default'],
                     { style: { position: 'absolute', bottom: '1rem', margin: '0px', width: '78%' }, variant: 'secondary' },
                     'Browse Issues'
                   )
                 )
               ),
-              React__default.createElement(
+              React__default['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                      '
@@ -100,53 +105,53 @@ var PublicationDeck = function PublicationDeck(props) {
           );
         })
       ),
-      sortedLegacyPubs && sortedLegacyPubs.length > 0 && React__default.createElement(
-        React__default.Fragment,
+      sortedLegacyPubs && sortedLegacyPubs.length > 0 && React__default['default'].createElement(
+        React__default['default'].Fragment,
         null,
-        React__default.createElement(
+        React__default['default'].createElement(
           'div',
           { className: 'legacy-publication-title' },
-          React__default.createElement(
+          React__default['default'].createElement(
             'h2',
             null,
             'Legacy'
           ),
-          React__default.createElement('hr', null)
+          React__default['default'].createElement('hr', null)
         ),
-        React__default.createElement(
-          Row,
+        React__default['default'].createElement(
+          Row__default['default'],
           { className: 'legacy-publication-wrapper' },
-          sortedLegacyPubs.map(function (row, index) {
-            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__default.createElement(
-                Card,
+          sortedLegacyPubs.map(function (row, index$1) {
+            return row.identifier && row.identifier.current && React__default['default'].createElement(
+              Col__default['default'],
+              { xs: 6, sm: 6, md: 6, lg: 4, style: { display: 'flex', flex: '1 0 auto' }, key: index$1 },
+              React__default['default'].createElement(
+                Card__default['default'],
                 { className: 'block-card', style: { width: '200px' } },
-                React__default.createElement(
+                React__default['default'].createElement(
                   'a',
                   { href: href + '/' + row.identifier.current },
-                  row.childIssue && row.childIssue.thumbnail ? React__default.createElement(
-                    index$2.LazyLoad,
+                  row.childIssue && row.childIssue.thumbnail ? React__default['default'].createElement(
+                    index.LazyLoad,
                     { height: imageHeight },
-                    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,
+                    React__default['default'].createElement(Card__default['default'].Img, { variant: 'top', src: renderCardImage(row.childIssue.thumbnail), style: { objectFit: 'contain', maxHeight: '200px', maxWidth: '200px' } })
+                  ) : React__default['default'].createElement('p', { className: 'placeholder-tag' }),
+                  React__default['default'].createElement(
+                    Card__default['default'].Body,
                     { style: { paddingTop: '0', paddingBottom: '2.75rem' } },
-                    React__default.createElement(
-                      Card.Title,
+                    React__default['default'].createElement(
+                      Card__default['default'].Title,
                       null,
                       row.name
                     ),
-                    React__default.createElement(
-                      Button,
+                    React__default['default'].createElement(
+                      Button__default['default'],
                       { style: { position: 'absolute', bottom: '1rem', margin: '0px', width: '78%' }, variant: 'secondary' },
                       'Browse Issues'
                     )
                   )
                 ),
-                React__default.createElement(
+                React__default['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                        '
@@ -158,13 +163,13 @@ var PublicationDeck = function PublicationDeck(props) {
       )
     );
   } else {
-    return React__default.createElement(
+    return React__default['default'].createElement(
       'div',
       null,
-      React__default.createElement(
+      React__default['default'].createElement(
         'h5',
         null,
-        React__default.createElement(
+        React__default['default'].createElement(
           'em',
           { className: 'pl-3' },
           'New content coming soon, please check back later.'

package/dist/cjs/PublicationLanding.js

@@ -1,28 +1,32 @@
 'use strict';
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
+var slicedToArray = require('./slicedToArray-db24842a.js');
 var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
-var _toObject = require('./_to-object-329a650b.js');
-var es6_string_iterator = require('./es6.string.iterator-cc0bbaa4.js');
-require('./_iter-detect-60b2f026.js');
-var toConsumableArray = require('./toConsumableArray-9a3476fe.js');
-var core_getIteratorMethod = require('./core.get-iterator-method-f62321d4.js');
-var web_dom_iterable = require('./web.dom.iterable-a0e279c1.js');
-var _isArray = require('./_is-array-754e012d.js');
+var es6_string_iterator = require('./es6.string.iterator-20d42c53.js');
+var web_dom_iterable = require('./web.dom.iterable-4480325a.js');
+var _toObject = require('./_to-object-821a2927.js');
+var _setSpecies = require('./_set-species-a8cfdb84.js');
+var _isArray = require('./_is-array-63ae4740.js');
+var core_getIteratorMethod = require('./core.get-iterator-method-b4615fd3.js');
+var toConsumableArray = require('./toConsumableArray-cf0865fc.js');
 var React = require('react');
-var React__default = _interopDefault(React);
-require('prop-types');
-var Row = _interopDefault(require('react-bootstrap/Row'));
-var Col = _interopDefault(require('react-bootstrap/Col'));
-var Card = _interopDefault(require('react-bootstrap/Card'));
+var Row = require('react-bootstrap/Row');
+var Col = require('react-bootstrap/Col');
+var Dropdown = require('react-bootstrap/Dropdown');
+var Card = require('react-bootstrap/Card');
 var Router = require('next/router');
-var Router__default = _interopDefault(Router);
+var index = require('./index-80f57cff.js');
+require('./_iter-detect-2613ffa1.js');
 require('react-dom');
-var index$2 = require('./index-da796b8c.js');
-var slicedToArray = require('./slicedToArray-8f385299.js');
-var _setSpecies = require('./_set-species-f92c67c5.js');
-var Dropdown = _interopDefault(require('react-bootstrap/Dropdown'));
+require('prop-types');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var Row__default = /*#__PURE__*/_interopDefaultLegacy(Row);
+var Col__default = /*#__PURE__*/_interopDefaultLegacy(Col);
+var Dropdown__default = /*#__PURE__*/_interopDefaultLegacy(Dropdown);
+var Card__default = /*#__PURE__*/_interopDefaultLegacy(Card);
 
 var _validateCollection = function (it, TYPE) {
   if (!_toObject._isObject(it) || it._t !== TYPE) throw TypeError('Incompatible receiver, ' + TYPE + ' required!');
@@ -292,7 +296,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)
@@ -411,65 +415,118 @@ 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 = Router.useRouter();
   var years = [].concat(toConsumableArray._toConsumableArray(new _Set(publication.issues.map(function (issue) {
     return issue.year;
   })))).sort().reverse();
+  var contentPlacements = generateContentPlacements(publication.issues);
 
   var _useState = React.useState(publication.issues),
       _useState2 = slicedToArray._slicedToArray(_useState, 2),
       issueData = _useState2[0],
       setIssueData = _useState2[1];
 
-  var _useState3 = React.useState(year ? year : years[0]),
+  var _useState3 = React.useState(year),
       _useState4 = slicedToArray._slicedToArray(_useState3, 2),
       activeYear = _useState4[0],
       setActiveYear = _useState4[1];
 
+  var _useState5 = React.useState(contentPlacement),
+      _useState6 = slicedToArray._slicedToArray(_useState5, 2),
+      activeContentPlacement = _useState6[0],
+      setActiveContentPlacement = _useState6[1];
+
   React.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__default['default'].createElement(
     'div',
     { id: 'publicationLanding' },
-    React__default.createElement(
+    React__default['default'].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(
-      Row,
-      { style: { marginBottom: '1rem' } },
-      React__default.createElement(
-        Col,
-        null,
-        React__default.createElement(
-          Dropdown,
+    React__default['default'].createElement(
+      Row__default['default'],
+      null,
+      React__default['default'].createElement(
+        Col__default['default'],
+        { className: 'flex-grow-0 mb-3' },
+        React__default['default'].createElement(
+          Dropdown__default['default'],
           { id: 'pubYearFilter' },
-          React__default.createElement(
-            Dropdown.Toggle,
+          React__default['default'].createElement(
+            Dropdown__default['default'].Toggle,
             null,
-            activeYear
+            activeYear ? activeYear : 'Select Year'
           ),
-          React__default.createElement(
-            Dropdown.Menu,
+          React__default['default'].createElement(
+            Dropdown__default['default'].Menu,
             null,
+            React__default['default'].createElement(Dropdown__default['default'].Item, { style: { height: '2rem' }, onClick: function onClick() {
+                return setActiveYear('');
+              } }),
             years.map(function (yr, key) {
-              return React__default.createElement(
-                Dropdown.Item,
+              return React__default['default'].createElement(
+                Dropdown__default['default'].Item,
                 { key: key, onClick: function onClick() {
                     return setActiveYear(yr);
                   } },
@@ -478,59 +535,88 @@ var PublicationLanding = function PublicationLanding(props) {
             })
           )
         )
+      ),
+      contentPlacements && contentPlacements.length > 0 && React__default['default'].createElement(
+        Col__default['default'],
+        { className: 'flex-grow-0 mb-3' },
+        React__default['default'].createElement(
+          Dropdown__default['default'],
+          { id: 'contentPlacementFilter' },
+          React__default['default'].createElement(
+            Dropdown__default['default'].Toggle,
+            null,
+            activeContentPlacement ? activeContentPlacement : 'Select Content Placement'
+          ),
+          React__default['default'].createElement(
+            Dropdown__default['default'].Menu,
+            null,
+            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,
+                { 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(
-        Card,
+      return React__default['default'].createElement(
+        Card__default['default'],
         { key: key, className: 'issueCard' },
-        React__default.createElement(
-          Row,
+        React__default['default'].createElement(
+          Row__default['default'],
           null,
-          React__default.createElement(
-            Col,
+          React__default['default'].createElement(
+            Col__default['default'],
             { md: 3, id: 'issueThumbnail' },
-            React__default.createElement(
-              index$2.LazyLoad,
+            React__default['default'].createElement(
+              index.LazyLoad,
               { once: true },
-              React__default.createElement(Card.Img, { src: issue.thumbnail })
+              React__default['default'].createElement(Card__default['default'].Img, { src: issue.thumbnail })
             )
           ),
-          React__default.createElement(
-            Col,
+          React__default['default'].createElement(
+            Col__default['default'],
             { md: 9, id: 'issueDetail' },
-            React__default.createElement(
-              Card.Body,
+            React__default['default'].createElement(
+              Card__default['default'].Body,
               null,
-              React__default.createElement(
-                Card.Title,
+              React__default['default'].createElement(
+                Card__default['default'].Title,
                 null,
                 issue.name
               ),
-              issue.source && React__default.createElement(
+              issue.source && React__default['default'].createElement(
                 'div',
                 { className: 'content-category-label' },
-                React__default.createElement(
+                React__default['default'].createElement(
                   'div',
                   { className: 'mb-1 sanityDisplayLabel displayLabelThumb' },
                   issue.source
                 )
               ),
-              issue.volume && issue.number && React__default.createElement(
+              issue.volume && issue.number && React__default['default'].createElement(
                 'p',
                 null,
                 'Volume: ',
                 issue.volume,
-                React__default.createElement('br', null),
+                React__default['default'].createElement('br', null),
                 'Issue: ',
                 issue.number
               ),
-              React__default.createElement(
+              React__default['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__default.createElement(
+              issue.pdf && issue.pdf.asset && issue.pdf.asset.url && React__default['default'].createElement(
                 'a',
                 { rel: 'noopener', href: issue.pdf.asset.url, target: '_blank', className: 'btn btn-primary', style: { marginTop: '20px', marginLeft: '1rem' } },
                 'Download Issue'
@@ -539,23 +625,23 @@ var PublicationLanding = function PublicationLanding(props) {
           )
         )
       );
-    }) : React__default.createElement(
+    }) : React__default['default'].createElement(
       'div',
       null,
-      React__default.createElement(
+      React__default['default'].createElement(
         'h5',
         null,
-        React__default.createElement(
+        React__default['default'].createElement(
           'em',
           { className: 'pl-3' },
           'New content coming soon, please check back later.'
         )
       )
     ),
-    React__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      '
+      '\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      '
     )
   );
 };