@financial-times/dotcom-ui-header 13.2.2 → 13.3.0

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 (25) hide show
  1. package/browser.js +1 -0
  2. package/dist/node/components/ask-ft/askFtButton.d.ts +1 -1
  3. package/dist/node/components/ask-ft/askFtButton.js +2 -1
  4. package/dist/node/components/drawer/topLevelPartials.js +1 -1
  5. package/dist/node/components/dropdown-navigation/dropdownNavigation.d.ts +2 -1
  6. package/dist/node/components/dropdown-navigation/dropdownNavigation.js +6 -3
  7. package/dist/node/components/navigation/partials.js +5 -5
  8. package/dist/node/components/search/partials.js +1 -1
  9. package/dist/node/components/sticky/partials.js +2 -2
  10. package/dist/node/components/top/partials.js +5 -5
  11. package/dist/tsconfig.tsbuildinfo +1 -1
  12. package/package.json +2 -2
  13. package/src/__test__/components/DropdownNavigation.spec.tsx +5 -0
  14. package/src/__test__/components/__snapshots__/Drawer.spec.tsx.snap +3 -0
  15. package/src/__test__/components/__snapshots__/MainHeader.spec.tsx.snap +66 -0
  16. package/src/__test__/components/__snapshots__/NoOutboundLinks.spec.tsx.snap +2 -0
  17. package/src/__test__/components/__snapshots__/StickyHeader.spec.tsx.snap +19 -2
  18. package/src/components/ask-ft/askFtButton.scss +1 -1
  19. package/src/components/ask-ft/askFtButton.tsx +3 -2
  20. package/src/components/drawer/topLevelPartials.tsx +1 -1
  21. package/src/components/dropdown-navigation/dropdownNavigation.tsx +12 -8
  22. package/src/components/navigation/partials.tsx +13 -2
  23. package/src/components/search/partials.tsx +1 -0
  24. package/src/components/sticky/partials.tsx +2 -1
  25. package/src/components/top/partials.tsx +11 -3
package/src/__test__/components/__snapshots__/MainHeader.spec.tsx.snap CHANGED
@@ -3,6 +3,7 @@
3
3
  exports[`dotcom-ui-header/src/components/MainHeader renders ASK FT button 1`] = `
4
4
  <header
5
5
  className="o-header o-header--simple"
6
+ data-ft-origin="npm:@financial-times/dotcom-ui-header"
6
7
  data-o-component="o-header"
7
8
  data-o-header--no-js={true}
8
9
  id="site-navigation"
@@ -87,6 +88,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders ASK FT button 1`] =
87
88
  </div>
88
89
  <div
89
90
  className="o-header__top-column o-header__top-column--right"
91
+ data-ft-origin="npm:@financial-times/middleware-user-data"
90
92
  >
91
93
  <a
92
94
  className="o-header__top-button o-header__top-button--hide-m"
@@ -112,6 +114,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders ASK FT button 1`] =
112
114
  </div>
113
115
  <div
114
116
  className="o-header__row o-header__search o-header__search--primary"
117
+ data-ft-origin="npm:@financial-times/dotcom-ui-header"
115
118
  data-o-header-search={true}
116
119
  data-trackable="header-search"
117
120
  id="o-header-search-primary"
@@ -204,6 +207,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders ASK FT button 1`] =
204
207
  >
205
208
  <ul
206
209
  className="o-header__nav-list o-header__nav-list--left"
210
+ data-ft-origin="npm:@financial-times/dotcom-middleware-navigation"
207
211
  data-trackable="primary-nav"
208
212
  >
209
213
  <li
@@ -234,6 +238,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders ASK FT button 1`] =
234
238
  <div
235
239
  aria-labelledby="o-header-link-1"
236
240
  className="o-header__mega"
241
+ data-ft-origin="npm:@financial-times/dotcom-middleware-navigation"
237
242
  data-o-header-mega={true}
238
243
  data-trackable="meganav | World"
239
244
  id="o-header-mega-1"
@@ -475,6 +480,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders ASK FT button 1`] =
475
480
  <div
476
481
  aria-labelledby="o-header-link-2"
477
482
  className="o-header__mega"
483
+ data-ft-origin="npm:@financial-times/dotcom-middleware-navigation"
478
484
  data-o-header-mega={true}
479
485
  data-trackable="meganav | UK"
480
486
  id="o-header-mega-2"
@@ -639,6 +645,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders ASK FT button 1`] =
639
645
  <div
640
646
  aria-labelledby="o-header-link-3"
641
647
  className="o-header__mega"
648
+ data-ft-origin="npm:@financial-times/dotcom-middleware-navigation"
642
649
  data-o-header-mega={true}
643
650
  data-trackable="meganav | Companies"
644
651
  id="o-header-mega-3"
@@ -892,6 +899,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders ASK FT button 1`] =
892
899
  <div
893
900
  aria-labelledby="o-header-link-5"
894
901
  className="o-header__mega"
902
+ data-ft-origin="npm:@financial-times/dotcom-middleware-navigation"
895
903
  data-o-header-mega={true}
896
904
  data-trackable="meganav | Markets"
897
905
  id="o-header-mega-5"
@@ -1134,6 +1142,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders ASK FT button 1`] =
1134
1142
  <div
1135
1143
  aria-labelledby="o-header-link-7"
1136
1144
  className="o-header__mega"
1145
+ data-ft-origin="npm:@financial-times/dotcom-middleware-navigation"
1137
1146
  data-o-header-mega={true}
1138
1147
  data-trackable="meganav | Opinion"
1139
1148
  id="o-header-mega-7"
@@ -1353,6 +1362,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders ASK FT button 1`] =
1353
1362
  <div
1354
1363
  aria-labelledby="o-header-link-8"
1355
1364
  className="o-header__mega"
1365
+ data-ft-origin="npm:@financial-times/dotcom-middleware-navigation"
1356
1366
  data-o-header-mega={true}
1357
1367
  data-trackable="meganav | Work & Careers"
1358
1368
  id="o-header-mega-8"
@@ -1539,6 +1549,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders ASK FT button 1`] =
1539
1549
  <div
1540
1550
  aria-labelledby="o-header-link-9"
1541
1551
  className="o-header__mega"
1552
+ data-ft-origin="npm:@financial-times/dotcom-middleware-navigation"
1542
1553
  data-o-header-mega={true}
1543
1554
  data-trackable="meganav | Life & Arts"
1544
1555
  id="o-header-mega-9"
@@ -1873,6 +1884,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders ASK FT button 1`] =
1873
1884
  exports[`dotcom-ui-header/src/components/MainHeader renders FT Pro Dropdown menu 1`] = `
1874
1885
  <header
1875
1886
  className="o-header o-header--simple"
1887
+ data-ft-origin="npm:@financial-times/dotcom-ui-header"
1876
1888
  data-o-component="o-header"
1877
1889
  data-o-header--no-js={true}
1878
1890
  id="site-navigation"
@@ -1948,6 +1960,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders FT Pro Dropdown menu
1948
1960
  </div>
1949
1961
  <div
1950
1962
  className="o-header__top-column o-header__top-column--right"
1963
+ data-ft-origin="npm:@financial-times/middleware-user-data"
1951
1964
  >
1952
1965
  <a
1953
1966
  className="o-header__top-button o-header__top-button--hide-m"
@@ -2251,6 +2264,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders FT Pro Dropdown menu
2251
2264
  </div>
2252
2265
  <div
2253
2266
  className="o-header__row o-header__search o-header__search--primary"
2267
+ data-ft-origin="npm:@financial-times/dotcom-ui-header"
2254
2268
  data-o-header-search={true}
2255
2269
  data-trackable="header-search"
2256
2270
  id="o-header-search-primary"
@@ -2343,6 +2357,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders FT Pro Dropdown menu
2343
2357
  >
2344
2358
  <ul
2345
2359
  className="o-header__nav-list o-header__nav-list--left"
2360
+ data-ft-origin="npm:@financial-times/dotcom-middleware-navigation"
2346
2361
  data-trackable="primary-nav"
2347
2362
  >
2348
2363
  <li
@@ -2373,6 +2388,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders FT Pro Dropdown menu
2373
2388
  <div
2374
2389
  aria-labelledby="o-header-link-1"
2375
2390
  className="o-header__mega"
2391
+ data-ft-origin="npm:@financial-times/dotcom-middleware-navigation"
2376
2392
  data-o-header-mega={true}
2377
2393
  data-trackable="meganav | World"
2378
2394
  id="o-header-mega-1"
@@ -2614,6 +2630,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders FT Pro Dropdown menu
2614
2630
  <div
2615
2631
  aria-labelledby="o-header-link-2"
2616
2632
  className="o-header__mega"
2633
+ data-ft-origin="npm:@financial-times/dotcom-middleware-navigation"
2617
2634
  data-o-header-mega={true}
2618
2635
  data-trackable="meganav | UK"
2619
2636
  id="o-header-mega-2"
@@ -2778,6 +2795,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders FT Pro Dropdown menu
2778
2795
  <div
2779
2796
  aria-labelledby="o-header-link-3"
2780
2797
  className="o-header__mega"
2798
+ data-ft-origin="npm:@financial-times/dotcom-middleware-navigation"
2781
2799
  data-o-header-mega={true}
2782
2800
  data-trackable="meganav | Companies"
2783
2801
  id="o-header-mega-3"
@@ -3031,6 +3049,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders FT Pro Dropdown menu
3031
3049
  <div
3032
3050
  aria-labelledby="o-header-link-5"
3033
3051
  className="o-header__mega"
3052
+ data-ft-origin="npm:@financial-times/dotcom-middleware-navigation"
3034
3053
  data-o-header-mega={true}
3035
3054
  data-trackable="meganav | Markets"
3036
3055
  id="o-header-mega-5"
@@ -3273,6 +3292,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders FT Pro Dropdown menu
3273
3292
  <div
3274
3293
  aria-labelledby="o-header-link-7"
3275
3294
  className="o-header__mega"
3295
+ data-ft-origin="npm:@financial-times/dotcom-middleware-navigation"
3276
3296
  data-o-header-mega={true}
3277
3297
  data-trackable="meganav | Opinion"
3278
3298
  id="o-header-mega-7"
@@ -3492,6 +3512,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders FT Pro Dropdown menu
3492
3512
  <div
3493
3513
  aria-labelledby="o-header-link-8"
3494
3514
  className="o-header__mega"
3515
+ data-ft-origin="npm:@financial-times/dotcom-middleware-navigation"
3495
3516
  data-o-header-mega={true}
3496
3517
  data-trackable="meganav | Work & Careers"
3497
3518
  id="o-header-mega-8"
@@ -3678,6 +3699,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders FT Pro Dropdown menu
3678
3699
  <div
3679
3700
  aria-labelledby="o-header-link-9"
3680
3701
  className="o-header__mega"
3702
+ data-ft-origin="npm:@financial-times/dotcom-middleware-navigation"
3681
3703
  data-o-header-mega={true}
3682
3704
  data-trackable="meganav | Life & Arts"
3683
3705
  id="o-header-mega-9"
@@ -4012,6 +4034,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders FT Pro Dropdown menu
4012
4034
  exports[`dotcom-ui-header/src/components/MainHeader renders a right aligned subnav 1`] = `
4013
4035
  <header
4014
4036
  className="o-header o-header--simple"
4037
+ data-ft-origin="npm:@financial-times/dotcom-ui-header"
4015
4038
  data-o-component="o-header"
4016
4039
  data-o-header--no-js={true}
4017
4040
  id="site-navigation"
@@ -4087,6 +4110,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders a right aligned subn
4087
4110
  </div>
4088
4111
  <div
4089
4112
  className="o-header__top-column o-header__top-column--right"
4113
+ data-ft-origin="npm:@financial-times/middleware-user-data"
4090
4114
  >
4091
4115
  <a
4092
4116
  className="o-header__top-button o-header__top-button--hide-m"
@@ -4112,6 +4136,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders a right aligned subn
4112
4136
  </div>
4113
4137
  <div
4114
4138
  className="o-header__row o-header__search o-header__search--primary"
4139
+ data-ft-origin="npm:@financial-times/dotcom-ui-header"
4115
4140
  data-o-header-search={true}
4116
4141
  data-trackable="header-search"
4117
4142
  id="o-header-search-primary"
@@ -4204,6 +4229,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders a right aligned subn
4204
4229
  >
4205
4230
  <ul
4206
4231
  className="o-header__nav-list o-header__nav-list--left"
4232
+ data-ft-origin="npm:@financial-times/dotcom-middleware-navigation"
4207
4233
  data-trackable="primary-nav"
4208
4234
  >
4209
4235
  <li
@@ -4234,6 +4260,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders a right aligned subn
4234
4260
  <div
4235
4261
  aria-labelledby="o-header-link-1"
4236
4262
  className="o-header__mega"
4263
+ data-ft-origin="npm:@financial-times/dotcom-middleware-navigation"
4237
4264
  data-o-header-mega={true}
4238
4265
  data-trackable="meganav | World"
4239
4266
  id="o-header-mega-1"
@@ -4475,6 +4502,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders a right aligned subn
4475
4502
  <div
4476
4503
  aria-labelledby="o-header-link-2"
4477
4504
  className="o-header__mega"
4505
+ data-ft-origin="npm:@financial-times/dotcom-middleware-navigation"
4478
4506
  data-o-header-mega={true}
4479
4507
  data-trackable="meganav | UK"
4480
4508
  id="o-header-mega-2"
@@ -4639,6 +4667,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders a right aligned subn
4639
4667
  <div
4640
4668
  aria-labelledby="o-header-link-3"
4641
4669
  className="o-header__mega"
4670
+ data-ft-origin="npm:@financial-times/dotcom-middleware-navigation"
4642
4671
  data-o-header-mega={true}
4643
4672
  data-trackable="meganav | Companies"
4644
4673
  id="o-header-mega-3"
@@ -4892,6 +4921,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders a right aligned subn
4892
4921
  <div
4893
4922
  aria-labelledby="o-header-link-5"
4894
4923
  className="o-header__mega"
4924
+ data-ft-origin="npm:@financial-times/dotcom-middleware-navigation"
4895
4925
  data-o-header-mega={true}
4896
4926
  data-trackable="meganav | Markets"
4897
4927
  id="o-header-mega-5"
@@ -5134,6 +5164,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders a right aligned subn
5134
5164
  <div
5135
5165
  aria-labelledby="o-header-link-7"
5136
5166
  className="o-header__mega"
5167
+ data-ft-origin="npm:@financial-times/dotcom-middleware-navigation"
5137
5168
  data-o-header-mega={true}
5138
5169
  data-trackable="meganav | Opinion"
5139
5170
  id="o-header-mega-7"
@@ -5353,6 +5384,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders a right aligned subn
5353
5384
  <div
5354
5385
  aria-labelledby="o-header-link-8"
5355
5386
  className="o-header__mega"
5387
+ data-ft-origin="npm:@financial-times/dotcom-middleware-navigation"
5356
5388
  data-o-header-mega={true}
5357
5389
  data-trackable="meganav | Work & Careers"
5358
5390
  id="o-header-mega-8"
@@ -5539,6 +5571,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders a right aligned subn
5539
5571
  <div
5540
5572
  aria-labelledby="o-header-link-9"
5541
5573
  className="o-header__mega"
5574
+ data-ft-origin="npm:@financial-times/dotcom-middleware-navigation"
5542
5575
  data-o-header-mega={true}
5543
5576
  data-trackable="meganav | Life & Arts"
5544
5577
  id="o-header-mega-9"
@@ -5868,6 +5901,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders a right aligned subn
5868
5901
  exports[`dotcom-ui-header/src/components/MainHeader renders as a logged in user 1`] = `
5869
5902
  <header
5870
5903
  className="o-header o-header--simple"
5904
+ data-ft-origin="npm:@financial-times/dotcom-ui-header"
5871
5905
  data-o-component="o-header"
5872
5906
  data-o-header--no-js={true}
5873
5907
  id="site-navigation"
@@ -5943,6 +5977,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders as a logged in user
5943
5977
  </div>
5944
5978
  <div
5945
5979
  className="o-header__top-column o-header__top-column--right"
5980
+ data-ft-origin="npm:@financial-times/middleware-user-data"
5946
5981
  >
5947
5982
  <a
5948
5983
  className="o-header__top-button o-header__top-button--hide-m"
@@ -5968,6 +6003,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders as a logged in user
5968
6003
  </div>
5969
6004
  <div
5970
6005
  className="o-header__row o-header__search o-header__search--primary"
6006
+ data-ft-origin="npm:@financial-times/dotcom-ui-header"
5971
6007
  data-o-header-search={true}
5972
6008
  data-trackable="header-search"
5973
6009
  id="o-header-search-primary"
@@ -6060,6 +6096,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders as a logged in user
6060
6096
  >
6061
6097
  <ul
6062
6098
  className="o-header__nav-list o-header__nav-list--left"
6099
+ data-ft-origin="npm:@financial-times/dotcom-middleware-navigation"
6063
6100
  data-trackable="primary-nav"
6064
6101
  >
6065
6102
  <li
@@ -6090,6 +6127,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders as a logged in user
6090
6127
  <div
6091
6128
  aria-labelledby="o-header-link-1"
6092
6129
  className="o-header__mega"
6130
+ data-ft-origin="npm:@financial-times/dotcom-middleware-navigation"
6093
6131
  data-o-header-mega={true}
6094
6132
  data-trackable="meganav | World"
6095
6133
  id="o-header-mega-1"
@@ -6331,6 +6369,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders as a logged in user
6331
6369
  <div
6332
6370
  aria-labelledby="o-header-link-2"
6333
6371
  className="o-header__mega"
6372
+ data-ft-origin="npm:@financial-times/dotcom-middleware-navigation"
6334
6373
  data-o-header-mega={true}
6335
6374
  data-trackable="meganav | UK"
6336
6375
  id="o-header-mega-2"
@@ -6495,6 +6534,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders as a logged in user
6495
6534
  <div
6496
6535
  aria-labelledby="o-header-link-3"
6497
6536
  className="o-header__mega"
6537
+ data-ft-origin="npm:@financial-times/dotcom-middleware-navigation"
6498
6538
  data-o-header-mega={true}
6499
6539
  data-trackable="meganav | Companies"
6500
6540
  id="o-header-mega-3"
@@ -6748,6 +6788,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders as a logged in user
6748
6788
  <div
6749
6789
  aria-labelledby="o-header-link-5"
6750
6790
  className="o-header__mega"
6791
+ data-ft-origin="npm:@financial-times/dotcom-middleware-navigation"
6751
6792
  data-o-header-mega={true}
6752
6793
  data-trackable="meganav | Markets"
6753
6794
  id="o-header-mega-5"
@@ -6990,6 +7031,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders as a logged in user
6990
7031
  <div
6991
7032
  aria-labelledby="o-header-link-7"
6992
7033
  className="o-header__mega"
7034
+ data-ft-origin="npm:@financial-times/dotcom-middleware-navigation"
6993
7035
  data-o-header-mega={true}
6994
7036
  data-trackable="meganav | Opinion"
6995
7037
  id="o-header-mega-7"
@@ -7209,6 +7251,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders as a logged in user
7209
7251
  <div
7210
7252
  aria-labelledby="o-header-link-8"
7211
7253
  className="o-header__mega"
7254
+ data-ft-origin="npm:@financial-times/dotcom-middleware-navigation"
7212
7255
  data-o-header-mega={true}
7213
7256
  data-trackable="meganav | Work & Careers"
7214
7257
  id="o-header-mega-8"
@@ -7395,6 +7438,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders as a logged in user
7395
7438
  <div
7396
7439
  aria-labelledby="o-header-link-9"
7397
7440
  className="o-header__mega"
7441
+ data-ft-origin="npm:@financial-times/dotcom-middleware-navigation"
7398
7442
  data-o-header-mega={true}
7399
7443
  data-trackable="meganav | Life & Arts"
7400
7444
  id="o-header-mega-9"
@@ -7729,6 +7773,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders as a logged in user
7729
7773
  exports[`dotcom-ui-header/src/components/MainHeader renders as an anonymous user 1`] = `
7730
7774
  <header
7731
7775
  className="o-header o-header--simple"
7776
+ data-ft-origin="npm:@financial-times/dotcom-ui-header"
7732
7777
  data-o-component="o-header"
7733
7778
  data-o-header--no-js={true}
7734
7779
  id="site-navigation"
@@ -7804,6 +7849,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders as an anonymous user
7804
7849
  </div>
7805
7850
  <div
7806
7851
  className="o-header__top-column o-header__top-column--right"
7852
+ data-ft-origin="npm:@financial-times/middleware-user-data"
7807
7853
  >
7808
7854
  <a
7809
7855
  className="o-header__top-button o-header__top-button--hide-m"
@@ -7829,6 +7875,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders as an anonymous user
7829
7875
  </div>
7830
7876
  <div
7831
7877
  className="o-header__row o-header__search o-header__search--primary"
7878
+ data-ft-origin="npm:@financial-times/dotcom-ui-header"
7832
7879
  data-o-header-search={true}
7833
7880
  data-trackable="header-search"
7834
7881
  id="o-header-search-primary"
@@ -7921,6 +7968,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders as an anonymous user
7921
7968
  >
7922
7969
  <ul
7923
7970
  className="o-header__nav-list o-header__nav-list--left"
7971
+ data-ft-origin="npm:@financial-times/dotcom-middleware-navigation"
7924
7972
  data-trackable="primary-nav"
7925
7973
  >
7926
7974
  <li
@@ -7951,6 +7999,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders as an anonymous user
7951
7999
  <div
7952
8000
  aria-labelledby="o-header-link-1"
7953
8001
  className="o-header__mega"
8002
+ data-ft-origin="npm:@financial-times/dotcom-middleware-navigation"
7954
8003
  data-o-header-mega={true}
7955
8004
  data-trackable="meganav | World"
7956
8005
  id="o-header-mega-1"
@@ -8192,6 +8241,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders as an anonymous user
8192
8241
  <div
8193
8242
  aria-labelledby="o-header-link-2"
8194
8243
  className="o-header__mega"
8244
+ data-ft-origin="npm:@financial-times/dotcom-middleware-navigation"
8195
8245
  data-o-header-mega={true}
8196
8246
  data-trackable="meganav | UK"
8197
8247
  id="o-header-mega-2"
@@ -8356,6 +8406,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders as an anonymous user
8356
8406
  <div
8357
8407
  aria-labelledby="o-header-link-3"
8358
8408
  className="o-header__mega"
8409
+ data-ft-origin="npm:@financial-times/dotcom-middleware-navigation"
8359
8410
  data-o-header-mega={true}
8360
8411
  data-trackable="meganav | Companies"
8361
8412
  id="o-header-mega-3"
@@ -8609,6 +8660,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders as an anonymous user
8609
8660
  <div
8610
8661
  aria-labelledby="o-header-link-5"
8611
8662
  className="o-header__mega"
8663
+ data-ft-origin="npm:@financial-times/dotcom-middleware-navigation"
8612
8664
  data-o-header-mega={true}
8613
8665
  data-trackable="meganav | Markets"
8614
8666
  id="o-header-mega-5"
@@ -8851,6 +8903,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders as an anonymous user
8851
8903
  <div
8852
8904
  aria-labelledby="o-header-link-7"
8853
8905
  className="o-header__mega"
8906
+ data-ft-origin="npm:@financial-times/dotcom-middleware-navigation"
8854
8907
  data-o-header-mega={true}
8855
8908
  data-trackable="meganav | Opinion"
8856
8909
  id="o-header-mega-7"
@@ -9070,6 +9123,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders as an anonymous user
9070
9123
  <div
9071
9124
  aria-labelledby="o-header-link-8"
9072
9125
  className="o-header__mega"
9126
+ data-ft-origin="npm:@financial-times/dotcom-middleware-navigation"
9073
9127
  data-o-header-mega={true}
9074
9128
  data-trackable="meganav | Work & Careers"
9075
9129
  id="o-header-mega-8"
@@ -9256,6 +9310,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders as an anonymous user
9256
9310
  <div
9257
9311
  aria-labelledby="o-header-link-9"
9258
9312
  className="o-header__mega"
9313
+ data-ft-origin="npm:@financial-times/dotcom-middleware-navigation"
9259
9314
  data-o-header-mega={true}
9260
9315
  data-trackable="meganav | Life & Arts"
9261
9316
  id="o-header-mega-9"
@@ -9590,6 +9645,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders as an anonymous user
9590
9645
  exports[`dotcom-ui-header/src/components/MainHeader renders restart subscription button when showRestartSubscriptionButton is true 1`] = `
9591
9646
  <header
9592
9647
  className="o-header o-header--simple"
9648
+ data-ft-origin="npm:@financial-times/dotcom-ui-header"
9593
9649
  data-o-component="o-header"
9594
9650
  data-o-header--no-js={true}
9595
9651
  id="site-navigation"
@@ -9665,6 +9721,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders restart subscription
9665
9721
  </div>
9666
9722
  <div
9667
9723
  className="o-header__top-column o-header__top-column--right"
9724
+ data-ft-origin="npm:@financial-times/middleware-user-data"
9668
9725
  >
9669
9726
  <a
9670
9727
  className="o-header__top-button o3-button o3-button--primary o3-button--small o-header__top-button--hide-m"
@@ -9698,6 +9755,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders restart subscription
9698
9755
  </div>
9699
9756
  <div
9700
9757
  className="o-header__row o-header__search o-header__search--primary"
9758
+ data-ft-origin="npm:@financial-times/dotcom-ui-header"
9701
9759
  data-o-header-search={true}
9702
9760
  data-trackable="header-search"
9703
9761
  id="o-header-search-primary"
@@ -9790,6 +9848,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders restart subscription
9790
9848
  >
9791
9849
  <ul
9792
9850
  className="o-header__nav-list o-header__nav-list--left"
9851
+ data-ft-origin="npm:@financial-times/dotcom-middleware-navigation"
9793
9852
  data-trackable="primary-nav"
9794
9853
  >
9795
9854
  <li
@@ -9820,6 +9879,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders restart subscription
9820
9879
  <div
9821
9880
  aria-labelledby="o-header-link-1"
9822
9881
  className="o-header__mega"
9882
+ data-ft-origin="npm:@financial-times/dotcom-middleware-navigation"
9823
9883
  data-o-header-mega={true}
9824
9884
  data-trackable="meganav | World"
9825
9885
  id="o-header-mega-1"
@@ -10061,6 +10121,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders restart subscription
10061
10121
  <div
10062
10122
  aria-labelledby="o-header-link-2"
10063
10123
  className="o-header__mega"
10124
+ data-ft-origin="npm:@financial-times/dotcom-middleware-navigation"
10064
10125
  data-o-header-mega={true}
10065
10126
  data-trackable="meganav | UK"
10066
10127
  id="o-header-mega-2"
@@ -10225,6 +10286,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders restart subscription
10225
10286
  <div
10226
10287
  aria-labelledby="o-header-link-3"
10227
10288
  className="o-header__mega"
10289
+ data-ft-origin="npm:@financial-times/dotcom-middleware-navigation"
10228
10290
  data-o-header-mega={true}
10229
10291
  data-trackable="meganav | Companies"
10230
10292
  id="o-header-mega-3"
@@ -10478,6 +10540,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders restart subscription
10478
10540
  <div
10479
10541
  aria-labelledby="o-header-link-5"
10480
10542
  className="o-header__mega"
10543
+ data-ft-origin="npm:@financial-times/dotcom-middleware-navigation"
10481
10544
  data-o-header-mega={true}
10482
10545
  data-trackable="meganav | Markets"
10483
10546
  id="o-header-mega-5"
@@ -10720,6 +10783,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders restart subscription
10720
10783
  <div
10721
10784
  aria-labelledby="o-header-link-7"
10722
10785
  className="o-header__mega"
10786
+ data-ft-origin="npm:@financial-times/dotcom-middleware-navigation"
10723
10787
  data-o-header-mega={true}
10724
10788
  data-trackable="meganav | Opinion"
10725
10789
  id="o-header-mega-7"
@@ -10939,6 +11003,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders restart subscription
10939
11003
  <div
10940
11004
  aria-labelledby="o-header-link-8"
10941
11005
  className="o-header__mega"
11006
+ data-ft-origin="npm:@financial-times/dotcom-middleware-navigation"
10942
11007
  data-o-header-mega={true}
10943
11008
  data-trackable="meganav | Work & Careers"
10944
11009
  id="o-header-mega-8"
@@ -11125,6 +11190,7 @@ exports[`dotcom-ui-header/src/components/MainHeader renders restart subscription
11125
11190
  <div
11126
11191
  aria-labelledby="o-header-link-9"
11127
11192
  className="o-header__mega"
11193
+ data-ft-origin="npm:@financial-times/dotcom-middleware-navigation"
11128
11194
  data-o-header-mega={true}
11129
11195
  data-trackable="meganav | Life & Arts"
11130
11196
  id="o-header-mega-9"
package/src/__test__/components/__snapshots__/NoOutboundLinks.spec.tsx.snap CHANGED
@@ -3,6 +3,7 @@
3
3
  exports[`dotcom-ui-header/src/components/NoOutboundLinksHeader renders as a logged in user 1`] = `
4
4
  <header
5
5
  className="o-header o-header--simple"
6
+ data-ft-origin="npm:@financial-times/dotcom-ui-header"
6
7
  data-o-component="o-header"
7
8
  data-o-header--no-js={true}
8
9
  id="site-navigation"
@@ -171,6 +172,7 @@ exports[`dotcom-ui-header/src/components/NoOutboundLinksHeader renders as a logg
171
172
  exports[`dotcom-ui-header/src/components/NoOutboundLinksHeader renders as an anonymous user 1`] = `
172
173
  <header
173
174
  className="o-header o-header--simple"
175
+ data-ft-origin="npm:@financial-times/dotcom-ui-header"
174
176
  data-o-component="o-header"
175
177
  data-o-header--no-js={true}
176
178
  id="site-navigation"
package/src/__test__/components/__snapshots__/StickyHeader.spec.tsx.snap CHANGED
@@ -4,6 +4,7 @@ exports[`dotcom-ui-header/src/components/StickyHeader renders ASK FT button 1`]
4
4
  <header
5
5
  aria-hidden="true"
6
6
  className="o-header o-header--simple o-header--sticky o--if-js"
7
+ data-ft-origin="npm:@financial-times/dotcom-ui-header"
7
8
  data-o-component="o-header"
8
9
  data-o-header--sticky={true}
9
10
  >
@@ -47,11 +48,12 @@ exports[`dotcom-ui-header/src/components/StickyHeader renders ASK FT button 1`]
47
48
  </span>
48
49
  </a>
49
50
  <a
50
- className="o3-button o3-button--primary ft-header__ask-ft-button ft-header__ask-ft-button--top o3-button--small o3-button-icon o3-button-icon--sparkles o3-apply-focus-rings"
51
+ className="o3-button o3-button--primary ft-header__ask-ft-button ft-header__ask-ft-button--sticky o3-button--small o3-button-icon o3-button-icon--sparkles o3-apply-focus-rings"
51
52
  data-o3-theme="neutral"
52
53
  data-trackable="ask-ft-button-sticky"
53
54
  href="https://ask.ft.com"
54
55
  id="ask-ft-button-sticky"
56
+ tabindex="-1"
55
57
  >
56
58
  Ask FT
57
59
  </a>
@@ -220,6 +222,7 @@ exports[`dotcom-ui-header/src/components/StickyHeader renders ASK FT button 1`]
220
222
  </div>
221
223
  <div
222
224
  className="o-header__top-column o-header__top-column--right"
225
+ data-ft-origin="npm:@financial-times/middleware-user-data"
223
226
  >
224
227
  <a
225
228
  className="o-header__top-button o-header__top-button--hide-m"
@@ -247,6 +250,7 @@ exports[`dotcom-ui-header/src/components/StickyHeader renders ASK FT button 1`]
247
250
  </div>
248
251
  <div
249
252
  className="o-header__row o-header__search o-header__search--sticky"
253
+ data-ft-origin="npm:@financial-times/dotcom-ui-header"
250
254
  data-o-header-search={true}
251
255
  data-trackable="header-search"
252
256
  id="o-header-search-sticky"
@@ -334,6 +338,7 @@ exports[`dotcom-ui-header/src/components/StickyHeader renders FT Pro dropdown me
334
338
  <header
335
339
  aria-hidden="true"
336
340
  className="o-header o-header--simple o-header--sticky o--if-js"
341
+ data-ft-origin="npm:@financial-times/dotcom-ui-header"
337
342
  data-o-component="o-header"
338
343
  data-o-header--sticky={true}
339
344
  >
@@ -541,6 +546,7 @@ exports[`dotcom-ui-header/src/components/StickyHeader renders FT Pro dropdown me
541
546
  </div>
542
547
  <div
543
548
  className="o-header__top-column o-header__top-column--right"
549
+ data-ft-origin="npm:@financial-times/middleware-user-data"
544
550
  >
545
551
  <a
546
552
  className="o-header__top-button o-header__top-button--hide-m"
@@ -562,7 +568,7 @@ exports[`dotcom-ui-header/src/components/StickyHeader renders FT Pro dropdown me
562
568
  className="o-header__dropdown-button"
563
569
  data-trackable="pro_navigation_toggle_click"
564
570
  id="pro_navigation_toggle_sticky"
565
- tabIndex={0}
571
+ tabIndex={-1}
566
572
  >
567
573
  <div
568
574
  className="o-header__dropdown-button-user-icon-wrapper"
@@ -845,6 +851,7 @@ exports[`dotcom-ui-header/src/components/StickyHeader renders FT Pro dropdown me
845
851
  </div>
846
852
  <div
847
853
  className="o-header__row o-header__search o-header__search--sticky"
854
+ data-ft-origin="npm:@financial-times/dotcom-ui-header"
848
855
  data-o-header-search={true}
849
856
  data-trackable="header-search"
850
857
  id="o-header-search-sticky"
@@ -932,6 +939,7 @@ exports[`dotcom-ui-header/src/components/StickyHeader renders as a logged in use
932
939
  <header
933
940
  aria-hidden="true"
934
941
  className="o-header o-header--simple o-header--sticky o--if-js"
942
+ data-ft-origin="npm:@financial-times/dotcom-ui-header"
935
943
  data-o-component="o-header"
936
944
  data-o-header--sticky={true}
937
945
  >
@@ -1139,6 +1147,7 @@ exports[`dotcom-ui-header/src/components/StickyHeader renders as a logged in use
1139
1147
  </div>
1140
1148
  <div
1141
1149
  className="o-header__top-column o-header__top-column--right"
1150
+ data-ft-origin="npm:@financial-times/middleware-user-data"
1142
1151
  >
1143
1152
  <a
1144
1153
  className="o-header__top-button o-header__top-button--hide-m"
@@ -1166,6 +1175,7 @@ exports[`dotcom-ui-header/src/components/StickyHeader renders as a logged in use
1166
1175
  </div>
1167
1176
  <div
1168
1177
  className="o-header__row o-header__search o-header__search--sticky"
1178
+ data-ft-origin="npm:@financial-times/dotcom-ui-header"
1169
1179
  data-o-header-search={true}
1170
1180
  data-trackable="header-search"
1171
1181
  id="o-header-search-sticky"
@@ -1253,6 +1263,7 @@ exports[`dotcom-ui-header/src/components/StickyHeader renders as an anonymous us
1253
1263
  <header
1254
1264
  aria-hidden="true"
1255
1265
  className="o-header o-header--simple o-header--sticky o--if-js"
1266
+ data-ft-origin="npm:@financial-times/dotcom-ui-header"
1256
1267
  data-o-component="o-header"
1257
1268
  data-o-header--sticky={true}
1258
1269
  >
@@ -1460,6 +1471,7 @@ exports[`dotcom-ui-header/src/components/StickyHeader renders as an anonymous us
1460
1471
  </div>
1461
1472
  <div
1462
1473
  className="o-header__top-column o-header__top-column--right"
1474
+ data-ft-origin="npm:@financial-times/middleware-user-data"
1463
1475
  >
1464
1476
  <a
1465
1477
  className="o-header__top-button o-header__top-button--hide-m"
@@ -1475,6 +1487,7 @@ exports[`dotcom-ui-header/src/components/StickyHeader renders as an anonymous us
1475
1487
  data-trackable="Sign In"
1476
1488
  href="/login?location=#"
1477
1489
  id="o-header-top-link-signin"
1490
+ tabIndex={-1}
1478
1491
  >
1479
1492
  <span>
1480
1493
  Sign In
@@ -1486,6 +1499,7 @@ exports[`dotcom-ui-header/src/components/StickyHeader renders as an anonymous us
1486
1499
  </div>
1487
1500
  <div
1488
1501
  className="o-header__row o-header__search o-header__search--sticky"
1502
+ data-ft-origin="npm:@financial-times/dotcom-ui-header"
1489
1503
  data-o-header-search={true}
1490
1504
  data-trackable="header-search"
1491
1505
  id="o-header-search-sticky"
@@ -1573,6 +1587,7 @@ exports[`dotcom-ui-header/src/components/StickyHeader renders restart subscripti
1573
1587
  <header
1574
1588
  aria-hidden="true"
1575
1589
  className="o-header o-header--simple o-header--sticky o--if-js"
1590
+ data-ft-origin="npm:@financial-times/dotcom-ui-header"
1576
1591
  data-o-component="o-header"
1577
1592
  data-o-header--sticky={true}
1578
1593
  >
@@ -1780,6 +1795,7 @@ exports[`dotcom-ui-header/src/components/StickyHeader renders restart subscripti
1780
1795
  </div>
1781
1796
  <div
1782
1797
  className="o-header__top-column o-header__top-column--right"
1798
+ data-ft-origin="npm:@financial-times/middleware-user-data"
1783
1799
  >
1784
1800
  <a
1785
1801
  className="o-header__top-button o3-button o3-button--primary o3-button--small o-header__top-button--hide-m"
@@ -1816,6 +1832,7 @@ exports[`dotcom-ui-header/src/components/StickyHeader renders restart subscripti
1816
1832
  </div>
1817
1833
  <div
1818
1834
  className="o-header__row o-header__search o-header__search--sticky"
1835
+ data-ft-origin="npm:@financial-times/dotcom-ui-header"
1819
1836
  data-o-header-search={true}
1820
1837
  data-trackable="header-search"
1821
1838
  id="o-header-search-sticky"