@mjhls/mjh-framework 1.0.655 → 1.0.657

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 (10) hide show
  1. package/README.md +1 -1
  2. package/dist/cjs/HamMagazine.js +3 -2
  3. package/dist/cjs/NavMagazine.js +2 -1
  4. package/dist/cjs/NavNative.js +2 -1
  5. package/dist/cjs/View.js +30 -13
  6. package/dist/esm/HamMagazine.js +3 -2
  7. package/dist/esm/NavMagazine.js +2 -1
  8. package/dist/esm/NavNative.js +2 -1
  9. package/dist/esm/View.js +30 -13
  10. package/package.json +1 -1
package/README.md CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- # mjh-framework v. 1.0.655
2
+ # mjh-framework v. 1.0.657
3
3
 
4
4
  > Foundation Framework
5
5
 
package/dist/cjs/HamMagazine.js CHANGED
@@ -128,7 +128,8 @@ var HamMagazine = function HamMagazine(props) {
128
128
  if (window.innerWidth < 768 && resolution >= 768) {
129
129
  console.log('Detected Mobile Resolution');
130
130
  window.location.reload();
131
- } else if (window.innerWidth >= 768 && resolution < 768) {
131
+ // Updating the condition to reload the page on resize in desktop view
132
+ } else if (window.innerWidth >= 768) {
132
133
  console.log('Detected Tablet/Desktop Resolution');
133
134
  window.location.reload();
134
135
  }
@@ -539,7 +540,7 @@ var HamMagazine = function HamMagazine(props) {
539
540
  React__default.createElement(
540
541
  'style',
541
542
  { jsx: 'true' },
542
- '\n .sticky-home {\n position: relative;\n top: -3px;\n left: -6px;\n cursor: pointer;\n }\n .nav-item svg {\n margin-bottom: 2px;\n }\n #nav-login,\n #nav-logout,\n #nav-register {\n padding: 0.5rem;\n cursor: pointer;\n }\n #nav-mobile-login,\n #nav-mobile-logout,\n #nav-mobile-register {\n display: none;\n }\n #nav-mobile-logout,\n #nav-mobile-login {\n position: absolute;\n right: 1rem;\n }\n #nav-mobile-register {\n position: absolute;\n left: 1rem;\n }\n\n @media screen and (max-width: 767px) {\n .logo {\n width: 100%;\n padding-left: 10px;\n padding-right: 10px;\n }\n }\n @media screen and (max-width: 1199px) {\n .mobile-nav .nav-toggle {\n width: 100%;\n }\n .nav-open {\n position: relative;\n }\n\n .mobile-nav .nav-toggle {\n width: 100%;\n }\n\n .android-nav {\n max-height: 80vh;\n }\n\n .ios-nav {\n max-height: none;\n }\n\n .mobile-nav .nav-toggle .navbar-toggler {\n float: left;\n height: 45px;\n }\n .mobile-nav .form-inline .mobile-search {\n width: auto;\n }\n .sticky-home {\n display: none;\n }\n // .dropdown-menu {\n // max-height: 315px;\n // overflow: auto;\n // }\n ::-webkit-scrollbar {\n width: 10px;\n }\n ::-webkit-scrollbar-thumb {\n border-radius: 4px;\n background-color: rgba(214, 214, 214, 0.8);\n box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n }\n .navbar-expand-xl .show#basic-navbar-sub {\n display: block;\n }\n .navbar .mobile-nav .navbar-collapse.show {\n padding-bottom: 10px;\n border-bottom: 0.5px solid white;\n }\n .navbar .mobile-nav .navbar-collapse .form-inline {\n display: none;\n }\n .navbar .mobile-nav .navbar-collapse {\n margin-top: 15px;\n }\n .navbar .mobile-nav .navbar-collapse:last-child {\n border-bottom: none;\n margin-bottom: 0px;\n padding-bottom: 0px;\n margin-top: 0px;\n padding-top: 10px;\n }\n .navbar .mobile-nav .navbar-collapse .nav-footer ul {\n list-style-type: none;\n padding: inherit;\n margin-bottom: 0rem;\n }\n .navbar .mobile-nav .navbar-collapse .nav-footer .nav-link {\n text-transform: capitalize !important;\n font-weight: 300;\n }\n .navbar .mobile-nav .dropdown-item:focus {\n background-color: #696969;\n }\n .navbar .mobile-nav .dropdown-menu .dropdown-item {\n color: white;\n white-space: inherit !important;\n margin-bottom: 5px;\n }\n .navbar .mobile-nav .dropdown-menu {\n background: inherit;\n border: none;\n }\n // .navbar .mobile-nav .dropdown-menu.show {\n // max-height: 100px;\n // }\n }\n @media screen and (min-width: 1200px) {\n #navbar-ham {\n overflow: visible !important;\n }\n #basic-navbar-sub {\n display: none !important;\n }\n .navbar .mobile-nav .dropdown-menu .dropdown-item {\n color: #696969;\n }\n .navbar .mobile-nav .dropdown-menu {\n background: white;\n border: 1 px solid #708090;\n }\n\n .navbar.bg-primary {\n z-index: 3000000 !important;\n }\n }\n @media screen and (max-width: 1199px) {\n #nav-mobile-login,\n #nav-mobile-logout,\n #nav-mobile-register {\n display: block;\n }\n .navbar-top {\n flex-direction: row;\n justify-content: space-around !important;\n align-items: center;\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n width: 100%;\n }\n }\n '
543
+ '\n .sticky-home {\n position: relative;\n top: -3px;\n left: -6px;\n cursor: pointer;\n }\n .nav-item svg {\n margin-bottom: 2px;\n }\n #nav-login,\n #nav-logout,\n #nav-register {\n padding: 0.5rem;\n cursor: pointer;\n }\n #nav-mobile-login,\n #nav-mobile-logout,\n #nav-mobile-register {\n display: none;\n }\n #nav-mobile-logout,\n #nav-mobile-login {\n position: absolute;\n right: 1rem;\n }\n #nav-mobile-register {\n position: absolute;\n left: 1rem;\n }\n\n @media screen and (max-width: 767px) {\n .logo {\n width: 100%;\n padding-left: 10px;\n padding-right: 10px;\n }\n }\n @media screen and (max-width: 1199px) {\n .mobile-nav .nav-toggle {\n width: 100%;\n }\n .nav-open {\n position: relative;\n }\n\n .mobile-nav .nav-toggle {\n width: 100%;\n }\n\n .android-nav {\n max-height: 80vh;\n }\n\n .ios-nav {\n max-height: none;\n }\n\n .mobile-nav .nav-toggle .navbar-toggler {\n float: left;\n height: 45px;\n }\n .mobile-nav .form-inline .mobile-search {\n width: auto;\n }\n .sticky-home {\n display: none;\n }\n // .dropdown-menu {\n // max-height: 315px;\n // overflow: auto;\n // }\n ::-webkit-scrollbar {\n width: 10px;\n }\n ::-webkit-scrollbar-thumb {\n border-radius: 4px;\n background-color: rgba(214, 214, 214, 0.8);\n box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n }\n .navbar-expand-xl .show#basic-navbar-sub {\n display: block;\n }\n .navbar .mobile-nav .navbar-collapse.show {\n padding-bottom: 10px;\n border-bottom: 0.5px solid white;\n }\n .navbar .mobile-nav .navbar-collapse .form-inline {\n display: none;\n }\n .navbar .mobile-nav .navbar-collapse {\n margin-top: 15px;\n }\n .navbar .mobile-nav .navbar-collapse:last-child {\n border-bottom: none;\n margin-bottom: 0px;\n padding-bottom: 0px;\n margin-top: 0px;\n padding-top: 10px;\n }\n .navbar .mobile-nav .navbar-collapse .nav-footer ul {\n list-style-type: none;\n padding: inherit;\n margin-bottom: 0rem;\n }\n .navbar .mobile-nav .navbar-collapse .nav-footer .nav-link {\n text-transform: capitalize !important;\n font-weight: 300;\n }\n .navbar .mobile-nav .dropdown-item:focus {\n background-color: #696969;\n }\n .navbar .mobile-nav .dropdown-menu .dropdown-item {\n color: white;\n white-space: inherit !important;\n margin-bottom: 5px;\n }\n .navbar .mobile-nav .dropdown-menu {\n background: inherit;\n border: none;\n }\n // .navbar .mobile-nav .dropdown-menu.show {\n // max-height: 100px;\n // }\n }\n @media screen and (min-width: 1200px) {\n #basic-navbar-sub {\n display: none !important;\n }\n #navbar-ham {\n overflow: visible !important;\n }\n .navbar .mobile-nav .dropdown-menu .dropdown-item {\n color: #696969;\n }\n .navbar .mobile-nav .dropdown-menu {\n background: white;\n border: 1 px solid #708090;\n }\n\n .navbar.bg-primary {\n z-index: 3000000 !important;\n }\n }\n @media screen and (max-width: 1199px) {\n #nav-mobile-login,\n #nav-mobile-logout,\n #nav-mobile-register {\n display: block;\n }\n .navbar-top {\n flex-direction: row;\n justify-content: space-around !important;\n align-items: center;\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n width: 100%;\n }\n }\n '
543
544
  )
544
545
  );
545
546
  };
package/dist/cjs/NavMagazine.js CHANGED
@@ -130,7 +130,8 @@ var NavMagazine = function NavMagazine(props) {
130
130
  if (window.innerWidth < 768 && resolution >= 768) {
131
131
  console.log('Detected Mobile Resolution');
132
132
  window.location.reload();
133
- } else if (window.innerWidth >= 768 && resolution < 768) {
133
+ // Updating the condition to reload the page on resize in desktop view
134
+ } else if (window.innerWidth >= 768) {
134
135
  console.log('Detected Tablet/Desktop Resolution');
135
136
  window.location.reload();
136
137
  }
package/dist/cjs/NavNative.js CHANGED
@@ -99,7 +99,8 @@ var NavNative = function NavNative(props) {
99
99
  if (window.innerWidth < 768 && resolution >= 768) {
100
100
  console.log('Detected Mobile Resolution');
101
101
  window.location.reload();
102
- } else if (window.innerWidth >= 768 && resolution < 768) {
102
+ // Updating the condition to reload the page on resize in desktop view
103
+ } else if (window.innerWidth >= 768) {
103
104
  console.log('Detected Tablet/Desktop Resolution');
104
105
  window.location.reload();
105
106
  }
package/dist/cjs/View.js CHANGED
@@ -340,6 +340,9 @@ var Article = function Article(props) {
340
340
  article.contextualAD = false;
341
341
  showRelatedArticles = false;
342
342
  }
343
+ if (article.disableRelatedContent) {
344
+ showRelatedArticles = false;
345
+ }
343
346
  //This was being done in ArticleQueue2 which wasnt effecting articles excluded from infinite scroll, moved inside article component
344
347
  if (!sponsoredFlag && Ads.getVideoContextualAD) {
345
348
  article.contextualVideoAD = Ads.getVideoContextualAD(getTargeting.getTargeting(props, 'in-context_video'));
@@ -923,15 +926,19 @@ var Article = function Article(props) {
923
926
  )
924
927
  ),
925
928
  React__default.createElement('div', { className: 'clearfix', style: { minHeight: '1px' } }),
926
- React__default.createElement(
927
- 'div',
928
- null,
929
- React__default.createElement(RelevantTopics, null)
930
- ),
931
929
  showRelatedArticles && React__default.createElement(
932
- 'div',
933
- { className: 'pt-2' },
934
- React__default.createElement(RelatedArticle, { articles: article.relatedArticle, client: client })
930
+ React__default.Fragment,
931
+ null,
932
+ React__default.createElement(
933
+ 'div',
934
+ null,
935
+ React__default.createElement(RelevantTopics, null)
936
+ ),
937
+ React__default.createElement(
938
+ 'div',
939
+ { className: 'pt-2' },
940
+ React__default.createElement(RelatedArticle, { articles: article.relatedArticle, client: client })
941
+ )
935
942
  )
936
943
  ),
937
944
  renderIsiContent(props.article)
@@ -1474,18 +1481,28 @@ View.returnGetInitialProps = function () {
1474
1481
  sponsoredFlag = true;
1475
1482
  }
1476
1483
 
1477
- if (!article) {
1484
+ if (!article.disableRelatedContent) {
1478
1485
  _context.next = 14;
1479
1486
  break;
1480
1487
  }
1481
1488
 
1482
- _context.next = 13;
1489
+ article.relatedArticle = null;
1490
+ _context.next = 18;
1491
+ break;
1492
+
1493
+ case 14:
1494
+ if (!article) {
1495
+ _context.next = 18;
1496
+ break;
1497
+ }
1498
+
1499
+ _context.next = 17;
1483
1500
  return getRelatedArticle(context, client, article, prevUrl, '0..2');
1484
1501
 
1485
- case 13:
1502
+ case 17:
1486
1503
  article.relatedArticle = _context.sent;
1487
1504
 
1488
- case 14:
1505
+ case 18:
1489
1506
  return _context.abrupt('return', {
1490
1507
  url: url,
1491
1508
  sao: sao,
@@ -1496,7 +1513,7 @@ View.returnGetInitialProps = function () {
1496
1513
  sponsoredFlag: sponsoredFlag
1497
1514
  });
1498
1515
 
1499
- case 15:
1516
+ case 19:
1500
1517
  case 'end':
1501
1518
  return _context.stop();
1502
1519
  }
package/dist/esm/HamMagazine.js CHANGED
@@ -121,7 +121,8 @@ var HamMagazine = function HamMagazine(props) {
121
121
  if (window.innerWidth < 768 && resolution >= 768) {
122
122
  console.log('Detected Mobile Resolution');
123
123
  window.location.reload();
124
- } else if (window.innerWidth >= 768 && resolution < 768) {
124
+ // Updating the condition to reload the page on resize in desktop view
125
+ } else if (window.innerWidth >= 768) {
125
126
  console.log('Detected Tablet/Desktop Resolution');
126
127
  window.location.reload();
127
128
  }
@@ -532,7 +533,7 @@ var HamMagazine = function HamMagazine(props) {
532
533
  React__default.createElement(
533
534
  'style',
534
535
  { jsx: 'true' },
535
- '\n .sticky-home {\n position: relative;\n top: -3px;\n left: -6px;\n cursor: pointer;\n }\n .nav-item svg {\n margin-bottom: 2px;\n }\n #nav-login,\n #nav-logout,\n #nav-register {\n padding: 0.5rem;\n cursor: pointer;\n }\n #nav-mobile-login,\n #nav-mobile-logout,\n #nav-mobile-register {\n display: none;\n }\n #nav-mobile-logout,\n #nav-mobile-login {\n position: absolute;\n right: 1rem;\n }\n #nav-mobile-register {\n position: absolute;\n left: 1rem;\n }\n\n @media screen and (max-width: 767px) {\n .logo {\n width: 100%;\n padding-left: 10px;\n padding-right: 10px;\n }\n }\n @media screen and (max-width: 1199px) {\n .mobile-nav .nav-toggle {\n width: 100%;\n }\n .nav-open {\n position: relative;\n }\n\n .mobile-nav .nav-toggle {\n width: 100%;\n }\n\n .android-nav {\n max-height: 80vh;\n }\n\n .ios-nav {\n max-height: none;\n }\n\n .mobile-nav .nav-toggle .navbar-toggler {\n float: left;\n height: 45px;\n }\n .mobile-nav .form-inline .mobile-search {\n width: auto;\n }\n .sticky-home {\n display: none;\n }\n // .dropdown-menu {\n // max-height: 315px;\n // overflow: auto;\n // }\n ::-webkit-scrollbar {\n width: 10px;\n }\n ::-webkit-scrollbar-thumb {\n border-radius: 4px;\n background-color: rgba(214, 214, 214, 0.8);\n box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n }\n .navbar-expand-xl .show#basic-navbar-sub {\n display: block;\n }\n .navbar .mobile-nav .navbar-collapse.show {\n padding-bottom: 10px;\n border-bottom: 0.5px solid white;\n }\n .navbar .mobile-nav .navbar-collapse .form-inline {\n display: none;\n }\n .navbar .mobile-nav .navbar-collapse {\n margin-top: 15px;\n }\n .navbar .mobile-nav .navbar-collapse:last-child {\n border-bottom: none;\n margin-bottom: 0px;\n padding-bottom: 0px;\n margin-top: 0px;\n padding-top: 10px;\n }\n .navbar .mobile-nav .navbar-collapse .nav-footer ul {\n list-style-type: none;\n padding: inherit;\n margin-bottom: 0rem;\n }\n .navbar .mobile-nav .navbar-collapse .nav-footer .nav-link {\n text-transform: capitalize !important;\n font-weight: 300;\n }\n .navbar .mobile-nav .dropdown-item:focus {\n background-color: #696969;\n }\n .navbar .mobile-nav .dropdown-menu .dropdown-item {\n color: white;\n white-space: inherit !important;\n margin-bottom: 5px;\n }\n .navbar .mobile-nav .dropdown-menu {\n background: inherit;\n border: none;\n }\n // .navbar .mobile-nav .dropdown-menu.show {\n // max-height: 100px;\n // }\n }\n @media screen and (min-width: 1200px) {\n #navbar-ham {\n overflow: visible !important;\n }\n #basic-navbar-sub {\n display: none !important;\n }\n .navbar .mobile-nav .dropdown-menu .dropdown-item {\n color: #696969;\n }\n .navbar .mobile-nav .dropdown-menu {\n background: white;\n border: 1 px solid #708090;\n }\n\n .navbar.bg-primary {\n z-index: 3000000 !important;\n }\n }\n @media screen and (max-width: 1199px) {\n #nav-mobile-login,\n #nav-mobile-logout,\n #nav-mobile-register {\n display: block;\n }\n .navbar-top {\n flex-direction: row;\n justify-content: space-around !important;\n align-items: center;\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n width: 100%;\n }\n }\n '
536
+ '\n .sticky-home {\n position: relative;\n top: -3px;\n left: -6px;\n cursor: pointer;\n }\n .nav-item svg {\n margin-bottom: 2px;\n }\n #nav-login,\n #nav-logout,\n #nav-register {\n padding: 0.5rem;\n cursor: pointer;\n }\n #nav-mobile-login,\n #nav-mobile-logout,\n #nav-mobile-register {\n display: none;\n }\n #nav-mobile-logout,\n #nav-mobile-login {\n position: absolute;\n right: 1rem;\n }\n #nav-mobile-register {\n position: absolute;\n left: 1rem;\n }\n\n @media screen and (max-width: 767px) {\n .logo {\n width: 100%;\n padding-left: 10px;\n padding-right: 10px;\n }\n }\n @media screen and (max-width: 1199px) {\n .mobile-nav .nav-toggle {\n width: 100%;\n }\n .nav-open {\n position: relative;\n }\n\n .mobile-nav .nav-toggle {\n width: 100%;\n }\n\n .android-nav {\n max-height: 80vh;\n }\n\n .ios-nav {\n max-height: none;\n }\n\n .mobile-nav .nav-toggle .navbar-toggler {\n float: left;\n height: 45px;\n }\n .mobile-nav .form-inline .mobile-search {\n width: auto;\n }\n .sticky-home {\n display: none;\n }\n // .dropdown-menu {\n // max-height: 315px;\n // overflow: auto;\n // }\n ::-webkit-scrollbar {\n width: 10px;\n }\n ::-webkit-scrollbar-thumb {\n border-radius: 4px;\n background-color: rgba(214, 214, 214, 0.8);\n box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n }\n .navbar-expand-xl .show#basic-navbar-sub {\n display: block;\n }\n .navbar .mobile-nav .navbar-collapse.show {\n padding-bottom: 10px;\n border-bottom: 0.5px solid white;\n }\n .navbar .mobile-nav .navbar-collapse .form-inline {\n display: none;\n }\n .navbar .mobile-nav .navbar-collapse {\n margin-top: 15px;\n }\n .navbar .mobile-nav .navbar-collapse:last-child {\n border-bottom: none;\n margin-bottom: 0px;\n padding-bottom: 0px;\n margin-top: 0px;\n padding-top: 10px;\n }\n .navbar .mobile-nav .navbar-collapse .nav-footer ul {\n list-style-type: none;\n padding: inherit;\n margin-bottom: 0rem;\n }\n .navbar .mobile-nav .navbar-collapse .nav-footer .nav-link {\n text-transform: capitalize !important;\n font-weight: 300;\n }\n .navbar .mobile-nav .dropdown-item:focus {\n background-color: #696969;\n }\n .navbar .mobile-nav .dropdown-menu .dropdown-item {\n color: white;\n white-space: inherit !important;\n margin-bottom: 5px;\n }\n .navbar .mobile-nav .dropdown-menu {\n background: inherit;\n border: none;\n }\n // .navbar .mobile-nav .dropdown-menu.show {\n // max-height: 100px;\n // }\n }\n @media screen and (min-width: 1200px) {\n #basic-navbar-sub {\n display: none !important;\n }\n #navbar-ham {\n overflow: visible !important;\n }\n .navbar .mobile-nav .dropdown-menu .dropdown-item {\n color: #696969;\n }\n .navbar .mobile-nav .dropdown-menu {\n background: white;\n border: 1 px solid #708090;\n }\n\n .navbar.bg-primary {\n z-index: 3000000 !important;\n }\n }\n @media screen and (max-width: 1199px) {\n #nav-mobile-login,\n #nav-mobile-logout,\n #nav-mobile-register {\n display: block;\n }\n .navbar-top {\n flex-direction: row;\n justify-content: space-around !important;\n align-items: center;\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n width: 100%;\n }\n }\n '
536
537
  )
537
538
  );
538
539
  };
package/dist/esm/NavMagazine.js CHANGED
@@ -123,7 +123,8 @@ var NavMagazine = function NavMagazine(props) {
123
123
  if (window.innerWidth < 768 && resolution >= 768) {
124
124
  console.log('Detected Mobile Resolution');
125
125
  window.location.reload();
126
- } else if (window.innerWidth >= 768 && resolution < 768) {
126
+ // Updating the condition to reload the page on resize in desktop view
127
+ } else if (window.innerWidth >= 768) {
127
128
  console.log('Detected Tablet/Desktop Resolution');
128
129
  window.location.reload();
129
130
  }
package/dist/esm/NavNative.js CHANGED
@@ -92,7 +92,8 @@ var NavNative = function NavNative(props) {
92
92
  if (window.innerWidth < 768 && resolution >= 768) {
93
93
  console.log('Detected Mobile Resolution');
94
94
  window.location.reload();
95
- } else if (window.innerWidth >= 768 && resolution < 768) {
95
+ // Updating the condition to reload the page on resize in desktop view
96
+ } else if (window.innerWidth >= 768) {
96
97
  console.log('Detected Tablet/Desktop Resolution');
97
98
  window.location.reload();
98
99
  }
package/dist/esm/View.js CHANGED
@@ -334,6 +334,9 @@ var Article = function Article(props) {
334
334
  article.contextualAD = false;
335
335
  showRelatedArticles = false;
336
336
  }
337
+ if (article.disableRelatedContent) {
338
+ showRelatedArticles = false;
339
+ }
337
340
  //This was being done in ArticleQueue2 which wasnt effecting articles excluded from infinite scroll, moved inside article component
338
341
  if (!sponsoredFlag && Ads.getVideoContextualAD) {
339
342
  article.contextualVideoAD = Ads.getVideoContextualAD(getTargeting(props, 'in-context_video'));
@@ -917,15 +920,19 @@ var Article = function Article(props) {
917
920
  )
918
921
  ),
919
922
  React__default.createElement('div', { className: 'clearfix', style: { minHeight: '1px' } }),
920
- React__default.createElement(
921
- 'div',
922
- null,
923
- React__default.createElement(RelevantTopics, null)
924
- ),
925
923
  showRelatedArticles && React__default.createElement(
926
- 'div',
927
- { className: 'pt-2' },
928
- React__default.createElement(RelatedArticle, { articles: article.relatedArticle, client: client })
924
+ React__default.Fragment,
925
+ null,
926
+ React__default.createElement(
927
+ 'div',
928
+ null,
929
+ React__default.createElement(RelevantTopics, null)
930
+ ),
931
+ React__default.createElement(
932
+ 'div',
933
+ { className: 'pt-2' },
934
+ React__default.createElement(RelatedArticle, { articles: article.relatedArticle, client: client })
935
+ )
929
936
  )
930
937
  ),
931
938
  renderIsiContent(props.article)
@@ -1468,18 +1475,28 @@ View.returnGetInitialProps = function () {
1468
1475
  sponsoredFlag = true;
1469
1476
  }
1470
1477
 
1471
- if (!article) {
1478
+ if (!article.disableRelatedContent) {
1472
1479
  _context.next = 14;
1473
1480
  break;
1474
1481
  }
1475
1482
 
1476
- _context.next = 13;
1483
+ article.relatedArticle = null;
1484
+ _context.next = 18;
1485
+ break;
1486
+
1487
+ case 14:
1488
+ if (!article) {
1489
+ _context.next = 18;
1490
+ break;
1491
+ }
1492
+
1493
+ _context.next = 17;
1477
1494
  return getRelatedArticle(context, client, article, prevUrl, '0..2');
1478
1495
 
1479
- case 13:
1496
+ case 17:
1480
1497
  article.relatedArticle = _context.sent;
1481
1498
 
1482
- case 14:
1499
+ case 18:
1483
1500
  return _context.abrupt('return', {
1484
1501
  url: url,
1485
1502
  sao: sao,
@@ -1490,7 +1507,7 @@ View.returnGetInitialProps = function () {
1490
1507
  sponsoredFlag: sponsoredFlag
1491
1508
  });
1492
1509
 
1493
- case 15:
1510
+ case 19:
1494
1511
  case 'end':
1495
1512
  return _context.stop();
1496
1513
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mjhls/mjh-framework",
3
- "version": "1.0.655",
3
+ "version": "1.0.657",
4
4
  "description": "Foundation Framework",
5
5
  "author": "mjh-framework",
6
6
  "license": "MIT",