@mjhls/mjh-framework 1.0.939-disable-episode-number-v3 → 1.0.939-image-width-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 (153) hide show
  1. package/README.md +168 -168
  2. package/dist/cjs/AlgoliaSearch.js +5 -11
  3. package/dist/cjs/Auth.js +17 -20
  4. package/dist/cjs/AuthWrapper.js +13 -19
  5. package/dist/cjs/CMEDeck.js +1 -5
  6. package/dist/cjs/Column1.js +1 -1
  7. package/dist/cjs/Column2.js +1 -1
  8. package/dist/cjs/Column3.js +1 -1
  9. package/dist/cjs/ConferenceArticleCard.js +15 -15
  10. package/dist/cjs/DeckContent.js +44 -13
  11. package/dist/cjs/Dfp-9be904d5.js +1 -1
  12. package/dist/cjs/EventsDeck.js +17 -17
  13. package/dist/cjs/HamMagazine.js +10 -10
  14. package/dist/cjs/Header.js +1 -1
  15. package/dist/cjs/IssueLanding.js +29 -29
  16. package/dist/cjs/KMTracker.js +15 -15
  17. package/dist/cjs/LeftNav.js +1 -1
  18. package/dist/cjs/MasterDeck.js +10 -10
  19. package/dist/cjs/MasterDeckPaginated.js +8 -8
  20. package/dist/cjs/{MediaSeriesCard-0c0fa2c6.js → MediaSeriesCard-cc5aa886.js} +43 -65
  21. package/dist/cjs/MediaSeriesLanding.js +6 -6
  22. package/dist/cjs/MediaSeriesLandingPaginated.js +6 -6
  23. package/dist/cjs/NavDvm.js +1 -1
  24. package/dist/cjs/NavMagazine.js +11 -11
  25. package/dist/cjs/NavNative.js +10 -10
  26. package/dist/cjs/PublicationLanding.js +26 -26
  27. package/dist/cjs/RelatedContent.js +28 -28
  28. package/dist/cjs/RelatedTopicsDropdown.js +10 -10
  29. package/dist/cjs/SeriesListingDeck.js +1 -1
  30. package/dist/cjs/{SeriesSlider-ba0c5d1a.js → SeriesSlider-de93a303.js} +4 -4
  31. package/dist/cjs/SideFooter.js +2 -2
  32. package/dist/cjs/VideoSeriesCard.js +1 -1
  33. package/dist/cjs/View.js +21 -34
  34. package/dist/cjs/YoutubeGroup.js +4 -4
  35. package/dist/cjs/getQuery.js +1 -1
  36. package/dist/cjs/{getTargeting-3c5754ac.js → getTargeting-dab97fe1.js} +9 -9
  37. package/dist/cjs/getTargeting.js +1 -1
  38. package/dist/cjs/index.js +2 -2
  39. package/dist/cjs/ustream-api-3819e4aa.js +1 -1
  40. package/dist/esm/AD.js +1 -1
  41. package/dist/esm/AD300x250.js +1 -1
  42. package/dist/esm/AD300x250x600.js +1 -1
  43. package/dist/esm/AD728x90.js +1 -1
  44. package/dist/esm/ADFloatingFooter.js +1 -1
  45. package/dist/esm/ADFooter.js +1 -1
  46. package/dist/esm/ADGutter.js +1 -1
  47. package/dist/esm/ADSkyscraper.js +1 -1
  48. package/dist/esm/ADSponsoredResources.js +1 -1
  49. package/dist/esm/ADWebcast.js +1 -1
  50. package/dist/esm/ADWelcome.js +1 -1
  51. package/dist/esm/AccordionPanel.js +1 -1
  52. package/dist/esm/AdSlot.js +1 -1
  53. package/dist/esm/AdSlotsProvider.js +1 -1
  54. package/dist/esm/AlgoliaSearch.js +6 -12
  55. package/dist/esm/AlphabeticList.js +1 -1
  56. package/dist/esm/ArticleCarousel.js +1 -1
  57. package/dist/esm/ArticleProgramLandingPage.js +1 -1
  58. package/dist/esm/ArticleSeriesLandingPage.js +1 -1
  59. package/dist/esm/ArticleSeriesListing.js +1 -1
  60. package/dist/esm/Auth.js +18 -20
  61. package/dist/esm/AuthWrapper.js +14 -20
  62. package/dist/esm/Beam.js +1 -1
  63. package/dist/esm/Breadcrumbs.js +1 -1
  64. package/dist/esm/CMEDeck.js +2 -6
  65. package/dist/esm/Column1.js +2 -1
  66. package/dist/esm/Column2.js +2 -1
  67. package/dist/esm/Column3.js +2 -1
  68. package/dist/esm/ConferenceArticleCard.js +16 -16
  69. package/dist/esm/ContentCardPaginated.js +1 -1
  70. package/dist/esm/DeckContent.js +45 -14
  71. package/dist/esm/DeckQueue.js +1 -1
  72. package/dist/esm/DeckQueuePaginated.js +1 -1
  73. package/dist/esm/Dfp-102f0beb.js +1 -1
  74. package/dist/esm/EventsDeck.js +18 -18
  75. package/dist/esm/ExternalResources.js +1 -1
  76. package/dist/esm/Feature.js +1 -1
  77. package/dist/esm/ForbesHero.js +1 -1
  78. package/dist/esm/GridContent.js +1 -1
  79. package/dist/esm/GridContentPaginated.js +1 -1
  80. package/dist/esm/GridHero.js +1 -1
  81. package/dist/esm/GroupDeck.js +1 -1
  82. package/dist/esm/HamMagazine.js +11 -10
  83. package/dist/esm/Header.js +2 -1
  84. package/dist/esm/Hero.js +1 -1
  85. package/dist/esm/HighlightenVideo.js +1 -1
  86. package/dist/esm/HorizontalArticleListing.js +1 -1
  87. package/dist/esm/HorizontalHero.js +1 -1
  88. package/dist/esm/IssueContentDeck.js +1 -1
  89. package/dist/esm/IssueDeck.js +1 -1
  90. package/dist/esm/IssueLanding.js +30 -30
  91. package/dist/esm/KMTracker.js +16 -16
  92. package/dist/esm/LeftNav.js +2 -1
  93. package/dist/esm/MasterDeck.js +11 -11
  94. package/dist/esm/MasterDeckPaginated.js +9 -9
  95. package/dist/esm/{MediaSeriesCard-4c6c664c.js → MediaSeriesCard-2dc3c439.js} +43 -65
  96. package/dist/esm/MediaSeriesLanding.js +7 -7
  97. package/dist/esm/MediaSeriesLandingPaginated.js +7 -7
  98. package/dist/esm/NavDvm.js +2 -1
  99. package/dist/esm/NavMagazine.js +12 -11
  100. package/dist/esm/NavNative.js +11 -10
  101. package/dist/esm/OncliveHero.js +1 -1
  102. package/dist/esm/OncliveLargeHero.js +1 -1
  103. package/dist/esm/PageFilter.js +1 -1
  104. package/dist/esm/PartnerDetailListing.js +1 -1
  105. package/dist/esm/PartnerDetailListingPaginated.js +1 -1
  106. package/dist/esm/PdfDownload.js +1 -1
  107. package/dist/esm/PopUpModal.js +1 -1
  108. package/dist/esm/PubSection.js +1 -1
  109. package/dist/esm/PubToc.js +1 -1
  110. package/dist/esm/PublicationDeck.js +1 -1
  111. package/dist/esm/PublicationLanding.js +27 -27
  112. package/dist/esm/QueueDeckExpanded.js +1 -1
  113. package/dist/esm/QueueDeckExpandedPaginated.js +1 -1
  114. package/dist/esm/RecentNews.js +1 -1
  115. package/dist/esm/RelatedContent.js +29 -29
  116. package/dist/esm/RelatedTopicsDropdown.js +11 -11
  117. package/dist/esm/RolesDeck.js +1 -1
  118. package/dist/esm/Schema.js +1 -1
  119. package/dist/esm/Search.js +1 -1
  120. package/dist/esm/Segment.js +1 -1
  121. package/dist/esm/SeriesListingDeck.js +2 -2
  122. package/dist/esm/{SeriesSlider-45adb8dc.js → SeriesSlider-98ad6d97.js} +4 -4
  123. package/dist/esm/SetCookie.js +1 -1
  124. package/dist/esm/SideFooter.js +3 -3
  125. package/dist/esm/SocialIcons.js +1 -1
  126. package/dist/esm/SocialShare.js +1 -1
  127. package/dist/esm/TaxonomyCard.js +1 -1
  128. package/dist/esm/TaxonomyDescription.js +1 -1
  129. package/dist/esm/TemplateNormal.js +1 -1
  130. package/dist/esm/ThumbnailCard.js +1 -1
  131. package/dist/esm/Ustream.js +1 -1
  132. package/dist/esm/VerticalHero.js +1 -1
  133. package/dist/esm/VideoProgramLandingPage.js +1 -1
  134. package/dist/esm/VideoSeriesCard.js +2 -2
  135. package/dist/esm/VideoSeriesFilter.js +1 -1
  136. package/dist/esm/VideoSeriesLandingPage.js +1 -1
  137. package/dist/esm/VideoSeriesListing.js +1 -1
  138. package/dist/esm/View.js +22 -35
  139. package/dist/esm/YahooHero.js +1 -1
  140. package/dist/esm/YoutubeGroup.js +5 -5
  141. package/dist/esm/getKeywords.js +1 -1
  142. package/dist/esm/getQuery.js +2 -2
  143. package/dist/esm/getRelatedArticle.js +1 -1
  144. package/dist/esm/getRootDocGroup.js +1 -1
  145. package/dist/esm/getSeriesDetail.js +1 -1
  146. package/dist/esm/{getTargeting-42f9b439.js → getTargeting-04d979c9.js} +9 -9
  147. package/dist/esm/getTargeting.js +1 -1
  148. package/dist/esm/index.js +2 -2
  149. package/dist/esm/stringify-2b084bee.js +1 -1
  150. package/dist/esm/timeDifferenceCalc.js +1 -1
  151. package/dist/esm/urlFor.js +1 -1
  152. package/dist/esm/ustream-api-d3714624.js +1 -1
  153. package/package.json +115 -115
@@ -125,9 +125,26 @@ var DeckContent = function (_React$Component) {
125
125
  }
126
126
  });
127
127
  });
128
- }, _this.renderCardImage = function (row, page) {
128
+ }, _this.renderCardImage = function (row, page, lgVar) {
129
+ var getImageWidth = function getImageWidth(lgVar) {
130
+ if (main.main_43 === true) {
131
+ return Number(_this.props.imageWidth) / 2;
132
+ } else if (lgVar === 12) {
133
+ return Number(_this.props.imageWidth);
134
+ } else if (lgVar === 6) {
135
+ return Number(_this.props.imageWidth) / 2;
136
+ } else {
137
+ return Number(_this.props.imageWidth) / (12 / lgVar);
138
+ }
139
+ };
129
140
  if (row.thumbnail && row.thumbnail.asset) {
130
- var url = urlFor({ client: _this.client, source: row.thumbnail, imageHeight: _this.props.imageHeight || null, imageWidth: _this.props.imageWidth || null, imageFit: _this.props.imageFit || null });
141
+ var url = urlFor({
142
+ client: _this.client,
143
+ source: row.thumbnail,
144
+ imageHeight: _this.props.imageHeight || null,
145
+ imageWidth: getImageWidth(lgVar) || null,
146
+ imageFit: _this.props.imageFit || null
147
+ });
131
148
  return url;
132
149
  } else {
133
150
  return _this.defaultImage;
@@ -182,14 +199,14 @@ var DeckContent = function (_React$Component) {
182
199
  var newPath = pageNumber === 1 ? '' + path : path + '?page=' + pageNumber;
183
200
 
184
201
  // please leave this for later debug purpose : Yong Jun.
185
- /* console.log('page change reported', {
186
- currentPage: currentPage,
187
- pageNumber: pageNumber,
188
- pathname: pathname,
189
- path: path,
190
- newPath: newPath,
191
- firstPage: pageNumber === 1,
192
- queryString: queryString
202
+ /* console.log('page change reported', {
203
+ currentPage: currentPage,
204
+ pageNumber: pageNumber,
205
+ pathname: pathname,
206
+ path: path,
207
+ newPath: newPath,
208
+ firstPage: pageNumber === 1,
209
+ queryString: queryString
193
210
  }) */
194
211
 
195
212
  if (pageview) {
@@ -282,7 +299,19 @@ var DeckContent = function (_React$Component) {
282
299
  } else {
283
300
  articles = _this.state.data;
284
301
  }
285
-
302
+ var getImageHeight = function getImageHeight(lgVar, aspectRatio, mobileView) {
303
+ if (mobileView) {
304
+ return Number(_this.props.imageWidth) / (2 * aspectRatio) + 'px';
305
+ } else {
306
+ if (lgVar === 12) {
307
+ return Number(_this.props.imageWidth) / aspectRatio + 'px';
308
+ } else if (lgVar === 6) {
309
+ return Number(_this.props.imageWidth) / (2 * aspectRatio) + 'px';
310
+ } else {
311
+ return Number(_this.props.imageWidth) / (12 / lgVar * aspectRatio) + 'px';
312
+ }
313
+ }
314
+ };
286
315
  return React__default['default'].createElement(
287
316
  Row__default['default'],
288
317
  null,
@@ -316,13 +345,15 @@ var DeckContent = function (_React$Component) {
316
345
  { className: 'content-card', style: { flexDirection: mode } },
317
346
  (row.thumbnail && row.thumbnail.asset || _this.props.defaultImage) && React__default['default'].createElement(
318
347
  'a',
319
- { href: _this.mapping[contentCategoryName] + '/' + row.url.current },
348
+ {
349
+ href: _this.mapping[contentCategoryName] + '/' + row.url.current,
350
+ style: { minHeight: getImageHeight(lgVar, row.thumbnail.asset.metadata.dimensions.aspectRatio, main.main_43) } },
320
351
  React__default['default'].createElement(
321
352
  index$1.LazyLoad,
322
353
  { height: _this.props.imageHeight },
323
354
  React__default['default'].createElement(Card__default['default'].Img, {
324
355
  variant: 'top',
325
- src: _this.renderCardImage(row, page),
356
+ src: _this.renderCardImage(row, page, lgVar),
326
357
  alt: row.thumbnail && row.thumbnail.asset ? row.thumbnail.asset.originalFilename : ''
327
358
  })
328
359
  )
@@ -101,4 +101,4 @@ AD.propTypes = {
101
101
  minInViewPercent: PropTypes__default['default'].number
102
102
  };
103
103
 
104
- exports['default'] = AD;
104
+ exports.default = AD;
@@ -256,23 +256,23 @@ var EventsDeck = function EventsDeck(_ref) {
256
256
  if (cventAccessToken && cventAccessToken !== 'undefined') {
257
257
  setAccessToken(cventAccessToken);
258
258
  } else {
259
- /*const encodedData = window.btoa(clientId + ':' + clientSecret)
260
- //const url = `${corsProxy}https://api-platform.cvent.com/ea/oauth2/token`
261
- const url = `https://api-platform.cvent.com/ea/oauth2/token`
262
- fetch(url, {
263
- headers: {
264
- 'Content-Type': 'application/x-www-form-urlencoded',
265
- Authorization: `Basic ${encodedData}`
266
- },
267
- method: 'POST',
268
- body: `grant_type=client_credentials&client_id=${clientId}`
269
- })
270
- .then((response) => response.json())
271
- .then((json) => {
272
- const inOneHour = new Date(new Date().getTime() + 60 * 60 * 1000)
273
- Cookies.set('cvent_access_token', json.access_token, { expires: inOneHour })
274
- setAccessToken(json.access_token)
275
- })
259
+ /*const encodedData = window.btoa(clientId + ':' + clientSecret)
260
+ //const url = `${corsProxy}https://api-platform.cvent.com/ea/oauth2/token`
261
+ const url = `https://api-platform.cvent.com/ea/oauth2/token`
262
+ fetch(url, {
263
+ headers: {
264
+ 'Content-Type': 'application/x-www-form-urlencoded',
265
+ Authorization: `Basic ${encodedData}`
266
+ },
267
+ method: 'POST',
268
+ body: `grant_type=client_credentials&client_id=${clientId}`
269
+ })
270
+ .then((response) => response.json())
271
+ .then((json) => {
272
+ const inOneHour = new Date(new Date().getTime() + 60 * 60 * 1000)
273
+ Cookies.set('cvent_access_token', json.access_token, { expires: inOneHour })
274
+ setAccessToken(json.access_token)
275
+ })
276
276
  .catch((e) => console.log(e))*/
277
277
  // hello
278
278
  var url = 'https://beam.mjhlifesciences.com/api/cvent/token';
@@ -38,15 +38,15 @@ var Navbar__default = /*#__PURE__*/_interopDefaultLegacy(Navbar);
38
38
  var NavDropdown__default = /*#__PURE__*/_interopDefaultLegacy(NavDropdown);
39
39
 
40
40
  var HamMagazine = function HamMagazine(props) {
41
- /*
42
- Example Nav with acceptable props
43
- <MagazineNav
44
- showLogin
45
- logo={props.settings.logo}
46
- dataObject={props.cache.mainNavCache}
47
- website={website}
48
- subNav={props.cache.subNavCache}
49
- />
41
+ /*
42
+ Example Nav with acceptable props
43
+ <MagazineNav
44
+ showLogin
45
+ logo={props.settings.logo}
46
+ dataObject={props.cache.mainNavCache}
47
+ website={website}
48
+ subNav={props.cache.subNavCache}
49
+ />
50
50
  */
51
51
 
52
52
  // Setting 'socialIconVariant' as 'light' as default to make the social icons and search icon black
@@ -599,4 +599,4 @@ var HamMagazine = function HamMagazine(props) {
599
599
  };
600
600
 
601
601
  exports.HamMagazine = HamMagazine;
602
- exports['default'] = HamMagazine;
602
+ exports.default = HamMagazine;
@@ -36,4 +36,4 @@ var Header = function Header(props) {
36
36
  var Header$1 = React__default['default'].memo(Header);
37
37
 
38
38
  exports.Header = Header;
39
- exports['default'] = Header$1;
39
+ exports.default = Header$1;
@@ -76,35 +76,35 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
76
76
 
77
77
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
78
78
 
79
- /* usage
80
- import Settings, { Ads } from '../../../../settings'
81
- import { IssueLanding, getQuery } from '@mjhls/mjh-framework'
82
- import client from '../../../../client'
83
- import moment from 'moment'
84
- import Shell from '../../../../components/2.0/Shell'
85
- import { pageview } from '../../../../utilities/gtag'
86
-
87
- const Issue = (props) => {
88
- const { pubIssue, cache } = props
89
- const targeting = {
90
- content_placement: [`/publications/${pubIssue.identifier.current}/${pubIssue.issue.identifier.current}`],
91
- document_url: [`/publications/${pubIssue.identifier.current}/${pubIssue.issue.identifier.current}`],
92
- }
93
- return (
94
- <Shell cache={cache} settings={Settings} targeting={targeting} ads={Ads} layout='3' title={pubIssue.issue.name}>
95
- <IssueLanding pubIssue={pubIssue} client={client} settings={Settings} pageview={pageview} rightItems={Ads.getMobileAds(targeting)} />
96
- </Shell>
97
- )
98
- }
99
-
100
- Issue.getInitialProps = async (ctx) => {
101
- const { query } = ctx
102
- const pubIssue = await client.fetch(getQuery('issue'), { ...query, currentDate: moment().utc().format() }
103
- )
104
- return { pubIssue }
105
- }
106
-
107
- export default Issue
79
+ /* usage
80
+ import Settings, { Ads } from '../../../../settings'
81
+ import { IssueLanding, getQuery } from '@mjhls/mjh-framework'
82
+ import client from '../../../../client'
83
+ import moment from 'moment'
84
+ import Shell from '../../../../components/2.0/Shell'
85
+ import { pageview } from '../../../../utilities/gtag'
86
+
87
+ const Issue = (props) => {
88
+ const { pubIssue, cache } = props
89
+ const targeting = {
90
+ content_placement: [`/publications/${pubIssue.identifier.current}/${pubIssue.issue.identifier.current}`],
91
+ document_url: [`/publications/${pubIssue.identifier.current}/${pubIssue.issue.identifier.current}`],
92
+ }
93
+ return (
94
+ <Shell cache={cache} settings={Settings} targeting={targeting} ads={Ads} layout='3' title={pubIssue.issue.name}>
95
+ <IssueLanding pubIssue={pubIssue} client={client} settings={Settings} pageview={pageview} rightItems={Ads.getMobileAds(targeting)} />
96
+ </Shell>
97
+ )
98
+ }
99
+
100
+ Issue.getInitialProps = async (ctx) => {
101
+ const { query } = ctx
102
+ const pubIssue = await client.fetch(getQuery('issue'), { ...query, currentDate: moment().utc().format() }
103
+ )
104
+ return { pubIssue }
105
+ }
106
+
107
+ export default Issue
108
108
  */
109
109
 
110
110
  var IssueLanding = function IssueLanding(props) {
@@ -1,27 +1,27 @@
1
1
  'use strict';
2
2
 
3
3
  var KMTracker = function KMTracker(props) {
4
- var id = props.id;
4
+ var id = props.id;
5
5
 
6
- if (document && id) {
6
+ if (document && id) {
7
7
  (function () {
8
- var ecnJquery = document.createElement('script');
8
+ var ecnJquery = document.createElement('script');
9
9
 
10
- ecnJquery.type = 'text/javascript';
11
- ecnJquery.async = true;
12
- ecnJquery.src = 'https://apidt.ecn5.com/ECN_jQuery.min.js';
10
+ ecnJquery.type = 'text/javascript';
11
+ ecnJquery.async = true;
12
+ ecnJquery.src = 'https://apidt.ecn5.com/ECN_jQuery.min.js';
13
13
 
14
- var ecnScript = document.createElement('script');
14
+ var ecnScript = document.createElement('script');
15
15
 
16
- ecnScript.type = 'text/javascript';
17
- ecnScript.async = true;
18
- ecnScript.id = 'km-tracker';
19
- ecnScript.src = 'https://apidt.ecn5.com/ECN_tracker_Secure.js?TrackerKey=' + id;
16
+ ecnScript.type = 'text/javascript';
17
+ ecnScript.async = true;
18
+ ecnScript.id = 'km-tracker';
19
+ ecnScript.src = 'https://apidt.ecn5.com/ECN_tracker_Secure.js?TrackerKey=' + id;
20
20
 
21
- document.head.appendChild(ecnJquery);
22
- document.head.appendChild(ecnScript);
23
- })();
24
- }
21
+ document.head.appendChild(ecnJquery);
22
+ document.head.appendChild(ecnScript);
23
+ })();
24
+ }
25
25
  };
26
26
 
27
27
  module.exports = KMTracker;
@@ -143,4 +143,4 @@ var LeftNav = function LeftNav(props) {
143
143
  var LeftNav$1 = React__default['default'].memo(LeftNav);
144
144
 
145
145
  exports.LeftNav = LeftNav;
146
- exports['default'] = LeftNav$1;
146
+ exports.default = LeftNav$1;
@@ -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) {
@@ -358,7 +358,7 @@ var MasterDeck = function (_React$Component) {
358
358
  React__default['default'].createElement(
359
359
  React__default['default'].Fragment,
360
360
  { key: index },
361
- React__default['default'].createElement(_this2.Deck, _extends._extends({}, _this.props, { data: row, variant: variant, index: index, client: _this.props.client, defaultImage: _this.defaultImage, isSeriesLanding: _this.isSeriesLanding })),
361
+ React__default['default'].createElement(_this2.Deck, { data: row, variant: variant, index: index, client: _this.props.client, defaultImage: _this.defaultImage, isSeriesLanding: _this.isSeriesLanding }),
362
362
  _this.state.mobileView && _this.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && React__default['default'].createElement(
363
363
  'div',
364
364
  { className: 'ad-container', style: { margin: '0 auto' } },
@@ -383,7 +383,7 @@ var MasterDeck = function (_React$Component) {
383
383
  React__default['default'].createElement(
384
384
  React__default['default'].Fragment,
385
385
  { key: index },
386
- React__default['default'].createElement(_this2.Deck, _extends._extends({}, _this.props, { data: row, variant: variant, index: index, client: _this.props.client, defaultImage: _this.defaultImage, isSeriesLanding: _this.isSeriesLanding }))
386
+ React__default['default'].createElement(_this2.Deck, { data: row, variant: variant, index: index, client: _this.props.client, defaultImage: _this.defaultImage, isSeriesLanding: _this.isSeriesLanding })
387
387
  )
388
388
  );
389
389
  }
@@ -115,14 +115,14 @@ var MasterDeck = function (_React$Component) {
115
115
  }
116
116
 
117
117
  // please leave this for later debug purpose : Yong Jun.
118
- /* console.log('page change reported', {
119
- currentPage: currentPage,
120
- pageNumber: pageNumber,
121
- pathname: pathname,
122
- path: path,
123
- newPath: newPath,
124
- firstPage: pageNumber === 1,
125
- queryString: queryString
118
+ /* console.log('page change reported', {
119
+ currentPage: currentPage,
120
+ pageNumber: pageNumber,
121
+ pathname: pathname,
122
+ path: path,
123
+ newPath: newPath,
124
+ firstPage: pageNumber === 1,
125
+ queryString: queryString
126
126
  }) */
127
127
 
128
128
  if (pageview) {
@@ -2634,6 +2634,45 @@ function getBasePlacement(placement) {
2634
2634
  return placement.split('-')[0];
2635
2635
  }
2636
2636
 
2637
+ function getBoundingClientRect(element) {
2638
+ var rect = element.getBoundingClientRect();
2639
+ return {
2640
+ width: rect.width,
2641
+ height: rect.height,
2642
+ top: rect.top,
2643
+ right: rect.right,
2644
+ bottom: rect.bottom,
2645
+ left: rect.left,
2646
+ x: rect.left,
2647
+ y: rect.top
2648
+ };
2649
+ }
2650
+
2651
+ // means it doesn't take into account transforms.
2652
+
2653
+ function getLayoutRect(element) {
2654
+ var clientRect = getBoundingClientRect(element); // Use the clientRect sizes if it's not been transformed.
2655
+ // Fixes https://github.com/popperjs/popper-core/issues/1223
2656
+
2657
+ var width = element.offsetWidth;
2658
+ var height = element.offsetHeight;
2659
+
2660
+ if (Math.abs(clientRect.width - width) <= 1) {
2661
+ width = clientRect.width;
2662
+ }
2663
+
2664
+ if (Math.abs(clientRect.height - height) <= 1) {
2665
+ height = clientRect.height;
2666
+ }
2667
+
2668
+ return {
2669
+ x: element.offsetLeft,
2670
+ y: element.offsetTop,
2671
+ width: width,
2672
+ height: height
2673
+ };
2674
+ }
2675
+
2637
2676
  function getWindow(node) {
2638
2677
  if (node == null) {
2639
2678
  return window;
@@ -2667,59 +2706,6 @@ function isShadowRoot(node) {
2667
2706
  return node instanceof OwnElement || node instanceof ShadowRoot;
2668
2707
  }
2669
2708
 
2670
- var round$1 = Math.round;
2671
- function getBoundingClientRect(element, includeScale) {
2672
- if (includeScale === void 0) {
2673
- includeScale = false;
2674
- }
2675
-
2676
- var rect = element.getBoundingClientRect();
2677
- var scaleX = 1;
2678
- var scaleY = 1;
2679
-
2680
- if (isHTMLElement(element) && includeScale) {
2681
- // Fallback to 1 in case both values are `0`
2682
- scaleX = rect.width / element.offsetWidth || 1;
2683
- scaleY = rect.height / element.offsetHeight || 1;
2684
- }
2685
-
2686
- return {
2687
- width: round$1(rect.width / scaleX),
2688
- height: round$1(rect.height / scaleY),
2689
- top: round$1(rect.top / scaleY),
2690
- right: round$1(rect.right / scaleX),
2691
- bottom: round$1(rect.bottom / scaleY),
2692
- left: round$1(rect.left / scaleX),
2693
- x: round$1(rect.left / scaleX),
2694
- y: round$1(rect.top / scaleY)
2695
- };
2696
- }
2697
-
2698
- // means it doesn't take into account transforms.
2699
-
2700
- function getLayoutRect(element) {
2701
- var clientRect = getBoundingClientRect(element); // Use the clientRect sizes if it's not been transformed.
2702
- // Fixes https://github.com/popperjs/popper-core/issues/1223
2703
-
2704
- var width = element.offsetWidth;
2705
- var height = element.offsetHeight;
2706
-
2707
- if (Math.abs(clientRect.width - width) <= 1) {
2708
- width = clientRect.width;
2709
- }
2710
-
2711
- if (Math.abs(clientRect.height - height) <= 1) {
2712
- height = clientRect.height;
2713
- }
2714
-
2715
- return {
2716
- x: element.offsetLeft,
2717
- y: element.offsetTop,
2718
- width: width,
2719
- height: height
2720
- };
2721
- }
2722
-
2723
2709
  function contains$1(parent, child) {
2724
2710
  var rootNode = child.getRootNode && child.getRootNode(); // First, attempt with faster native method
2725
2711
 
@@ -3946,24 +3932,16 @@ function getNodeScroll(node) {
3946
3932
  }
3947
3933
  }
3948
3934
 
3949
- function isElementScaled(element) {
3950
- var rect = element.getBoundingClientRect();
3951
- var scaleX = rect.width / element.offsetWidth || 1;
3952
- var scaleY = rect.height / element.offsetHeight || 1;
3953
- return scaleX !== 1 || scaleY !== 1;
3954
- } // Returns the composite rect of an element relative to its offsetParent.
3955
3935
  // Composite means it takes into account transforms as well as layout.
3956
3936
 
3957
-
3958
3937
  function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {
3959
3938
  if (isFixed === void 0) {
3960
3939
  isFixed = false;
3961
3940
  }
3962
3941
 
3963
- var isOffsetParentAnElement = isHTMLElement(offsetParent);
3964
- var offsetParentIsScaled = isHTMLElement(offsetParent) && isElementScaled(offsetParent);
3965
3942
  var documentElement = getDocumentElement(offsetParent);
3966
- var rect = getBoundingClientRect(elementOrVirtualElement, offsetParentIsScaled);
3943
+ var rect = getBoundingClientRect(elementOrVirtualElement);
3944
+ var isOffsetParentAnElement = isHTMLElement(offsetParent);
3967
3945
  var scroll = {
3968
3946
  scrollLeft: 0,
3969
3947
  scrollTop: 0
@@ -3980,7 +3958,7 @@ function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {
3980
3958
  }
3981
3959
 
3982
3960
  if (isHTMLElement(offsetParent)) {
3983
- offsets = getBoundingClientRect(offsetParent, true);
3961
+ offsets = getBoundingClientRect(offsetParent);
3984
3962
  offsets.x += offsetParent.clientLeft;
3985
3963
  offsets.y += offsetParent.clientTop;
3986
3964
  } else if (documentElement) {
@@ -9457,7 +9435,7 @@ var Tooltip = React__default['default'].forwardRef(function (_ref, ref) {
9457
9435
  Tooltip.defaultProps = defaultProps;
9458
9436
  Tooltip.displayName = 'Tooltip';
9459
9437
 
9460
- 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";
9461
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" };
9462
9440
  styleInject_es.styleInject(css);
9463
9441
 
@@ -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-0c0fa2c6.js');
8
+ var MediaSeriesCard = require('./MediaSeriesCard-cc5aa886.js');
9
9
  require('./index-50be6759.js');
10
10
  require('react-dom');
11
11
  var Link = require('next/link');
@@ -99,11 +99,11 @@ var Filter = function Filter(_ref) {
99
99
  _useState6 = slicedToArray._slicedToArray(_useState5, 2),
100
100
  grandChildData = _useState6[0],
101
101
  setGrandChildData = _useState6[1];
102
- /*
103
- {parent: showAll,
104
- chidlren: show selected from parent,
105
- grandchildren: show selected from children
106
- }
102
+ /*
103
+ {parent: showAll,
104
+ chidlren: show selected from parent,
105
+ grandchildren: show selected from children
106
+ }
107
107
  */
108
108
 
109
109
 
@@ -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-0c0fa2c6.js');
8
+ var MediaSeriesCard = require('./MediaSeriesCard-cc5aa886.js');
9
9
  require('./index-50be6759.js');
10
10
  require('react-dom');
11
11
  var Link = require('next/link');
@@ -100,11 +100,11 @@ var Filter = function Filter(_ref) {
100
100
  _useState6 = slicedToArray._slicedToArray(_useState5, 2),
101
101
  grandChildData = _useState6[0],
102
102
  setGrandChildData = _useState6[1];
103
- /*
104
- {parent: showAll,
105
- chidlren: show selected from parent,
106
- grandchildren: show selected from children
107
- }
103
+ /*
104
+ {parent: showAll,
105
+ chidlren: show selected from parent,
106
+ grandchildren: show selected from children
107
+ }
108
108
  */
109
109
 
110
110
 
@@ -242,4 +242,4 @@ var NavDvm = function NavDvm(props) {
242
242
  };
243
243
 
244
244
  exports.NavDvm = NavDvm;
245
- exports['default'] = NavDvm;
245
+ exports.default = NavDvm;
@@ -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
@@ -592,4 +592,4 @@ var NavMagazine = function NavMagazine(props) {
592
592
  var MagazineNav = React__default['default'].memo(NavMagazine);
593
593
 
594
594
  exports.NavMagazine = NavMagazine;
595
- exports['default'] = MagazineNav;
595
+ exports.default = MagazineNav;
@@ -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,
@@ -858,4 +858,4 @@ var NavNative = function NavNative(props) {
858
858
  };
859
859
 
860
860
  exports.NavNative = NavNative;
861
- exports['default'] = NavNative;
861
+ exports.default = NavNative;