@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
package/dist/esm/NavDvm.js CHANGED
@@ -5,7 +5,7 @@ import './_library-528f1934.js';
5
5
  import './_iter-detect-59409a32.js';
6
6
  import './core.get-iterator-method-54d2e411.js';
7
7
  import './web.dom.iterable-8956f9a5.js';
8
- import React__default from 'react';
8
+ import React__default, { useRef, useEffect } from 'react';
9
9
  import Container from 'react-bootstrap/Container';
10
10
  import './slicedToArray-7021e5df.js';
11
11
  import './asyncToGenerator-7c654f36.js';
@@ -29,28 +29,43 @@ var NavDvm = function NavDvm(props) {
29
29
  website = _props$website === undefined ? {} : _props$website;
30
30
 
31
31
 
32
+ var sfRef = useRef(null);
33
+
34
+ useEffect(function () {
35
+ // this adds ?eKey=xxx or ?anonymousid=xxx for forms that's outside - eg) formstack forms
36
+ // for tracking same user
37
+ setTimeout(function () {
38
+ var segmentLinks = sfRef.current.querySelectorAll('a[needsegmentsupport="true"]');
39
+ for (var i = 0; i < segmentLinks.length; i++) {
40
+ var link = segmentLinks[i];
41
+ var href = link.getAttribute('href');
42
+ var newRef = Segment.getURL(href, { needSegmentSupport: true });
43
+ link.setAttribute('href', newRef);
44
+ }
45
+ }, 1000);
46
+ }, []);
47
+
32
48
  var getLink = function getLink(url, className, name, key, blank) {
33
49
  var needSegmentSupport = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
34
50
 
35
- url = Segment.getURL(url, { needSegmentSupport: needSegmentSupport });
36
51
  if (url && (url.includes('https://') || url.includes('http://'))) {
37
52
  return React__default.createElement(
38
53
  'a',
39
- { target: blank ? '_blank' : '_self', key: key, href: url || '#', className: className },
54
+ { target: blank ? '_blank' : '_self', needsegmentsupport: needSegmentSupport ? 'true' : '', key: key, href: url || '#', className: className },
40
55
  name
41
56
  );
42
57
  }
43
58
 
44
59
  return React__default.createElement(
45
60
  'a',
46
- { key: key, href: url || '#', target: blank ? '_blank' : '_self', className: className },
61
+ { key: key, href: url || '#', needsegmentsupport: needSegmentSupport ? 'true' : '', target: blank ? '_blank' : '_self', className: className },
47
62
  name
48
63
  );
49
64
  };
50
65
 
51
66
  return React__default.createElement(
52
67
  React__default.Fragment,
53
- null,
68
+ { ref: sfRef },
54
69
  React__default.createElement(
55
70
  Navbar,
56
71
  { className: 'top-nav', expand: 'xl' },
@@ -150,7 +165,7 @@ var NavDvm = function NavDvm(props) {
150
165
  if (ddRow.url && ddRow.name) {
151
166
  return ddRow.url && ddRow.name ? React__default.createElement(
152
167
  'a',
153
- { key: subIndex, href: Segment.getURL(ddRow.url, ddRow), target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
168
+ { key: subIndex, needsegmentsupport: ddRow.needSegmentSupport ? 'true' : '', href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
154
169
  ddRow.name
155
170
  ) : null;
156
171
  } else return null;
@@ -170,7 +185,7 @@ var NavDvm = function NavDvm(props) {
170
185
  if (ddRow.url && ddRow.name) {
171
186
  return ddRow.url && ddRow.name ? React__default.createElement(
172
187
  'a',
173
- { key: subIndex, href: Segment.getURL(ddRow.url, ddRow), target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
188
+ { key: subIndex, needsegmentsupport: ddRow.needSegmentSupport ? 'true' : '', href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
174
189
  ddRow.name
175
190
  ) : null;
176
191
  } else return null;
@@ -182,7 +197,7 @@ var NavDvm = function NavDvm(props) {
182
197
  } else {
183
198
  return row.url && row.name ? React__default.createElement(
184
199
  'a',
185
- { key: index, href: Segment.getURL(row.url, row), target: row.blank ? '_blank' : '_self', className: 'nav-link' },
200
+ { key: index, needsegmentsupport: row.needSegmentSupport ? 'true' : '', href: row.url, target: row.blank ? '_blank' : '_self', className: 'nav-link' },
186
201
  row.name
187
202
  ) : null;
188
203
  }
package/dist/esm/NavMagazine.js CHANGED
@@ -108,6 +108,16 @@ var NavMagazine = function NavMagazine(props) {
108
108
 
109
109
  // Initial screenwidth setup on refresh or on load
110
110
  setScreenWidth(parseInt(window.innerWidth));
111
+
112
+ setTimeout(function () {
113
+ var segmentLinks = navRef.current.querySelectorAll('a[needsegmentsupport="true"]');
114
+ for (var i = 0; i < segmentLinks.length; i++) {
115
+ var link = segmentLinks[i];
116
+ var href = link.getAttribute('href');
117
+ var newRef = Segment.getURL(href, { needSegmentSupport: true });
118
+ link.setAttribute('href', newRef);
119
+ }
120
+ }, 1000);
111
121
  }, []);
112
122
 
113
123
  // Check for browser resize
@@ -416,7 +426,7 @@ var NavMagazine = function NavMagazine(props) {
416
426
  if (ddRow.url && ddRow.name) {
417
427
  return ddRow.url && ddRow.name ? React__default.createElement(
418
428
  'a',
419
- { key: subIndex, href: Segment.getURL(ddRow.url, ddRow), target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
429
+ { key: subIndex, needsegmentsupport: ddRow.needSegmentSupport ? 'true' : '', href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
420
430
  ddRow.name
421
431
  ) : null;
422
432
  } else return null;
@@ -436,7 +446,7 @@ var NavMagazine = function NavMagazine(props) {
436
446
  if (ddRow.url && ddRow.name) {
437
447
  return ddRow.url && ddRow.name ? React__default.createElement(
438
448
  'a',
439
- { key: subIndex, href: Segment.getURL(ddRow.url, ddRow), target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
449
+ { key: subIndex, needsegmentsupport: ddRow.needSegmentSupport ? 'true' : '', href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
440
450
  ddRow.name
441
451
  ) : null;
442
452
  } else return null;
@@ -448,7 +458,7 @@ var NavMagazine = function NavMagazine(props) {
448
458
  } else {
449
459
  return row.url && row.name ? React__default.createElement(
450
460
  'a',
451
- { key: index, href: Segment.getURL(row.url, row), target: row.blank ? '_blank' : '_self', className: 'nav-link' },
461
+ { key: index, needsegmentsupport: row.needSegmentSupport ? 'true' : '', href: row.url, target: row.blank ? '_blank' : '_self', className: 'nav-link' },
452
462
  row.name
453
463
  ) : null;
454
464
  }
@@ -484,7 +494,7 @@ var NavMagazine = function NavMagazine(props) {
484
494
  } else {
485
495
  return ddRow.url && ddRow.name ? React__default.createElement(
486
496
  'a',
487
- { key: subIndex, href: Segment.getURL(ddRow.url, ddRow), target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
497
+ { key: subIndex, needsegmentsupport: ddRow.needSegmentSupport ? 'true' : '', href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
488
498
  ddRow.name
489
499
  ) : null;
490
500
  }
@@ -502,7 +512,7 @@ var NavMagazine = function NavMagazine(props) {
502
512
  } else {
503
513
  return ddRow.url && ddRow.name ? React__default.createElement(
504
514
  'a',
505
- { key: subIndex, href: Segment.getURL(ddRow.url, ddRow), target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
515
+ { key: subIndex, needsegmentsupport: ddRow.needSegmentSupport ? 'true' : '', href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
506
516
  ddRow.name
507
517
  ) : null;
508
518
  }
@@ -513,7 +523,7 @@ var NavMagazine = function NavMagazine(props) {
513
523
  } else {
514
524
  return row.url && row.name ? React__default.createElement(
515
525
  'a',
516
- { key: index, href: Segment.getURL(row.url, row), target: row.blank ? '_blank' : '_self', className: 'nav-link' },
526
+ { key: index, needsegmentsupport: row.needSegmentSupport ? 'true' : '', href: row.url, target: row.blank ? '_blank' : '_self', className: 'nav-link' },
517
527
  row.name
518
528
  ) : null;
519
529
  }
package/dist/esm/NavNative.js CHANGED
@@ -87,6 +87,26 @@ var NavNative = function NavNative(props) {
87
87
  searchRef.current.style.top = (topNavHeight ? topNavHeight + navRef.current.offsetHeight : navRef.current.offsetHeight) + 1 + 'px';
88
88
  }, []);
89
89
 
90
+ useEffect(function () {
91
+
92
+ var navdropdowns = navRef.current.querySelectorAll('#basic-nav-dropdown');
93
+ console.log('navdropdowns:', navdropdowns);
94
+
95
+ setTimeout(function () {
96
+
97
+ var segmentLinks = navRef.current.querySelectorAll('a[needsegmentsupport="true"]');
98
+ console.log('segmentLinks:', segmentLinks);
99
+ for (var i = 0; i < segmentLinks.length; i++) {
100
+ var link = segmentLinks[i];
101
+ var href = link.getAttribute('href');
102
+ var newRef = Segment.getURL(href, { needSegmentSupport: true });
103
+ console.log('href:', href);
104
+ console.log('newRef:', newRef);
105
+ link.setAttribute('href', newRef);
106
+ }
107
+ }, 1000);
108
+ }, []);
109
+
90
110
  useEffect(function () {
91
111
  if (resolution === 0) {
92
112
  setResolution(window.innerWidth);
@@ -354,7 +374,7 @@ var NavNative = function NavNative(props) {
354
374
  if (ddRow.url && ddRow.name) {
355
375
  return ddRow.url && ddRow.name ? React__default.createElement(
356
376
  'a',
357
- { key: subIndex, href: Segment.getURL(ddRow.url, ddRow), target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
377
+ { key: subIndex, needsegmentsupport: ddRow.needSegmentSupport ? 'true' : '', href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
358
378
  ddRow.name
359
379
  ) : null;
360
380
  } else return null;
@@ -374,7 +394,7 @@ var NavNative = function NavNative(props) {
374
394
  if (ddRow.url && ddRow.name) {
375
395
  return ddRow.url && ddRow.name ? React__default.createElement(
376
396
  'a',
377
- { key: subIndex, href: Segment.getURL(ddRow.url, ddRow), target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
397
+ { key: subIndex, needsegmentsupport: ddRow.needSegmentSupport ? 'true' : '', href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
378
398
  ddRow.name
379
399
  ) : null;
380
400
  } else return null;
@@ -386,7 +406,7 @@ var NavNative = function NavNative(props) {
386
406
  } else {
387
407
  return row.url && row.name ? React__default.createElement(
388
408
  'a',
389
- { key: index, href: Segment.getURL(row.url, row), target: row.blank ? '_blank' : '_self', className: 'nav-link' },
409
+ { key: index, needsegmentsupport: ddRow.needSegmentSupport ? 'true' : '', href: ddRow.url, target: row.blank ? '_blank' : '_self', className: 'nav-link' },
390
410
  row.name
391
411
  ) : null;
392
412
  }
@@ -406,15 +426,19 @@ var NavNative = function NavNative(props) {
406
426
  { key: 'subnav-' + index },
407
427
  React__default.createElement(
408
428
  NavDropdown,
409
- { key: index, title: row.name, id: 'basic-nav-dropdown' },
429
+ { key: index, title: row.name, id: 'basic-nav-dropdown', renderMenuOnMount: true },
410
430
  row.subQuery && row.subQuery.map(function (ddRow, subIndex) {
411
431
  if (ddRow.type === 'divider') {
412
432
  return React__default.createElement(NavDropdown.Divider, { key: subIndex });
413
433
  } else {
414
434
  return ddRow.url && ddRow.name ? React__default.createElement(
415
- 'a',
416
- { key: subIndex, href: Segment.getURL(ddRow.url, ddRow), target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
417
- ddRow.name
435
+ NavDropdown.Item,
436
+ null,
437
+ React__default.createElement(
438
+ NavDropdown.Link,
439
+ { key: subIndex, needsegmentsupport: ddRow.needSegmentSupport ? 'true' : '', href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
440
+ ddRow.name
441
+ )
418
442
  ) : null;
419
443
  }
420
444
  })
@@ -431,7 +455,7 @@ var NavNative = function NavNative(props) {
431
455
  } else {
432
456
  return ddRow.url && ddRow.name ? React__default.createElement(
433
457
  'a',
434
- { key: subIndex, href: Segment.getURL(ddRow.url, ddRow), target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
458
+ { key: subIndex, needsegmentsupport: ddRow.needSegmentSupport ? 'true' : '', href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
435
459
  ddRow.name
436
460
  ) : null;
437
461
  }
@@ -442,7 +466,7 @@ var NavNative = function NavNative(props) {
442
466
  } else {
443
467
  return row.url && row.name ? React__default.createElement(
444
468
  'a',
445
- { key: index, href: Segment.getURL(row.url, row), target: row.blank ? '_blank' : '_self', className: 'nav-link' },
469
+ { key: index, needsegmentsupport: row.needSegmentSupport ? 'true' : '', href: row.url, target: row.blank ? '_blank' : '_self', className: 'nav-link' },
446
470
  row.name
447
471
  ) : null;
448
472
  }
package/dist/esm/NavNormal.js CHANGED
@@ -31,13 +31,16 @@ var NavNormal = function NavNormal(props) {
31
31
  var ref = useRef(null);
32
32
 
33
33
  useEffect(function () {
34
- var segmentLinks = ref.current.querySelectorAll('a[needsegmentsupport="true"]');
35
- for (var i = 0; i < segmentLinks.length; i++) {
36
- var link = segmentLinks[i];
37
- var href = link.getAttribute('href');
38
- var newHref = Segment.getURL(href, { needSegmentSupport: true });
39
- link.setAttribute('href', newHref);
40
- }
34
+
35
+ setTimeout(function () {
36
+ var segmentLinks = ref.current.querySelectorAll('a[needsegmentsupport="true"]');
37
+ for (var i = 0; i < segmentLinks.length; i++) {
38
+ var link = segmentLinks[i];
39
+ var href = link.getAttribute('href');
40
+ var newHref = Segment.getURL(href, { needSegmentSupport: true });
41
+ link.setAttribute('href', newHref);
42
+ }
43
+ }, 1000);
41
44
  }, []);
42
45
 
43
46
  return React__default.createElement(