@mjhls/mjh-framework 1.0.1033 → 1.0.1035-segment

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 (64) hide show
  1. package/README.md +1 -1
  2. package/dist/cjs/AlgoliaSearch.js +24 -28
  3. package/dist/cjs/ArticleProgramLandingPage.js +1 -1
  4. package/dist/cjs/Auth.js +1 -1
  5. package/dist/cjs/AuthWrapper.js +3 -65
  6. package/dist/cjs/ExternalResources.js +1 -1
  7. package/dist/cjs/HamMagazine.js +90 -30
  8. package/dist/cjs/HorizontalArticleListing.js +1 -1
  9. package/dist/cjs/{ImageSlider-d65bc9c8.js → ImageSlider-eb866353.js} +114 -159
  10. package/dist/cjs/IssueLanding.js +1 -1
  11. package/dist/cjs/LeftNav.js +3 -3
  12. package/dist/cjs/{MediaSeriesCard-df8ea0d1.js → MediaSeriesCard-3759e7fb.js} +1 -1
  13. package/dist/cjs/MediaSeriesLanding.js +4 -4
  14. package/dist/cjs/MediaSeriesLandingPaginated.js +4 -4
  15. package/dist/cjs/NavDvm.js +6 -6
  16. package/dist/cjs/NavMagazine.js +7 -7
  17. package/dist/cjs/NavNative.js +8 -8
  18. package/dist/cjs/PartnerDetailListing.js +3 -2
  19. package/dist/cjs/PartnerDetailListingPaginated.js +3 -2
  20. package/dist/cjs/PodcastsLanding.js +2 -2
  21. package/dist/cjs/SideFooter.js +3 -3
  22. package/dist/cjs/TaxonomyDescription.js +1 -1
  23. package/dist/cjs/{Tooltip-02a841b5.js → Tooltip-8011d690.js} +25 -58
  24. package/dist/cjs/VideoProgramLandingPage.js +1 -1
  25. package/dist/cjs/View.js +2 -2
  26. package/dist/cjs/defineProperty-19580e93.js +71 -0
  27. package/dist/cjs/getRelatedArticle.js +1 -1
  28. package/dist/cjs/getSerializers.js +1 -1
  29. package/dist/cjs/{index-bd6c9f56.js → index-3cd60d26.js} +11 -11
  30. package/dist/cjs/{index-cb6fa8f2.js → index-4b2706b8.js} +12 -11
  31. package/dist/cjs/{index-9ec837cc.js → index-50be6759.js} +25 -9
  32. package/dist/cjs/index.js +5 -4
  33. package/dist/esm/AlgoliaSearch.js +23 -27
  34. package/dist/esm/ArticleProgramLandingPage.js +1 -1
  35. package/dist/esm/Auth.js +1 -1
  36. package/dist/esm/AuthWrapper.js +1 -63
  37. package/dist/esm/ExternalResources.js +1 -1
  38. package/dist/esm/HamMagazine.js +90 -30
  39. package/dist/esm/HorizontalArticleListing.js +1 -1
  40. package/dist/esm/{ImageSlider-da225417.js → ImageSlider-fc25202e.js} +115 -160
  41. package/dist/esm/IssueLanding.js +1 -1
  42. package/dist/esm/LeftNav.js +3 -3
  43. package/dist/esm/{MediaSeriesCard-e509e94d.js → MediaSeriesCard-f3db58fa.js} +1 -1
  44. package/dist/esm/MediaSeriesLanding.js +4 -4
  45. package/dist/esm/MediaSeriesLandingPaginated.js +4 -4
  46. package/dist/esm/NavDvm.js +6 -6
  47. package/dist/esm/NavMagazine.js +7 -7
  48. package/dist/esm/NavNative.js +8 -8
  49. package/dist/esm/PartnerDetailListing.js +3 -2
  50. package/dist/esm/PartnerDetailListingPaginated.js +3 -2
  51. package/dist/esm/PodcastsLanding.js +2 -2
  52. package/dist/esm/SideFooter.js +3 -3
  53. package/dist/esm/TaxonomyDescription.js +1 -1
  54. package/dist/esm/{Tooltip-7a093cd4.js → Tooltip-2cdd0895.js} +183 -216
  55. package/dist/esm/VideoProgramLandingPage.js +1 -1
  56. package/dist/esm/View.js +2 -2
  57. package/dist/esm/defineProperty-e8022d1e.js +66 -0
  58. package/dist/esm/getRelatedArticle.js +1 -1
  59. package/dist/esm/getSerializers.js +1 -1
  60. package/dist/esm/{index-db3bb315.js → index-0a63f9a3.js} +11 -11
  61. package/dist/esm/{index-0ce54f8a.js → index-98ca9cec.js} +25 -10
  62. package/dist/esm/{index-56c9814b.js → index-9d159a77.js} +12 -11
  63. package/dist/esm/index.js +5 -4
  64. package/package.json +1 -1
package/dist/esm/HamMagazine.js CHANGED
@@ -110,7 +110,7 @@ var HamMagazine = function HamMagazine(props) {
110
110
  setScreenWidth(parseInt(window.innerWidth));
111
111
 
112
112
  setTimeout(function () {
113
- var segmentLinks = navRef.current.querySelectorAll('a[needsegmentsupport="true"]');
113
+ var segmentLinks = navRef.current.querySelectorAll('a[data-need-segment-support="true"]');
114
114
  for (var i = 0; i < segmentLinks.length; i++) {
115
115
  var link = segmentLinks[i];
116
116
  var href = link.getAttribute('href');
@@ -417,7 +417,7 @@ var HamMagazine = function HamMagazine(props) {
417
417
  'a',
418
418
  _extends({
419
419
  key: 'subNav' + subIndex
420
- }, ddRow.needSegmentSupport ? { needsegmentsupport: 'true' } : {}, {
420
+ }, ddRow.needSegmentSupport ? { 'data-need-segment-support': 'true' } : {}, {
421
421
  href: ddRow.url,
422
422
  target: ddRow.blank ? '_blank' : '_self'
423
423
  }, checkSisterSite(ddRow.url) ? {} : { rel: 'noopener noreferrer' }, {
@@ -440,7 +440,7 @@ var HamMagazine = function HamMagazine(props) {
440
440
  'a',
441
441
  _extends({
442
442
  key: 'subNav2' + subIndex
443
- }, ddRow.needSegmentSupport ? { needsegmentsupport: 'true' } : {}, {
443
+ }, ddRow.needSegmentSupport ? { 'data-need-segment-support': 'true' } : {}, {
444
444
  href: ddRow.url,
445
445
  target: ddRow.blank ? '_blank' : '_self'
446
446
  }, checkSisterSite(ddRow.url) ? {} : { rel: 'noopener noreferrer' }, {
@@ -457,7 +457,7 @@ var HamMagazine = function HamMagazine(props) {
457
457
  'a',
458
458
  _extends({
459
459
  key: 'navlink' + index
460
- }, row.needSegmentSupport ? { needsegmentsupport: 'true' } : {}, {
460
+ }, row.needSegmentSupport ? { 'data-need-segment-support': 'true' } : {}, {
461
461
  href: row.url,
462
462
  target: row.blank ? '_blank' : '_self'
463
463
  }, checkSisterSite(row.url) ? {} : { rel: 'noopener noreferrer' }, {
@@ -495,17 +495,47 @@ var HamMagazine = function HamMagazine(props) {
495
495
  if (ddRow.type === 'divider') {
496
496
  return React__default.createElement(NavDropdown.Divider, { key: 'navLink4' + subIndex });
497
497
  } else {
498
- return ddRow.url && ddRow.name ? React__default.createElement(
499
- 'a',
500
- _extends({
501
- key: 'navLink4' + subIndex
502
- }, ddRow.needSegmentSupport ? { needsegmentsupport: 'true' } : {}, {
503
- href: ddRow.url,
504
- target: ddRow.blank ? '_blank' : '_self'
505
- }, checkSisterSite(ddRow.url) ? {} : { rel: 'noopener noreferrer' }, {
506
- className: 'dropdown-item nav-link' }),
507
- ddRow.name
508
- ) : null;
498
+ if (!!ddRow.subQuery && ddRow.subQuery.length > 0) {
499
+ return React__default.createElement(
500
+ 'div',
501
+ { key: 'navLink4' + subIndex },
502
+ React__default.createElement(
503
+ 'a',
504
+ _extends({}, ddRow.needSegmentSupport ? { 'data-need-segment-support': 'true' } : {}, {
505
+ href: ddRow.url || '#',
506
+ target: ddRow.blank ? '_blank' : '_self'
507
+ }, checkSisterSite(ddRow.url) ? {} : { rel: 'noopener noreferrer' }, {
508
+ className: 'dropdown-item nav-link' }),
509
+ ddRow.name
510
+ ),
511
+ ddRow.subQuery.map(function (ddRow2, subIndex2) {
512
+ return React__default.createElement(
513
+ 'a',
514
+ _extends({
515
+ key: 'navLink5' + subIndex2
516
+ }, ddRow2.needSegmentSupport ? { 'data-need-segment-support': 'true' } : {}, {
517
+ href: ddRow2.url,
518
+ target: ddRow2.blank ? '_blank' : '_self'
519
+ }, checkSisterSite(ddRow2.url) ? {} : { rel: 'noopener noreferrer' }, {
520
+ className: 'dropdown-item nav-link third-level',
521
+ style: { fontSize: '10px !important' } }),
522
+ ddRow2.name
523
+ );
524
+ })
525
+ );
526
+ } else {
527
+ return ddRow.url && ddRow.name ? React__default.createElement(
528
+ 'a',
529
+ _extends({
530
+ key: 'navLink4' + subIndex
531
+ }, ddRow.needSegmentSupport ? { 'data-need-segment-support': 'true' } : {}, {
532
+ href: ddRow.url,
533
+ target: ddRow.blank ? '_blank' : '_self'
534
+ }, checkSisterSite(ddRow.url) ? {} : { rel: 'noopener noreferrer' }, {
535
+ className: 'dropdown-item nav-link' }),
536
+ ddRow.name
537
+ ) : null;
538
+ }
509
539
  }
510
540
  })
511
541
  ),
@@ -516,19 +546,49 @@ var HamMagazine = function HamMagazine(props) {
516
546
  if (ddRow.type === 'divider') {
517
547
  return React__default.createElement(NavDropdown.Divider, { key: 'navLink5' + subIndex });
518
548
  } else {
519
- if (ddRow.url && ddRow.name) {
520
- return ddRow.url && ddRow.name ? React__default.createElement(
521
- 'a',
522
- _extends({
523
- key: 'navLink5' + subIndex
524
- }, ddRow.needSegmentSupport ? { needsegmentsupport: 'true' } : {}, {
525
- href: ddRow.url,
526
- target: ddRow.blank ? '_blank' : '_self'
527
- }, checkSisterSite(ddRow.url) ? {} : { rel: 'noopener noreferrer' }, {
528
- className: 'dropdown-item' }),
529
- ddRow.name
530
- ) : null;
531
- } else return null;
549
+ if (!!ddRow.subQuery && ddRow.subQuery.length > 0) {
550
+ return React__default.createElement(
551
+ 'div',
552
+ { key: 'navLink4' + subIndex },
553
+ React__default.createElement(
554
+ 'a',
555
+ _extends({}, ddRow.needSegmentSupport ? { 'data-need-segment-support': 'true' } : {}, {
556
+ href: ddRow.url || '#',
557
+ target: ddRow.blank ? '_blank' : '_self'
558
+ }, checkSisterSite(ddRow.url) ? {} : { rel: 'noopener noreferrer' }, {
559
+ className: 'dropdown-item nav-link' }),
560
+ ddRow.name
561
+ ),
562
+ ddRow.subQuery.map(function (ddRow2, subIndex2) {
563
+ return React__default.createElement(
564
+ 'a',
565
+ _extends({
566
+ key: 'navLink5' + subIndex2
567
+ }, ddRow2.needSegmentSupport ? { 'data-need-segment-support': 'true' } : {}, {
568
+ href: ddRow2.url,
569
+ target: ddRow2.blank ? '_blank' : '_self'
570
+ }, checkSisterSite(ddRow2.url) ? {} : { rel: 'noopener noreferrer' }, {
571
+ className: 'dropdown-item nav-link third-level',
572
+ style: { fontSize: '10px !important' } }),
573
+ ddRow2.name
574
+ );
575
+ })
576
+ );
577
+ } else {
578
+ if (ddRow.url && ddRow.name) {
579
+ return ddRow.url && ddRow.name ? React__default.createElement(
580
+ 'a',
581
+ _extends({
582
+ key: 'navLink5' + subIndex
583
+ }, ddRow.needSegmentSupport ? { 'data-need-segment-support': 'true' } : {}, {
584
+ href: ddRow.url,
585
+ target: ddRow.blank ? '_blank' : '_self'
586
+ }, checkSisterSite(ddRow.url) ? {} : { rel: 'noopener noreferrer' }, {
587
+ className: 'dropdown-item' }),
588
+ ddRow.name
589
+ ) : null;
590
+ } else return null;
591
+ }
532
592
  }
533
593
  })
534
594
  )
@@ -538,7 +598,7 @@ var HamMagazine = function HamMagazine(props) {
538
598
  'a',
539
599
  _extends({
540
600
  key: index
541
- }, row.needSegmentSupport ? { needsegmentsupport: 'true' } : {}, {
601
+ }, row.needSegmentSupport ? { 'data-need-segment-support': 'true' } : {}, {
542
602
  href: row.url,
543
603
  target: row.blank ? '_blank' : '_self'
544
604
  }, checkSisterSite(row.url) ? {} : { rel: 'noopener noreferrer' }, {
@@ -583,7 +643,7 @@ var HamMagazine = function HamMagazine(props) {
583
643
  React__default.createElement(
584
644
  'style',
585
645
  { jsx: 'true' },
586
- '\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 padding: 0.5rem;\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 @media screen and (max-width: 1199px) {\n .is-desktop {\n display: none;\n }\n }\n @media screen and (min-width: 1200px) {\n .is-mobile {\n display: none;\n }\n }\n @media screen and (max-width: 1199px) {\n .navbar .mobile-nav .dropdown-menu.show {\n overflow: hidden;\n overflow-y: scroll;\n }\n .dropdown-menu > .nav-item {\n padding: 0.5rem;\n }\n }\n '
646
+ '\n .third-level {\n padding-left: 1.5rem !important;\n padding-top: 0.1rem;\n padding-bottom: 0.1rem;\n }\n\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 padding: 0.5rem;\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 @media screen and (max-width: 1199px) {\n .is-desktop {\n display: none;\n }\n }\n @media screen and (min-width: 1200px) {\n .is-mobile {\n display: none;\n }\n }\n @media screen and (max-width: 1199px) {\n .navbar .mobile-nav .dropdown-menu.show {\n overflow: hidden;\n overflow-y: scroll;\n }\n .dropdown-menu > .nav-item {\n padding: 0.5rem;\n }\n }\n '
587
647
  )
588
648
  );
589
649
  };
package/dist/esm/HorizontalArticleListing.js CHANGED
@@ -3,7 +3,7 @@ import React__default from 'react';
3
3
  import ArticleCarousel from './ArticleCarousel.js';
4
4
  import { I as IoIosArrowForward } from './index.esm-eb1e8e80.js';
5
5
  import { B as BlockContent } from './BlockContent-1e73bd2c.js';
6
- import { g as getSerializers } from './index-56c9814b.js';
6
+ import { g as getSerializers } from './index-9d159a77.js';
7
7
  import './_commonjsHelpers-0c4b6f40.js';
8
8
  import './core.get-iterator-method-ea258bb1.js';
9
9
  import './YoutubeGroup.js';