@mjhls/mjh-framework 1.0.886 → 1.0.887-issue-pagination-v1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (74) hide show
  1. package/README.md +168 -168
  2. package/dist/cjs/AlgoliaSearch.js +1 -1
  3. package/dist/cjs/AuthWrapper.js +1 -1
  4. package/dist/cjs/ConferenceArticleCard.js +15 -15
  5. package/dist/cjs/ContentCardPaginated.js +1 -2
  6. package/dist/cjs/DeckContent.js +8 -8
  7. package/dist/cjs/DeckQueuePaginated.js +1 -2
  8. package/dist/cjs/EventsDeck.js +17 -17
  9. package/dist/cjs/GridContentPaginated.js +1 -2
  10. package/dist/cjs/HamMagazine.js +9 -9
  11. package/dist/cjs/IssueLanding.js +29 -29
  12. package/dist/cjs/KMTracker.js +15 -15
  13. package/dist/cjs/MasterDeck.js +8 -8
  14. package/dist/cjs/MasterDeckPaginated.js +9 -10
  15. package/dist/cjs/{MediaSeriesCard-8b4efd28.js → MediaSeriesCard-3d5c69ba.js} +1 -1
  16. package/dist/cjs/MediaSeriesLanding.js +7 -7
  17. package/dist/cjs/MediaSeriesLandingPaginated.js +8 -9
  18. package/dist/cjs/NavMagazine.js +10 -10
  19. package/dist/cjs/NavNative.js +9 -9
  20. package/dist/cjs/Pagination-b5e8b8dc.js +60 -0
  21. package/dist/cjs/PartnerDetailListing.js +4 -4
  22. package/dist/cjs/PartnerDetailListingPaginated.js +5 -6
  23. package/dist/cjs/PublicationLanding.js +26 -26
  24. package/dist/cjs/QueueDeckExpandedPaginated.js +1 -2
  25. package/dist/cjs/RelatedContent.js +28 -28
  26. package/dist/cjs/RelatedTopicsDropdown.js +10 -10
  27. package/dist/cjs/SeriesListingDeck.js +1 -1
  28. package/dist/cjs/{SeriesSlider-ba0c5d1a.js → SeriesSlider-de93a303.js} +4 -4
  29. package/dist/cjs/SideFooter.js +2 -2
  30. package/dist/cjs/VideoSeriesCard.js +1 -1
  31. package/dist/cjs/View.js +3 -3
  32. package/dist/cjs/YoutubeGroup.js +4 -4
  33. package/dist/cjs/getQuery.js +2 -2
  34. package/dist/cjs/{getTargeting-9d509319.js → getTargeting-6d59cc5b.js} +9 -9
  35. package/dist/cjs/getTargeting.js +1 -1
  36. package/dist/cjs/index.js +2 -2
  37. package/dist/esm/AlgoliaSearch.js +1 -1
  38. package/dist/esm/AuthWrapper.js +1 -1
  39. package/dist/esm/ConferenceArticleCard.js +15 -15
  40. package/dist/esm/ContentCardPaginated.js +1 -2
  41. package/dist/esm/DeckContent.js +8 -8
  42. package/dist/esm/DeckQueuePaginated.js +1 -2
  43. package/dist/esm/EventsDeck.js +17 -17
  44. package/dist/esm/GridContentPaginated.js +1 -2
  45. package/dist/esm/HamMagazine.js +9 -9
  46. package/dist/esm/IssueLanding.js +29 -29
  47. package/dist/esm/KMTracker.js +15 -15
  48. package/dist/esm/MasterDeck.js +8 -8
  49. package/dist/esm/MasterDeckPaginated.js +9 -10
  50. package/dist/esm/{MediaSeriesCard-51ebf1c0.js → MediaSeriesCard-5b1d13dd.js} +1 -1
  51. package/dist/esm/MediaSeriesLanding.js +7 -7
  52. package/dist/esm/MediaSeriesLandingPaginated.js +8 -9
  53. package/dist/esm/NavMagazine.js +10 -10
  54. package/dist/esm/NavNative.js +9 -9
  55. package/dist/esm/Pagination-481eaaf5.js +54 -0
  56. package/dist/esm/PartnerDetailListing.js +4 -4
  57. package/dist/esm/PartnerDetailListingPaginated.js +5 -6
  58. package/dist/esm/PublicationLanding.js +26 -26
  59. package/dist/esm/QueueDeckExpandedPaginated.js +1 -2
  60. package/dist/esm/RelatedContent.js +28 -28
  61. package/dist/esm/RelatedTopicsDropdown.js +10 -10
  62. package/dist/esm/SeriesListingDeck.js +1 -1
  63. package/dist/esm/{SeriesSlider-45adb8dc.js → SeriesSlider-98ad6d97.js} +4 -4
  64. package/dist/esm/SideFooter.js +2 -2
  65. package/dist/esm/VideoSeriesCard.js +1 -1
  66. package/dist/esm/View.js +3 -3
  67. package/dist/esm/YoutubeGroup.js +4 -4
  68. package/dist/esm/getQuery.js +2 -2
  69. package/dist/esm/{getTargeting-4061f839.js → getTargeting-36031a00.js} +9 -9
  70. package/dist/esm/getTargeting.js +1 -1
  71. package/dist/esm/index.js +2 -2
  72. package/package.json +112 -112
  73. package/dist/cjs/Pagination-8f2038bf.js +0 -53
  74. package/dist/esm/Pagination-c0db7ca1.js +0 -46
@@ -230,14 +230,14 @@ var MasterDeck = function (_React$Component) {
230
230
  }
231
231
 
232
232
  // please leave this for later debug purpose : Yong Jun.
233
- /* console.log('page change reported', {
234
- currentPage: currentPage,
235
- pageNumber: pageNumber,
236
- pathname: pathname,
237
- path: path,
238
- newPath: newPath,
239
- firstPage: pageNumber === 1,
240
- queryString: queryString
233
+ /* console.log('page change reported', {
234
+ currentPage: currentPage,
235
+ pageNumber: pageNumber,
236
+ pathname: pathname,
237
+ path: path,
238
+ newPath: newPath,
239
+ firstPage: pageNumber === 1,
240
+ queryString: queryString
241
241
  }) */
242
242
 
243
243
  if (pageview) {
@@ -14,7 +14,7 @@ var lodash = require('./lodash-f0783643.js');
14
14
  var main = require('./main-f1c77adb.js');
15
15
  var ADlgInfeed = require('./ADlgInfeed-950b414b.js');
16
16
  var ADInfeed = require('./ADInfeed-bce0ba07.js');
17
- var Pagination = require('./Pagination-8f2038bf.js');
17
+ var Pagination = require('./Pagination-b5e8b8dc.js');
18
18
  require('./_commonjsHelpers-06173234.js');
19
19
  require('./core.get-iterator-method-5643aa10.js');
20
20
  require('./web.dom.iterable-d98303e0.js');
@@ -35,7 +35,6 @@ require('./isSymbol-03abbdf0.js');
35
35
  require('./toNumber-5e1fac58.js');
36
36
  require('./Beam.js');
37
37
  require('./Segment.js');
38
- require('react-paginate');
39
38
 
40
39
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
41
40
 
@@ -113,14 +112,14 @@ var MasterDeck = function (_React$Component) {
113
112
  }
114
113
 
115
114
  // please leave this for later debug purpose : Yong Jun.
116
- /* console.log('page change reported', {
117
- currentPage: currentPage,
118
- pageNumber: pageNumber,
119
- pathname: pathname,
120
- path: path,
121
- newPath: newPath,
122
- firstPage: pageNumber === 1,
123
- queryString: queryString
115
+ /* console.log('page change reported', {
116
+ currentPage: currentPage,
117
+ pageNumber: pageNumber,
118
+ pathname: pathname,
119
+ path: path,
120
+ newPath: newPath,
121
+ firstPage: pageNumber === 1,
122
+ queryString: queryString
124
123
  }) */
125
124
 
126
125
  if (pageview) {
@@ -9435,7 +9435,7 @@ var Tooltip = React__default['default'].forwardRef(function (_ref, ref) {
9435
9435
  Tooltip.defaultProps = defaultProps;
9436
9436
  Tooltip.displayName = 'Tooltip';
9437
9437
 
9438
- var css = ".MediaSeriesCard-module_article__SAFYK {\n width: 100%;\n margin: 0 0 1rem 0;\n}\n.MediaSeriesCard-module_article__SAFYK a {\n display: flex;\n width: 100%;\n color: #000000;\n}\n.MediaSeriesCard-module_thumb__3jRAU {\n width: 25%;\n}\n.MediaSeriesCard-module_thumb__3jRAU img {\n width: 100%;\n height: auto;\n}\n.MediaSeriesCard-module_info__3L7_o {\n width: 75%;\n font-size: 1rem;\n}\n.MediaSeriesCard-module_info__3L7_o h2 {\n font-weight: bold;\n font-size: 1.25rem;\n margin: 0;\n}\n.MediaSeriesCard-module_published__E4oiz {\n color: #6d6d6d;\n margin: 0;\n}\n.MediaSeriesCard-module_summary__1xanh {\n margin: 0.5rem 0 0 0;\n}\n.MediaSeriesCard-module_author__e5fuR {\n margin: 0;\n}\n.MediaSeriesCard-module_author__e5fuR span {\n color: #6d6d6d;\n}\n.MediaSeriesCard-module_name__2m5KY {\n font-size: 1.3rem;\n font-weight: bold;\n}\n@media only screen and (max-width: 568px) {\n .MediaSeriesCard-module_article__SAFYK {\n margin: 1rem 0;\n box-shadow: 2px 4px 8px rgba(0,0,0,.2);\n }\n .MediaSeriesCard-module_article__SAFYK a {\n flex-direction: column;\n align-items: center;\n }\n .MediaSeriesCard-module_thumb__3jRAU {\n overflow: hidden;\n width: 100%;\n margin-bottom: 1rem;\n }\n .MediaSeriesCard-module_thumb__3jRAU img{\n border-radius: 10px 10px 0 0; \n }\n .MediaSeriesCard-module_thumb__3jRAU figure {\n margin: 0;\n }\n .MediaSeriesCard-module_info__3L7_o {\n width: 90%;\n padding: 0rem !important;\n }\n .MediaSeriesCard-module_info__3L7_o h2 {\n font-size: 1rem;\n }\n .MediaSeriesCard-module_name__2m5KY {\n font-size: 1rem;\n \n }\n}\n";
9438
+ var css = ".MediaSeriesCard-module_article__SAFYK {\r\n width: 100%;\r\n margin: 0 0 1rem 0;\r\n}\r\n.MediaSeriesCard-module_article__SAFYK a {\r\n display: flex;\r\n width: 100%;\r\n color: #000000;\r\n}\r\n.MediaSeriesCard-module_thumb__3jRAU {\r\n width: 25%;\r\n}\r\n.MediaSeriesCard-module_thumb__3jRAU img {\r\n width: 100%;\r\n height: auto;\r\n}\r\n.MediaSeriesCard-module_info__3L7_o {\r\n width: 75%;\r\n font-size: 1rem;\r\n}\r\n.MediaSeriesCard-module_info__3L7_o h2 {\r\n font-weight: bold;\r\n font-size: 1.25rem;\r\n margin: 0;\r\n}\r\n.MediaSeriesCard-module_published__E4oiz {\r\n color: #6d6d6d;\r\n margin: 0;\r\n}\r\n.MediaSeriesCard-module_summary__1xanh {\r\n margin: 0.5rem 0 0 0;\r\n}\r\n.MediaSeriesCard-module_author__e5fuR {\r\n margin: 0;\r\n}\r\n.MediaSeriesCard-module_author__e5fuR span {\r\n color: #6d6d6d;\r\n}\r\n.MediaSeriesCard-module_name__2m5KY {\r\n font-size: 1.3rem;\r\n font-weight: bold;\r\n}\r\n@media only screen and (max-width: 568px) {\r\n .MediaSeriesCard-module_article__SAFYK {\r\n margin: 1rem 0;\r\n box-shadow: 2px 4px 8px rgba(0,0,0,.2);\r\n }\r\n .MediaSeriesCard-module_article__SAFYK a {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n .MediaSeriesCard-module_thumb__3jRAU {\r\n overflow: hidden;\r\n width: 100%;\r\n margin-bottom: 1rem;\r\n }\r\n .MediaSeriesCard-module_thumb__3jRAU img{\r\n border-radius: 10px 10px 0 0; \r\n }\r\n .MediaSeriesCard-module_thumb__3jRAU figure {\r\n margin: 0;\r\n }\r\n .MediaSeriesCard-module_info__3L7_o {\r\n width: 90%;\r\n padding: 0rem !important;\r\n }\r\n .MediaSeriesCard-module_info__3L7_o h2 {\r\n font-size: 1rem;\r\n }\r\n .MediaSeriesCard-module_name__2m5KY {\r\n font-size: 1rem;\r\n \r\n }\r\n}\r\n";
9439
9439
  var styles = { "article": "MediaSeriesCard-module_article__SAFYK", "thumb": "MediaSeriesCard-module_thumb__3jRAU", "info": "MediaSeriesCard-module_info__3L7_o", "published": "MediaSeriesCard-module_published__E4oiz", "summary": "MediaSeriesCard-module_summary__1xanh", "author": "MediaSeriesCard-module_author__e5fuR", "name": "MediaSeriesCard-module_name__2m5KY" };
9440
9440
  styleInject_es.styleInject(css);
9441
9441
 
@@ -6,7 +6,7 @@ var _typeof = require('./typeof-567e31ff.js');
6
6
  var _extends = require('./extends-7c86182f.js');
7
7
  var slicedToArray = require('./slicedToArray-067dd3bc.js');
8
8
  var React = require('react');
9
- var MediaSeriesCard = require('./MediaSeriesCard-8b4efd28.js');
9
+ var MediaSeriesCard = require('./MediaSeriesCard-3d5c69ba.js');
10
10
  require('./index-50be6759.js');
11
11
  require('react-dom');
12
12
  var Link = require('next/link');
@@ -97,11 +97,11 @@ var Filter = function Filter(_ref) {
97
97
  _useState6 = slicedToArray._slicedToArray(_useState5, 2),
98
98
  grandChildData = _useState6[0],
99
99
  setGrandChildData = _useState6[1];
100
- /*
101
- {parent: showAll,
102
- chidlren: show selected from parent,
103
- grandchildren: show selected from children
104
- }
100
+ /*
101
+ {parent: showAll,
102
+ chidlren: show selected from parent,
103
+ grandchildren: show selected from children
104
+ }
105
105
  */
106
106
 
107
107
 
@@ -403,7 +403,7 @@ MediaSeriesLanding.getInitialData = function () {
403
403
 
404
404
  case 9:
405
405
  docGroupID = _context2.sent;
406
- seriesQuery = '*[_type == \'documentGroup\' && references(\'' + docGroupID._id + '\') && isSeries != false && isShow != false && defined(published) && dateTime(published) <= dateTime(now()) ] | order(published desc) [$from...$to] {\n _id,\n name,\n identifier,\n published,\n thumbnail,\n description,\n topicMapping[]->,\n isGated,\n \'pageNumber\': ' + currentPage + ',\n \'parentUrl\': \'' + identifier + '\'\n }';
406
+ seriesQuery = '*[_type == \'documentGroup\' && references(\'' + docGroupID._id + '\') && isSeries != false && isShow != false && defined(published) && dateTime(published) <= dateTime(now()) ] | order(published desc) [$from...$to] {\n _id,\n name,\n identifier,\n published,\n thumbnail{ ..., asset-> },\n description,\n topicMapping[]->,\n isGated,\n \'pageNumber\': ' + currentPage + ',\n \'parentUrl\': \'' + identifier + '\'\n }';
407
407
  _context2.next = 13;
408
408
  return client.fetch(seriesQuery, params);
409
409
 
@@ -5,7 +5,7 @@ var _typeof = require('./typeof-567e31ff.js');
5
5
  var _extends = require('./extends-7c86182f.js');
6
6
  var slicedToArray = require('./slicedToArray-067dd3bc.js');
7
7
  var React = require('react');
8
- var MediaSeriesCard = require('./MediaSeriesCard-8b4efd28.js');
8
+ var MediaSeriesCard = require('./MediaSeriesCard-3d5c69ba.js');
9
9
  require('./index-50be6759.js');
10
10
  require('react-dom');
11
11
  var Link = require('next/link');
@@ -46,8 +46,7 @@ require('./toNumber-5e1fac58.js');
46
46
  require('./Beam.js');
47
47
  require('./Segment.js');
48
48
  require('./ADInfeed-bce0ba07.js');
49
- require('./Pagination-8f2038bf.js');
50
- require('react-paginate');
49
+ require('./Pagination-b5e8b8dc.js');
51
50
  require('react-bootstrap');
52
51
  require('./index-187c967e.js');
53
52
  require('./util-93a37fd0.js');
@@ -97,11 +96,11 @@ var Filter = function Filter(_ref) {
97
96
  _useState6 = slicedToArray._slicedToArray(_useState5, 2),
98
97
  grandChildData = _useState6[0],
99
98
  setGrandChildData = _useState6[1];
100
- /*
101
- {parent: showAll,
102
- chidlren: show selected from parent,
103
- grandchildren: show selected from children
104
- }
99
+ /*
100
+ {parent: showAll,
101
+ chidlren: show selected from parent,
102
+ grandchildren: show selected from children
103
+ }
105
104
  */
106
105
 
107
106
 
@@ -424,7 +423,7 @@ MediaSeriesLanding.getInitialData = function () {
424
423
  docGroupID = _context2.sent;
425
424
  seriesQueryFilters = '[\n _type == \'documentGroup\' \n && references(\'' + docGroupID._id + '\') \n && isSeries != false \n && isShow != false \n && defined(published) \n && published <= now()\n ]';
426
425
  seriesQuerySorts = 'order(published desc) [$from...$to]';
427
- seriesQueryProjection = '{\n _id,\n name,\n identifier,\n published,\n thumbnail,\n description,\n topicMapping[]->,\n isGated,\n \'parentUrl\': \'' + identifier + '\'\n }';
426
+ seriesQueryProjection = '{\n _id,\n name,\n identifier,\n published,\n thumbnail{ ..., asset-> },\n description,\n topicMapping[]->,\n isGated,\n \'parentUrl\': \'' + identifier + '\'\n }';
428
427
  seriesQuery = ['*'].concat(seriesQueryFilters).concat(seriesQuerySorts).concat(seriesQueryProjection).join('|');
429
428
  totalSeriesCountQuery = 'count(' + ['*'].concat(seriesQueryFilters).join('|') + ')';
430
429
  _context2.next = 17;
@@ -38,16 +38,16 @@ var Navbar__default = /*#__PURE__*/_interopDefaultLegacy(Navbar);
38
38
  var NavDropdown__default = /*#__PURE__*/_interopDefaultLegacy(NavDropdown);
39
39
 
40
40
  var NavMagazine = function NavMagazine(props) {
41
- /*
42
- Example Nav with acceptable props
43
- <MagazineNav
44
- showLogin
45
- user={props.cache.user}
46
- logo={props.settings.logo}
47
- dataObject={props.cache.mainNavCache}
48
- website={website}
49
- subNav={props.cache.subNavCache}
50
- />
41
+ /*
42
+ Example Nav with acceptable props
43
+ <MagazineNav
44
+ showLogin
45
+ user={props.cache.user}
46
+ logo={props.settings.logo}
47
+ dataObject={props.cache.mainNavCache}
48
+ website={website}
49
+ subNav={props.cache.subNavCache}
50
+ />
51
51
  */
52
52
 
53
53
  // Setting 'socialIconVariant' as 'light' as default to make the social icons and search icon black
@@ -315,15 +315,15 @@ function chunk(array, size, guard) {
315
315
  var chunk_1 = chunk;
316
316
 
317
317
  var NavNative = function NavNative(props) {
318
- /*
319
- Example Nav with acceptable props
320
- <MagazineNav
321
- showLogin
322
- logo={props.settings.logo}
323
- dataObject={props.cache.mainNavCache}
324
- website={website}
325
- subNav={props.cache.subNavCache}
326
- />
318
+ /*
319
+ Example Nav with acceptable props
320
+ <MagazineNav
321
+ showLogin
322
+ logo={props.settings.logo}
323
+ dataObject={props.cache.mainNavCache}
324
+ website={website}
325
+ subNav={props.cache.subNavCache}
326
+ />
327
327
  */
328
328
  // Setting 'socialIconVariant' as 'dark' as default to make the social icons and search icon black
329
329
  var logo = props.logo,
@@ -0,0 +1,60 @@
1
+ 'use strict';
2
+
3
+ var React = require('react');
4
+ var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
5
+
6
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
7
+
8
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
9
+
10
+ var reactPaginate = _commonjsHelpers.createCommonjsModule(function (module, exports) {
11
+ !function(e,a){module.exports=a(React__default['default']);}(_commonjsHelpers.commonjsGlobal,(function(e){return function(e){var a={};function t(r){if(a[r])return a[r].exports;var n=a[r]={i:r,l:!1,exports:{}};return e[r].call(n.exports,n,n.exports,t),n.l=!0,n.exports}return t.m=e,t.c=a,t.d=function(e,a,r){t.o(e,a)||Object.defineProperty(e,a,{enumerable:!0,get:r});},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0});},t.t=function(e,a){if(1&a&&(e=t(e)),8&a)return e;if(4&a&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(t.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&a&&"string"!=typeof e)for(var n in e)t.d(r,n,function(a){return e[a]}.bind(null,n));return r},t.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(a,"a",a),a},t.o=function(e,a){return Object.prototype.hasOwnProperty.call(e,a)},t.p="",t(t.s=4)}([function(e,a,t){e.exports=t(2)();},function(a,t){a.exports=e;},function(e,a,t){var r=t(3);function n(){}function i(){}i.resetWarningCache=n,e.exports=function(){function e(e,a,t,n,i,s){if(s!==r){var l=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw l.name="Invariant Violation",l}}function a(){return e}e.isRequired=e;var t={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:a,element:e,elementType:e,instanceOf:a,node:e,objectOf:a,oneOf:a,oneOfType:a,shape:a,exact:a,checkPropTypes:i,resetWarningCache:n};return t.PropTypes=t,t};},function(e,a,t){e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";},function(e,a,t){t.r(a);var r=t(1),n=t.n(r),i=t(0),s=t.n(i);function l(){return (l=Object.assign||function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);}return e}).apply(this,arguments)}var o=function(e){var a=e.pageClassName,t=e.pageLinkClassName,r=e.page,i=e.selected,s=e.activeClassName,o=e.activeLinkClassName,u=e.getEventListener,c=e.pageSelectedHandler,p=e.href,f=e.extraAriaContext,g=e.pageLabelBuilder,d=e.ariaLabel||"Page "+r+(f?" "+f:""),b=null;return i&&(b="page",d=e.ariaLabel||"Page "+r+" is your current page",a=void 0!==a?a+" "+s:s,void 0!==t?void 0!==o&&(t=t+" "+o):t=o),n.a.createElement("li",{className:a},n.a.createElement("a",l({role:"button",className:t,href:p,tabIndex:"0","aria-label":d,"aria-current":b,onKeyPress:c},u(c)),g(r)))};o.propTypes={pageSelectedHandler:s.a.func.isRequired,selected:s.a.bool.isRequired,pageClassName:s.a.string,pageLinkClassName:s.a.string,activeClassName:s.a.string,activeLinkClassName:s.a.string,extraAriaContext:s.a.string,href:s.a.string,ariaLabel:s.a.string,page:s.a.number.isRequired,getEventListener:s.a.func.isRequired,pageLabelBuilder:s.a.func.isRequired};var u=o;function c(){return (c=Object.assign||function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);}return e}).apply(this,arguments)}var p=function(e){var a=e.breakLabel,t=e.breakClassName,r=e.breakLinkClassName,i=e.breakHandler,s=e.getEventListener,l=t||"break";return n.a.createElement("li",{className:l},n.a.createElement("a",c({className:r,role:"button",tabIndex:"0",onKeyPress:i},s(i)),a))};p.propTypes={breakLabel:s.a.oneOfType([s.a.string,s.a.node]),breakClassName:s.a.string,breakLinkClassName:s.a.string,breakHandler:s.a.func.isRequired,getEventListener:s.a.func.isRequired};var f=p;function g(e){return (g="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function d(){return (d=Object.assign||function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);}return e}).apply(this,arguments)}function b(e,a){for(var t=0;t<a.length;t++){var r=a[t];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r);}}function v(e,a){return (v=Object.setPrototypeOf||function(e,a){return e.__proto__=a,e})(e,a)}function m(e){var a=function(){if("undefined"==typeof Reflect||!Reflect.construct)return !1;if(Reflect.construct.sham)return !1;if("function"==typeof Proxy)return !0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return !1}}();return function(){var t,r=C(e);if(a){var n=C(this).constructor;t=Reflect.construct(r,arguments,n);}else t=r.apply(this,arguments);return h(this,t)}}function h(e,a){return !a||"object"!==g(a)&&"function"!=typeof a?y(e):a}function y(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function C(e){return (C=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function P(e,a,t){return a in e?Object.defineProperty(e,a,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[a]=t,e}var k=function(e){!function(e,a){if("function"!=typeof a&&null!==a)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(a&&a.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),a&&v(e,a);}(s,e);var a,t,i=m(s);function s(e){var a,t;return function(e,a){if(!(e instanceof a))throw new TypeError("Cannot call a class as a function")}(this,s),P(y(a=i.call(this,e)),"handlePreviousPage",(function(e){var t=a.state.selected;e.preventDefault?e.preventDefault():e.returnValue=!1,t>0&&a.handlePageSelected(t-1,e);})),P(y(a),"handleNextPage",(function(e){var t=a.state.selected,r=a.props.pageCount;e.preventDefault?e.preventDefault():e.returnValue=!1,t<r-1&&a.handlePageSelected(t+1,e);})),P(y(a),"handlePageSelected",(function(e,t){t.preventDefault?t.preventDefault():t.returnValue=!1,a.state.selected!==e?(a.setState({selected:e}),a.callCallback(e)):a.callActiveCallback(e);})),P(y(a),"getEventListener",(function(e){return P({},a.props.eventListener,e)})),P(y(a),"handleBreakClick",(function(e,t){t.preventDefault?t.preventDefault():t.returnValue=!1;var r=a.state.selected;a.handlePageSelected(r<e?a.getForwardJump():a.getBackwardJump(),t);})),P(y(a),"callCallback",(function(e){void 0!==a.props.onPageChange&&"function"==typeof a.props.onPageChange&&a.props.onPageChange({selected:e});})),P(y(a),"callActiveCallback",(function(e){void 0!==a.props.onPageActive&&"function"==typeof a.props.onPageActive&&a.props.onPageActive({selected:e});})),P(y(a),"pagination",(function(){var e=[],t=a.props,r=t.pageRangeDisplayed,i=t.pageCount,s=t.marginPagesDisplayed,l=t.breakLabel,o=t.breakClassName,u=t.breakLinkClassName,c=a.state.selected;if(i<=r)for(var p=0;p<i;p++)e.push(a.getPageElement(p));else {var g,d,b,v=r/2,m=r-v;c>i-r/2?v=r-(m=i-c):c<r/2&&(m=r-(v=c));var h=function(e){return a.getPageElement(e)};for(g=0;g<i;g++)(d=g+1)<=s||d>i-s||g>=c-v&&g<=c+m?e.push(h(g)):l&&e[e.length-1]!==b&&(b=n.a.createElement(f,{key:g,breakLabel:l,breakClassName:o,breakLinkClassName:u,breakHandler:a.handleBreakClick.bind(null,g),getEventListener:a.getEventListener}),e.push(b));}return e})),t=e.initialPage?e.initialPage:e.forcePage?e.forcePage:0,a.state={selected:t},a}return a=s,(t=[{key:"componentDidMount",value:function(){var e=this.props,a=e.initialPage,t=e.disableInitialCallback,r=e.extraAriaContext;void 0===a||t||this.callCallback(a),r&&console.warn("DEPRECATED (react-paginate): The extraAriaContext prop is deprecated. You should now use the ariaLabelBuilder instead.");}},{key:"componentDidUpdate",value:function(e){void 0!==this.props.forcePage&&this.props.forcePage!==e.forcePage&&this.setState({selected:this.props.forcePage});}},{key:"getForwardJump",value:function(){var e=this.state.selected,a=this.props,t=a.pageCount,r=e+a.pageRangeDisplayed;return r>=t?t-1:r}},{key:"getBackwardJump",value:function(){var e=this.state.selected-this.props.pageRangeDisplayed;return e<0?0:e}},{key:"hrefBuilder",value:function(e){var a=this.props,t=a.hrefBuilder,r=a.pageCount;if(t&&e!==this.state.selected&&e>=0&&e<r)return t(e+1)}},{key:"ariaLabelBuilder",value:function(e){var a=e===this.state.selected;if(this.props.ariaLabelBuilder&&e>=0&&e<this.props.pageCount){var t=this.props.ariaLabelBuilder(e+1,a);return this.props.extraAriaContext&&!a&&(t=t+" "+this.props.extraAriaContext),t}}},{key:"getPageElement",value:function(e){var a=this.state.selected,t=this.props,r=t.pageClassName,i=t.pageLinkClassName,s=t.activeClassName,l=t.activeLinkClassName,o=t.extraAriaContext,c=t.pageLabelBuilder;return n.a.createElement(u,{key:e,pageSelectedHandler:this.handlePageSelected.bind(null,e),selected:a===e,pageClassName:r,pageLinkClassName:i,activeClassName:s,activeLinkClassName:l,extraAriaContext:o,href:this.hrefBuilder(e),ariaLabel:this.ariaLabelBuilder(e),page:e+1,pageLabelBuilder:c,getEventListener:this.getEventListener})}},{key:"render",value:function(){var e=this.props,a=e.disabledClassName,t=e.pageCount,r=e.containerClassName,i=e.previousLabel,s=e.previousClassName,l=e.previousLinkClassName,o=e.previousAriaLabel,u=e.prevRel,c=e.nextLabel,p=e.nextClassName,f=e.nextLinkClassName,g=e.nextAriaLabel,b=e.nextRel,v=this.state.selected,m=s+(0===v?" ".concat(a):""),h=p+(v===t-1?" ".concat(a):""),y=0===v?"true":"false",C=v===t-1?"true":"false";return n.a.createElement("ul",{className:r},n.a.createElement("li",{className:m},n.a.createElement("a",d({className:l,href:this.hrefBuilder(v-1),tabIndex:"0",role:"button",onKeyPress:this.handlePreviousPage,"aria-disabled":y,"aria-label":o,rel:u},this.getEventListener(this.handlePreviousPage)),i)),this.pagination(),n.a.createElement("li",{className:h},n.a.createElement("a",d({className:f,href:this.hrefBuilder(v+1),tabIndex:"0",role:"button",onKeyPress:this.handleNextPage,"aria-disabled":C,"aria-label":g,rel:b},this.getEventListener(this.handleNextPage)),c)))}}])&&b(a.prototype,t),s}(r.Component);P(k,"propTypes",{pageCount:s.a.number.isRequired,pageRangeDisplayed:s.a.number.isRequired,marginPagesDisplayed:s.a.number.isRequired,previousLabel:s.a.node,previousAriaLabel:s.a.string,prevRel:s.a.string,nextLabel:s.a.node,nextAriaLabel:s.a.string,nextRel:s.a.string,breakLabel:s.a.oneOfType([s.a.string,s.a.node]),hrefBuilder:s.a.func,onPageChange:s.a.func,onPageActive:s.a.func,initialPage:s.a.number,forcePage:s.a.number,disableInitialCallback:s.a.bool,containerClassName:s.a.string,pageClassName:s.a.string,pageLinkClassName:s.a.string,pageLabelBuilder:s.a.func,activeClassName:s.a.string,activeLinkClassName:s.a.string,previousClassName:s.a.string,nextClassName:s.a.string,previousLinkClassName:s.a.string,nextLinkClassName:s.a.string,disabledClassName:s.a.string,breakClassName:s.a.string,breakLinkClassName:s.a.string,extraAriaContext:s.a.string,ariaLabelBuilder:s.a.func,eventListener:s.a.string}),P(k,"defaultProps",{pageCount:10,pageRangeDisplayed:2,marginPagesDisplayed:3,activeClassName:"selected",previousLabel:"Previous",previousClassName:"previous",previousAriaLabel:"Previous page",prevRel:"prev",nextLabel:"Next",nextClassName:"next",nextAriaLabel:"Next page",nextRel:"next",breakLabel:"...",disabledClassName:"disabled",disableInitialCallback:!1,pageLabelBuilder:function(e){return e},eventListener:"onClick"});a.default=k;}])}));
12
+
13
+ });
14
+
15
+ var ReactPaginate = _commonjsHelpers.unwrapExports(reactPaginate);
16
+ reactPaginate.ReactPaginate;
17
+
18
+ var Pagination = function Pagination(props) {
19
+ var pageCount = props.pageCount,
20
+ _props$marginPagesDis = props.marginPagesDisplayed,
21
+ marginPagesDisplayed = _props$marginPagesDis === undefined ? 1 : _props$marginPagesDis,
22
+ _props$pageRangeDispl = props.pageRangeDisplayed,
23
+ pageRangeDisplayed = _props$pageRangeDispl === undefined ? 5 : _props$pageRangeDispl,
24
+ _props$currentPage = props.currentPage,
25
+ currentPage = _props$currentPage === undefined ? 1 : _props$currentPage,
26
+ _onPageChange = props.onPageChange;
27
+
28
+ if (!pageCount || pageCount <= 1) return null;
29
+ return React__default['default'].createElement(
30
+ React__default['default'].Fragment,
31
+ null,
32
+ React__default['default'].createElement(ReactPaginate, {
33
+ pageCount: pageCount,
34
+ marginPagesDisplayed: marginPagesDisplayed,
35
+ pageRangeDisplayed: pageRangeDisplayed,
36
+ forcePage: currentPage - 1,
37
+ onPageChange: function onPageChange(_ref) {
38
+ var selected = _ref.selected;
39
+ return _onPageChange(selected + 1);
40
+ },
41
+ hrefBuilder: function hrefBuilder(page) {
42
+ return '?page=' + page;
43
+ },
44
+ previousLabel: '<',
45
+ nextLabel: '>',
46
+ containerClassName: 'pagination-container',
47
+ previousLinkClassName: 'previous',
48
+ nextLinkClassName: 'next',
49
+ disabledClassName: 'disbaled',
50
+ activeClassName: 'active'
51
+ }),
52
+ React__default['default'].createElement(
53
+ 'style',
54
+ { jsx: 'true' },
55
+ '\n .pagination-container {\n list-style: none;\n padding: 10px 0;\n margin: 0;\n display: flex;\n overflow: auto;\n }\n .pagination-container::before,\n .pagination-container::after {\n content: \'\';\n margin: 0 auto;\n }\n .pagination-container::-webkit-scrollbar {\n height: 6px;\n }\n .pagination-container a {\n padding: 10px;\n border: 1px solid #dee2e6;\n }\n .pagination-container a:hover {\n text-decoration: none;\n background-color: #e9ecef;\n border-color: #dee2e6;\n }\n .pagination-container .active a {\n color: #fff;\n background-color: #666;\n background-color: var(--primary);\n border-color: #007bff;\n }\n .pagination-container .previous a {\n border-radius: 5px 0 0 5px;\n }\n .pagination-container .next a {\n border-radius: 0 5px 5px 0;\n }\n .pagination-container .disbaled a {\n cursor: default;\n }\n '
56
+ )
57
+ );
58
+ };
59
+
60
+ exports.Pagination = Pagination;
@@ -238,15 +238,15 @@ PartnerDetails.returnGetInitialProps = function () {
238
238
  switch (_context.prev = _context.next) {
239
239
  case 0:
240
240
  today = moment.moment().utc().format();
241
- featureQuery = '*[_type == \'feature\' && is_active == true && feature_url == \'/' + partnerPageUrl + '/' + (category ? category + '/' : null) + identifier + '\'] | order(_updatedAt asc)[0..5]{\n ...,\n \'feature_img\' : feature_img.asset->url\n }';
242
- partnerQuery = '*[_type == \'documentGroup\' \n && !(_id in path("drafts.**"))\n && references(\'' + partnerDocumentGroupID + '\')\n && identifier.current == \'' + identifier + '\'] | order(name asc) [0] {\n description,\n name,\n identifier,\n thumbnail,\n twitter,\n facebook,\n linkedin,\n "affiliates": description[_type==\'slideshows\']{\n ...,\n slides->{...}\n }\n }';
241
+ featureQuery = '*[_type == \'feature\' && is_active == true && feature_url == \'/' + partnerPageUrl + '/' + (category ? category + '/' : null) + identifier + '\'] | order(_updatedAt asc)[0..5]{\n ...,\n \'feature_img\' : feature_img.asset->\n }';
242
+ partnerQuery = '*[_type == \'documentGroup\' \n && !(_id in path("drafts.**"))\n && references(\'' + partnerDocumentGroupID + '\')\n && identifier.current == \'' + identifier + '\'] | order(name asc) [0] {\n description,\n name,\n identifier,\n thumbnail{ ..., asset-> },\n twitter,\n facebook,\n linkedin,\n "affiliates": description[_type==\'slideshows\']{\n ...,\n slides->{...}\n }\n }';
243
243
 
244
244
 
245
245
  if (category) {
246
246
  // if partners page has a sub category such as onclive
247
247
  // e.g. /sap-partner/[category]/[partner]
248
248
 
249
- partnerQuery = '*[_type == \'documentGroup\' && !(_id in path("drafts.**")) && identifier.current == \'' + category + '\' && references(\'' + partnerDocumentGroupID + '\')] [0] {\n ...,\n \'partner\': *[_type == \'documentGroup\' && identifier.current == \'' + identifier + '\' && references(^._id)] [0] {\n description,\n name,\n identifier,\n thumbnail,\n twitter,\n facebook,\n linkedin,\n "affiliates": description[_type==\'slideshows\']{\n ...,\n slides->{...}\n }\n \n }\n }';
249
+ partnerQuery = '*[_type == \'documentGroup\' && !(_id in path("drafts.**")) && identifier.current == \'' + category + '\' && references(\'' + partnerDocumentGroupID + '\')] [0] {\n ...,\n \'partner\': *[_type == \'documentGroup\' && identifier.current == \'' + identifier + '\' && references(^._id)] [0] {\n description,\n name,\n identifier,\n thumbnail{ ..., asset-> },\n twitter,\n facebook,\n linkedin,\n "affiliates": description[_type==\'slideshows\']{\n ...,\n slides->{...}\n }\n \n }\n }';
250
250
  }
251
251
 
252
252
  taxonomyQuery = '*[_type == \'documentGroup\' \n && !(_id in path("drafts.**"))\n && references(\'' + partnerDocumentGroupID + '\')\n && isShow != false\n && identifier.current == \'' + identifier + '\'] [0] {\n \'id\': _id,\n \'title\': name\n }';
@@ -263,7 +263,7 @@ PartnerDetails.returnGetInitialProps = function () {
263
263
  features = _ref4[0];
264
264
  partnerDetails = _ref4[1];
265
265
  taxonomyDetails = _ref4[2];
266
- articlesQuery = '*[_type == \'article\' && !(_id in path("drafts.**")) && defined(title) && is_visible == true && defined(url) && dateTime(published) <= dateTime(\'' + today + '\') && passwordLocked != true && references(\'' + taxonomyDetails.id + '\')] | order(published desc)[$from...$to]{\n title,\n summary,\n thumbnail,\n url,\n published,\n contentCategory->,\n \'pageNumber\': ' + currentPage + '\n }';
266
+ articlesQuery = '*[_type == \'article\' && !(_id in path("drafts.**")) && defined(title) && is_visible == true && defined(url) && dateTime(published) <= dateTime(\'' + today + '\') && passwordLocked != true && references(\'' + taxonomyDetails.id + '\')] | order(published desc)[$from...$to]{\n title,\n summary,\n thumbnail{ ..., asset-> },\n url,\n published,\n contentCategory->,\n \'pageNumber\': ' + currentPage + '\n }';
267
267
  _context.next = 16;
268
268
  return client.fetch(articlesQuery, params);
269
269
 
@@ -46,8 +46,7 @@ require('./AuthorComponent-39b37d84.js');
46
46
  require('./ADlgInfeed-950b414b.js');
47
47
  require('./getContentCategory-f38a4c00.js');
48
48
  require('./timeDifferenceCalc.js');
49
- require('./Pagination-8f2038bf.js');
50
- require('react-paginate');
49
+ require('./Pagination-b5e8b8dc.js');
51
50
  require('./index-d48b231c.js');
52
51
  require('react-bootstrap/Breadcrumb');
53
52
  require('react-bootstrap/Carousel');
@@ -239,15 +238,15 @@ PartnerDetails.returnGetInitialProps = function () {
239
238
  while (1) {
240
239
  switch (_context.prev = _context.next) {
241
240
  case 0:
242
- featureQuery = '*[_type == \'feature\' && is_active == true && feature_url == \'/' + partnerPageUrl + '/' + (category ? category + '/' : null) + identifier + '\'] | order(_updatedAt asc)[0..5]{\n ...,\n \'feature_img\' : feature_img.asset->url\n }';
243
- partnerQuery = '*[_type == \'documentGroup\' \n && !(_id in path("drafts.**"))\n && references(\'' + partnerDocumentGroupID + '\')\n && identifier.current == \'' + identifier + '\'] | order(name asc) [0] {\n description,\n name,\n identifier,\n thumbnail,\n twitter,\n facebook,\n linkedin,\n "affiliates": description[_type==\'slideshows\']{\n ...,\n slides->{...}\n }\n }';
241
+ featureQuery = '*[_type == \'feature\' && is_active == true && feature_url == \'/' + partnerPageUrl + '/' + (category ? category + '/' : null) + identifier + '\'] | order(_updatedAt asc)[0..5]{\n ...,\n \'feature_img\' : feature_img.asset->\n }';
242
+ partnerQuery = '*[_type == \'documentGroup\' \n && !(_id in path("drafts.**"))\n && references(\'' + partnerDocumentGroupID + '\')\n && identifier.current == \'' + identifier + '\'] | order(name asc) [0] {\n description,\n name,\n identifier,\n thumbnail{ ..., asset-> },\n twitter,\n facebook,\n linkedin,\n "affiliates": description[_type==\'slideshows\']{\n ...,\n slides->{...}\n }\n }';
244
243
 
245
244
 
246
245
  if (category) {
247
246
  // if partners page has a sub category such as onclive
248
247
  // e.g. /sap-partner/[category]/[partner]
249
248
 
250
- partnerQuery = '*[_type == \'documentGroup\' && !(_id in path("drafts.**")) && identifier.current == \'' + category + '\' && references(\'' + partnerDocumentGroupID + '\')] [0] {\n ...,\n \'partner\': *[_type == \'documentGroup\' && identifier.current == \'' + identifier + '\' && references(^._id)] [0] {\n description,\n name,\n identifier,\n thumbnail,\n twitter,\n facebook,\n linkedin,\n "affiliates": description[_type==\'slideshows\']{\n ...,\n slides->{...}\n }\n \n }\n }';
249
+ partnerQuery = '*[_type == \'documentGroup\' && !(_id in path("drafts.**")) && identifier.current == \'' + category + '\' && references(\'' + partnerDocumentGroupID + '\')] [0] {\n ...,\n \'partner\': *[_type == \'documentGroup\' && identifier.current == \'' + identifier + '\' && references(^._id)] [0] {\n description,\n name,\n identifier,\n thumbnail{ ..., asset-> },\n twitter,\n facebook,\n linkedin,\n "affiliates": description[_type==\'slideshows\']{\n ...,\n slides->{...}\n }\n \n }\n }';
251
250
  }
252
251
 
253
252
  taxonomyQuery = '*[_type == \'documentGroup\' \n && !(_id in path("drafts.**"))\n && references(\'' + partnerDocumentGroupID + '\')\n && isShow != false\n && identifier.current == \'' + identifier + '\'] [0] {\n \'id\': _id,\n \'title\': name\n }';
@@ -266,7 +265,7 @@ PartnerDetails.returnGetInitialProps = function () {
266
265
  taxonomyDetails = _ref4[2];
267
266
  articlesQueryFilters = '[\n _type == \'article\' \n && !(_id in path("drafts.**")) \n && defined(title) \n && is_visible == true \n && defined(url) \n && published <= now()\n && passwordLocked != true \n && references(\'' + taxonomyDetails.id + '\')\n ]';
268
267
  articlesQuerySorts = 'order(published desc)[$from...$to]';
269
- articlesQueryProjection = '{\n title,\n summary,\n thumbnail,\n url,\n published,\n contentCategory->\n }';
268
+ articlesQueryProjection = '{\n title,\n summary,\n thumbnail{ ..., asset-> },\n url,\n published,\n contentCategory->\n }';
270
269
  articlesQuery = ['*'].concat(articlesQueryFilters).concat(articlesQuerySorts).concat(articlesQueryProjection).join('|');
271
270
  totalArticlesCountQuery = 'count(' + ['*'].concat(articlesQueryFilters).join('|') + ')';
272
271
  _context.next = 19;
@@ -385,32 +385,32 @@ module.exports = { "default": set$1, __esModule: true };
385
385
 
386
386
  var _Set = _commonjsHelpers.unwrapExports(set);
387
387
 
388
- /* usage & query
389
- const Publication = (props) => {
390
- const { cache, pub, year } = props
391
- const targeting = {
392
- content_placement: [`/journals/${pub.identifier.current}`],
393
- document_url: [`/journals/${pub.identifier.current}`],
394
- }
395
- return (
396
- <Shell title={pub.name} cache={cache} settings={Settings} targeting={targeting} ads={Ads} layout='3'>
397
- <PublicationLanding publication={pub} year={year} href={'journals'} />
398
- </Shell>
399
- )
400
- }
401
- Publication.getInitialProps = async (ctx) => {
402
- const { query } = ctx
403
- const {
404
- query: { year },
405
- } = ctx
406
- const pub = await client.fetch(getQuery('publication'), query)
407
- **import urlFor from framework**
408
- pub.issues.map((issue) => {
409
- issue.thumbnail = urlFor({client, source: issue.thumbnail})
410
- })
411
- return { pub, year }
412
- }
413
- export default Publication
388
+ /* usage & query
389
+ const Publication = (props) => {
390
+ const { cache, pub, year } = props
391
+ const targeting = {
392
+ content_placement: [`/journals/${pub.identifier.current}`],
393
+ document_url: [`/journals/${pub.identifier.current}`],
394
+ }
395
+ return (
396
+ <Shell title={pub.name} cache={cache} settings={Settings} targeting={targeting} ads={Ads} layout='3'>
397
+ <PublicationLanding publication={pub} year={year} href={'journals'} />
398
+ </Shell>
399
+ )
400
+ }
401
+ Publication.getInitialProps = async (ctx) => {
402
+ const { query } = ctx
403
+ const {
404
+ query: { year },
405
+ } = ctx
406
+ const pub = await client.fetch(getQuery('publication'), query)
407
+ **import urlFor from framework**
408
+ pub.issues.map((issue) => {
409
+ issue.thumbnail = urlFor({client, source: issue.thumbnail})
410
+ })
411
+ return { pub, year }
412
+ }
413
+ export default Publication
414
414
  */
415
415
 
416
416
  var generateContentPlacements = function generateContentPlacements(issues) {
@@ -19,7 +19,7 @@ var ADlgInfeed = require('./ADlgInfeed-950b414b.js');
19
19
  var getContentCategory = require('./getContentCategory-f38a4c00.js');
20
20
  var timeDifferenceCalc = require('./timeDifferenceCalc.js');
21
21
  var urlFor = require('./urlFor.js');
22
- var Pagination = require('./Pagination-8f2038bf.js');
22
+ var Pagination = require('./Pagination-b5e8b8dc.js');
23
23
  require('./_commonjsHelpers-06173234.js');
24
24
  require('./core.get-iterator-method-5643aa10.js');
25
25
  require('./web.dom.iterable-d98303e0.js');
@@ -38,7 +38,6 @@ require('./Beam.js');
38
38
  require('./stringify-f7a37a8d.js');
39
39
  require('./Segment.js');
40
40
  require('./index-d48b231c.js');
41
- require('react-paginate');
42
41
 
43
42
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
44
43
 
@@ -17,34 +17,34 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
17
17
 
18
18
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
19
19
 
20
- /*
21
- Sample query
22
- let references = ''
23
- if(article.taxonomyMapping.length > 0){
24
- article.taxonomyMapping.forEach((ref, index) => {
25
- references = references + `references('${ref._ref}') `
26
- if(index+1 !== article.taxonomyMapping.length){
27
- references = references + ` && `
28
- }
29
- })
30
- }
31
-
32
- const relatedArticlesQuery = `*[!(_id in path("drafts.**")) && _type == "article" && title !='${article.title}' && defined(title) && is_visible == true && ( references('article.documentGroup._id') || ${references} ) && published <= '${today}'] | order(published desc) [0...4] {
33
- ...,
34
- title,
35
- summary,
36
- thumbnail,
37
- url,
38
- published,
39
- authorMapping[]->,
40
- contentCategory->
41
- }`
42
- const relatedArticles = await client.fetch(relatedArticlesQuery)
43
-
44
- Sample usage
45
- <RelatedContent dataRecord={props.relatedArticles} client={client} showAuthor showPublished reverse/>
46
-
47
-
20
+ /*
21
+ Sample query
22
+ let references = ''
23
+ if(article.taxonomyMapping.length > 0){
24
+ article.taxonomyMapping.forEach((ref, index) => {
25
+ references = references + `references('${ref._ref}') `
26
+ if(index+1 !== article.taxonomyMapping.length){
27
+ references = references + ` && `
28
+ }
29
+ })
30
+ }
31
+
32
+ const relatedArticlesQuery = `*[!(_id in path("drafts.**")) && _type == "article" && title !='${article.title}' && defined(title) && is_visible == true && ( references('article.documentGroup._id') || ${references} ) && published <= '${today}'] | order(published desc) [0...4] {
33
+ ...,
34
+ title,
35
+ summary,
36
+ thumbnail,
37
+ url,
38
+ published,
39
+ authorMapping[]->,
40
+ contentCategory->
41
+ }`
42
+ const relatedArticles = await client.fetch(relatedArticlesQuery)
43
+
44
+ Sample usage
45
+ <RelatedContent dataRecord={props.relatedArticles} client={client} showAuthor showPublished reverse/>
46
+
47
+
48
48
  */
49
49
  var RelatedContent = function RelatedContent(props) {
50
50
  var client = props.client,
@@ -22,16 +22,16 @@ var RelatedTopicsDropdown = function RelatedTopicsDropdown(_ref) {
22
22
  _ref$className = _ref.className,
23
23
  className = _ref$className === undefined ? '' : _ref$className;
24
24
 
25
- /*
26
- Props accepted - parentTaxonomy(required, object), subTaxonomy(required, array), page(optional), exclude(optional), variant(optional), className(optional)
27
- example:
28
- <RelatedTopicDropdown
29
- page='/clinical'
30
- exclude="clinical"
31
- className='mb-3'
32
- parentTaxonomy={props.parentTaxonomy}
33
- subTaxonomies={props.subTaxonomies}
34
- />
25
+ /*
26
+ Props accepted - parentTaxonomy(required, object), subTaxonomy(required, array), page(optional), exclude(optional), variant(optional), className(optional)
27
+ example:
28
+ <RelatedTopicDropdown
29
+ page='/clinical'
30
+ exclude="clinical"
31
+ className='mb-3'
32
+ parentTaxonomy={props.parentTaxonomy}
33
+ subTaxonomies={props.subTaxonomies}
34
+ />
35
35
  */
36
36
  if (subTaxonomies.length === 0 && parentTaxonomy) {
37
37
  if (parentTaxonomy.identifier == exclude) {
@@ -7,7 +7,7 @@ var React = require('react');
7
7
  var Router = require('next/router');
8
8
  var index = require('./index-fc2f1ca2.js');
9
9
  var index_es = require('./index.es-f3e47207.js');
10
- var SeriesSlider = require('./SeriesSlider-ba0c5d1a.js');
10
+ var SeriesSlider = require('./SeriesSlider-de93a303.js');
11
11
  var visibilitySensor = require('./visibility-sensor-eb2c5b69.js');
12
12
  require('./_commonjsHelpers-06173234.js');
13
13
  require('./core.get-iterator-method-5643aa10.js');
@@ -12,10 +12,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
12
12
 
13
13
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
14
14
 
15
- /*
16
- GROQ query -
17
- accepts an array of title, URL
18
- `https://img.youtube.com/vi/${getYouTubeId(vid.url)}/hqdefault.jpg`
15
+ /*
16
+ GROQ query -
17
+ accepts an array of title, URL
18
+ `https://img.youtube.com/vi/${getYouTubeId(vid.url)}/hqdefault.jpg`
19
19
  */
20
20
 
21
21
  var SeriesSlider = function SeriesSlider(_ref) {
@@ -38,8 +38,8 @@ var renderLink = function renderLink(row) {
38
38
  };
39
39
 
40
40
  var SideFooter = function SideFooter(props) {
41
- /*
42
- useage example: <SideFooter cache={props.cache} logo='https://mjh-web.s3.amazonaws.com/_media/an_mjhls_brand_logo.png' />
41
+ /*
42
+ useage example: <SideFooter cache={props.cache} logo='https://mjh-web.s3.amazonaws.com/_media/an_mjhls_brand_logo.png' />
43
43
  */
44
44
  var _get = get.get_1(props, 'cache.siteSettingCache', {}),
45
45
  socialLinks = _get.socialLinks,
@@ -21,7 +21,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
21
21
 
22
22
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
23
23
 
24
- var css = ".VideoSeriesCard-module_article__Hlc3e {\n width: 100%;\n margin: 0 0 1rem 0;\n}\n.VideoSeriesCard-module_article__Hlc3e a {\n display: flex;\n width: 100%;\n color: #000000;\n}\n.VideoSeriesCard-module_thumb__3hGyJ {\n width: 25%;\n}\n.VideoSeriesCard-module_thumb__3hGyJ img {\n width: 100%;\n height: auto;\n}\n.VideoSeriesCard-module_info__2_i1N {\n width: 75%;\n font-size: 1rem;\n}\n.VideoSeriesCard-module_info__2_i1N h2 {\n font-weight: bold;\n font-size: 1.25rem;\n margin: 0;\n}\n.VideoSeriesCard-module_published__1fI0q {\n color: #6d6d6d;\n margin: 0;\n}\n.VideoSeriesCard-module_summary__3hWJT {\n margin: 0.5rem 0 0 0;\n}\n.VideoSeriesCard-module_author__aU35o {\n margin: 0;\n}\n.VideoSeriesCard-module_author__aU35o span {\n color: #6d6d6d;\n}\n@media only screen and (max-width: 568px) {\n .VideoSeriesCard-module_article__Hlc3e {\n margin: 1rem 0;\n box-shadow: 2px 4px 8px rgba(0,0,0,.2);\n }\n .VideoSeriesCard-module_article__Hlc3e a {\n flex-direction: column;\n align-items: center;\n }\n .VideoSeriesCard-module_thumb__3hGyJ {\n overflow: hidden;\n width: 100%;\n margin-bottom: 1rem;\n }\n .VideoSeriesCard-module_thumb__3hGyJ img{\n border-radius: 10px 10px 0 0; \n }\n .VideoSeriesCard-module_thumb__3hGyJ figure {\n margin: 0;\n }\n .VideoSeriesCard-module_info__2_i1N {\n width: 90%;\n padding: 1rem !important;\n }\n .VideoSeriesCard-module_info__2_i1N h2 {\n font-size: 1rem;\n }\n}\n";
24
+ var css = ".VideoSeriesCard-module_article__Hlc3e {\r\n width: 100%;\r\n margin: 0 0 1rem 0;\r\n}\r\n.VideoSeriesCard-module_article__Hlc3e a {\r\n display: flex;\r\n width: 100%;\r\n color: #000000;\r\n}\r\n.VideoSeriesCard-module_thumb__3hGyJ {\r\n width: 25%;\r\n}\r\n.VideoSeriesCard-module_thumb__3hGyJ img {\r\n width: 100%;\r\n height: auto;\r\n}\r\n.VideoSeriesCard-module_info__2_i1N {\r\n width: 75%;\r\n font-size: 1rem;\r\n}\r\n.VideoSeriesCard-module_info__2_i1N h2 {\r\n font-weight: bold;\r\n font-size: 1.25rem;\r\n margin: 0;\r\n}\r\n.VideoSeriesCard-module_published__1fI0q {\r\n color: #6d6d6d;\r\n margin: 0;\r\n}\r\n.VideoSeriesCard-module_summary__3hWJT {\r\n margin: 0.5rem 0 0 0;\r\n}\r\n.VideoSeriesCard-module_author__aU35o {\r\n margin: 0;\r\n}\r\n.VideoSeriesCard-module_author__aU35o span {\r\n color: #6d6d6d;\r\n}\r\n@media only screen and (max-width: 568px) {\r\n .VideoSeriesCard-module_article__Hlc3e {\r\n margin: 1rem 0;\r\n box-shadow: 2px 4px 8px rgba(0,0,0,.2);\r\n }\r\n .VideoSeriesCard-module_article__Hlc3e a {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n .VideoSeriesCard-module_thumb__3hGyJ {\r\n overflow: hidden;\r\n width: 100%;\r\n margin-bottom: 1rem;\r\n }\r\n .VideoSeriesCard-module_thumb__3hGyJ img{\r\n border-radius: 10px 10px 0 0; \r\n }\r\n .VideoSeriesCard-module_thumb__3hGyJ figure {\r\n margin: 0;\r\n }\r\n .VideoSeriesCard-module_info__2_i1N {\r\n width: 90%;\r\n padding: 1rem !important;\r\n }\r\n .VideoSeriesCard-module_info__2_i1N h2 {\r\n font-size: 1rem;\r\n }\r\n}\r\n";
25
25
  var styles = { "article": "VideoSeriesCard-module_article__Hlc3e", "thumb": "VideoSeriesCard-module_thumb__3hGyJ", "info": "VideoSeriesCard-module_info__2_i1N", "published": "VideoSeriesCard-module_published__1fI0q", "summary": "VideoSeriesCard-module_summary__3hWJT", "author": "VideoSeriesCard-module_author__aU35o" };
26
26
  styleInject_es.styleInject(css);
27
27