@mjhls/mjh-framework 1.0.687 → 1.0.689-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 (50) hide show
  1. package/README.md +1 -1
  2. package/dist/cjs/Auth.js +6 -206
  3. package/dist/cjs/DeckContent.js +1 -1
  4. package/dist/cjs/ExternalResources.js +1 -1
  5. package/dist/cjs/GridContent.js +2 -2
  6. package/dist/cjs/HamMagazine.js +32 -6
  7. package/dist/cjs/IssueLanding.js +2 -2
  8. package/dist/cjs/LeftNav.js +9 -7
  9. package/dist/cjs/MasterDeck.js +2 -2
  10. package/dist/cjs/NavDvm.js +22 -7
  11. package/dist/cjs/NavMagazine.js +16 -6
  12. package/dist/cjs/NavNative.js +33 -9
  13. package/dist/cjs/NavNormal.js +10 -7
  14. package/dist/cjs/PartnerDetailListing.js +1204 -7
  15. package/dist/cjs/QueueDeckExpanded.js +2 -2
  16. package/dist/cjs/Segment.js +5 -0
  17. package/dist/cjs/SideFooter.js +9 -7
  18. package/dist/cjs/View.js +3 -3
  19. package/dist/cjs/getRelatedArticle.js +416 -5
  20. package/dist/cjs/getSerializers.js +1 -1
  21. package/dist/cjs/index-bd6c9f56.js +211 -0
  22. package/dist/cjs/index.js +6 -7
  23. package/dist/esm/Auth.js +1 -201
  24. package/dist/esm/DeckContent.js +1 -1
  25. package/dist/esm/ExternalResources.js +1 -1
  26. package/dist/esm/GridContent.js +2 -2
  27. package/dist/esm/HamMagazine.js +32 -6
  28. package/dist/esm/IssueLanding.js +2 -2
  29. package/dist/esm/LeftNav.js +9 -7
  30. package/dist/esm/MasterDeck.js +2 -2
  31. package/dist/esm/NavDvm.js +23 -8
  32. package/dist/esm/NavMagazine.js +16 -6
  33. package/dist/esm/NavNative.js +33 -9
  34. package/dist/esm/NavNormal.js +10 -7
  35. package/dist/esm/PartnerDetailListing.js +1203 -7
  36. package/dist/esm/QueueDeckExpanded.js +2 -2
  37. package/dist/esm/Segment.js +5 -0
  38. package/dist/esm/SideFooter.js +9 -7
  39. package/dist/esm/View.js +3 -3
  40. package/dist/esm/getRelatedArticle.js +416 -5
  41. package/dist/esm/getSerializers.js +1 -1
  42. package/dist/esm/index-db3bb315.js +207 -0
  43. package/dist/esm/index.js +5 -6
  44. package/package.json +2 -2
  45. /package/dist/cjs/{ADInfeed-cf81b7aa.js → ADInfeed-3410ab3c.js} +0 -0
  46. /package/dist/cjs/{ADlgInfeed-ebc1bf56.js → ADlgInfeed-845aac15.js} +0 -0
  47. /package/dist/cjs/{index-a1090dcd.js → index-44c25825.js} +0 -0
  48. /package/dist/esm/{ADInfeed-898b9c8f.js → ADInfeed-205cb7a9.js} +0 -0
  49. /package/dist/esm/{ADlgInfeed-a747451b.js → ADlgInfeed-e538f17a.js} +0 -0
  50. /package/dist/esm/{index-a3da0503.js → index-8a757d91.js} +0 -0
@@ -94,6 +94,26 @@ var NavNative = function NavNative(props) {
94
94
  searchRef.current.style.top = (topNavHeight ? topNavHeight + navRef.current.offsetHeight : navRef.current.offsetHeight) + 1 + 'px';
95
95
  }, []);
96
96
 
97
+ React.useEffect(function () {
98
+
99
+ var navdropdowns = navRef.current.querySelectorAll('#basic-nav-dropdown');
100
+ console.log('navdropdowns:', navdropdowns);
101
+
102
+ setTimeout(function () {
103
+
104
+ var segmentLinks = navRef.current.querySelectorAll('a[needsegmentsupport="true"]');
105
+ console.log('segmentLinks:', segmentLinks);
106
+ for (var i = 0; i < segmentLinks.length; i++) {
107
+ var link = segmentLinks[i];
108
+ var href = link.getAttribute('href');
109
+ var newRef = Segment.getURL(href, { needSegmentSupport: true });
110
+ console.log('href:', href);
111
+ console.log('newRef:', newRef);
112
+ link.setAttribute('href', newRef);
113
+ }
114
+ }, 1000);
115
+ }, []);
116
+
97
117
  React.useEffect(function () {
98
118
  if (resolution === 0) {
99
119
  setResolution(window.innerWidth);
@@ -361,7 +381,7 @@ var NavNative = function NavNative(props) {
361
381
  if (ddRow.url && ddRow.name) {
362
382
  return ddRow.url && ddRow.name ? React__default.createElement(
363
383
  'a',
364
- { key: subIndex, href: Segment.getURL(ddRow.url, ddRow), target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
384
+ { key: subIndex, needsegmentsupport: ddRow.needSegmentSupport ? 'true' : '', href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
365
385
  ddRow.name
366
386
  ) : null;
367
387
  } else return null;
@@ -381,7 +401,7 @@ var NavNative = function NavNative(props) {
381
401
  if (ddRow.url && ddRow.name) {
382
402
  return ddRow.url && ddRow.name ? React__default.createElement(
383
403
  'a',
384
- { key: subIndex, href: Segment.getURL(ddRow.url, ddRow), target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
404
+ { key: subIndex, needsegmentsupport: ddRow.needSegmentSupport ? 'true' : '', href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
385
405
  ddRow.name
386
406
  ) : null;
387
407
  } else return null;
@@ -393,7 +413,7 @@ var NavNative = function NavNative(props) {
393
413
  } else {
394
414
  return row.url && row.name ? React__default.createElement(
395
415
  'a',
396
- { key: index, href: Segment.getURL(row.url, row), target: row.blank ? '_blank' : '_self', className: 'nav-link' },
416
+ { key: index, needsegmentsupport: ddRow.needSegmentSupport ? 'true' : '', href: ddRow.url, target: row.blank ? '_blank' : '_self', className: 'nav-link' },
397
417
  row.name
398
418
  ) : null;
399
419
  }
@@ -413,15 +433,19 @@ var NavNative = function NavNative(props) {
413
433
  { key: 'subnav-' + index },
414
434
  React__default.createElement(
415
435
  NavDropdown,
416
- { key: index, title: row.name, id: 'basic-nav-dropdown' },
436
+ { key: index, title: row.name, id: 'basic-nav-dropdown', renderMenuOnMount: true },
417
437
  row.subQuery && row.subQuery.map(function (ddRow, subIndex) {
418
438
  if (ddRow.type === 'divider') {
419
439
  return React__default.createElement(NavDropdown.Divider, { key: subIndex });
420
440
  } else {
421
441
  return ddRow.url && ddRow.name ? React__default.createElement(
422
- 'a',
423
- { key: subIndex, href: Segment.getURL(ddRow.url, ddRow), target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
424
- ddRow.name
442
+ NavDropdown.Item,
443
+ null,
444
+ React__default.createElement(
445
+ NavDropdown.Link,
446
+ { key: subIndex, needsegmentsupport: ddRow.needSegmentSupport ? 'true' : '', href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
447
+ ddRow.name
448
+ )
425
449
  ) : null;
426
450
  }
427
451
  })
@@ -438,7 +462,7 @@ var NavNative = function NavNative(props) {
438
462
  } else {
439
463
  return ddRow.url && ddRow.name ? React__default.createElement(
440
464
  'a',
441
- { key: subIndex, href: Segment.getURL(ddRow.url, ddRow), target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
465
+ { key: subIndex, needsegmentsupport: ddRow.needSegmentSupport ? 'true' : '', href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
442
466
  ddRow.name
443
467
  ) : null;
444
468
  }
@@ -449,7 +473,7 @@ var NavNative = function NavNative(props) {
449
473
  } else {
450
474
  return row.url && row.name ? React__default.createElement(
451
475
  'a',
452
- { key: index, href: Segment.getURL(row.url, row), target: row.blank ? '_blank' : '_self', className: 'nav-link' },
476
+ { key: index, needsegmentsupport: row.needSegmentSupport ? 'true' : '', href: row.url, target: row.blank ? '_blank' : '_self', className: 'nav-link' },
453
477
  row.name
454
478
  ) : null;
455
479
  }
@@ -38,13 +38,16 @@ var NavNormal = function NavNormal(props) {
38
38
  var ref = React.useRef(null);
39
39
 
40
40
  React.useEffect(function () {
41
- var segmentLinks = ref.current.querySelectorAll('a[needsegmentsupport="true"]');
42
- for (var i = 0; i < segmentLinks.length; i++) {
43
- var link = segmentLinks[i];
44
- var href = link.getAttribute('href');
45
- var newHref = Segment.getURL(href, { needSegmentSupport: true });
46
- link.setAttribute('href', newHref);
47
- }
41
+
42
+ setTimeout(function () {
43
+ var segmentLinks = ref.current.querySelectorAll('a[needsegmentsupport="true"]');
44
+ for (var i = 0; i < segmentLinks.length; i++) {
45
+ var link = segmentLinks[i];
46
+ var href = link.getAttribute('href');
47
+ var newHref = Segment.getURL(href, { needSegmentSupport: true });
48
+ link.setAttribute('href', newHref);
49
+ }
50
+ }, 1000);
48
51
  }, []);
49
52
 
50
53
  return React__default.createElement(