@financial-times/dotcom-ui-header 7.1.4 → 7.2.4

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 (5) hide show
  1. package/dist/node/components/drawer/topLevelPartials.js +2 -2
  2. package/dist/node/components/navigation/partials.js +1 -1
  3. package/package.json +2 -2
  4. package/src/components/drawer/topLevelPartials.tsx +6 -2
  5. package/src/components/navigation/partials.tsx +5 -1
package/dist/node/components/drawer/topLevelPartials.js CHANGED
@@ -20,7 +20,7 @@ const Drawer = (props) => {
20
20
  react_1.default.createElement(Search, null),
21
21
  react_1.default.createElement("nav", { className: "o-header__drawer-menu o-header__drawer-menu--primary o-header__drawer-menu--border" },
22
22
  editions && react_1.default.createElement(additionalPartials_1.EditionsSwitcher, Object.assign({}, editions)),
23
- react_1.default.createElement("ul", { className: "o-header__drawer-menu-list" },
23
+ react_1.default.createElement("ul", { "data-component": "drawer-menu--primary__drawer-menu-list", className: "o-header__drawer-menu-list" },
24
24
  primary ? react_1.default.createElement(SectionPrimary, Object.assign({}, primary)) : null,
25
25
  secondary ? react_1.default.createElement(SectionSecondary, Object.assign({}, secondary)) : null,
26
26
  tertiary ? react_1.default.createElement(SectionTertiary, Object.assign({}, tertiary)) : null)),
@@ -56,7 +56,7 @@ const SectionTertiary = (props) => {
56
56
  var _a;
57
57
  return (react_1.default.createElement(react_1.default.Fragment, null, ((_a = props.submenu) === null || _a === void 0 ? void 0 : _a.items).map((item, index) => {
58
58
  const divideItem = index === 0 ? 'o-header__drawer-menu-item--divide' : '';
59
- return (react_1.default.createElement("li", { key: item.url, className: `o-header__drawer-menu-item ${divideItem}` },
59
+ return (react_1.default.createElement("li", { "data-component": divideItem ? 'drawer-menu-item--divide' : undefined, key: item.url, className: `o-header__drawer-menu-item ${divideItem}` },
60
60
  react_1.default.createElement(additionalPartials_1.DrawerSpecialItem, Object.assign({}, item))));
61
61
  })));
62
62
  };
package/dist/node/components/navigation/partials.js CHANGED
@@ -35,7 +35,7 @@ const NavListRight = (props) => {
35
35
  };
36
36
  exports.NavListRight = NavListRight;
37
37
  const NavListRightLoggedIn = ({ items }) => {
38
- return (react_1.default.createElement("ul", { className: "o-header__nav-list o-header__nav-list--right", "data-trackable": "user-nav" }, items.map((item, index) => {
38
+ return (react_1.default.createElement("ul", { "data-component": "nav-list--right", className: "o-header__nav-list o-header__nav-list--right", "data-trackable": "user-nav" }, items.map((item, index) => {
39
39
  var _a;
40
40
  return (react_1.default.createElement("li", { className: "o-header__nav-item", key: `link-${index}` },
41
41
  react_1.default.createElement("a", { className: "o-header__nav-link", href: (_a = item.url) !== null && _a !== void 0 ? _a : undefined, "data-trackable": item.label }, item.label)));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@financial-times/dotcom-ui-header",
3
- "version": "7.1.4",
3
+ "version": "7.2.4",
4
4
  "description": "",
5
5
  "browser": "browser.js",
6
6
  "main": "component.js",
@@ -23,7 +23,7 @@
23
23
  "author": "",
24
24
  "license": "MIT",
25
25
  "dependencies": {
26
- "@financial-times/dotcom-types-navigation": "^7.1.4",
26
+ "@financial-times/dotcom-types-navigation": "^7.2.4",
27
27
  "n-topic-search": "^4.0.0",
28
28
  "n-ui-foundations": "^9.0.0"
29
29
  },
package/src/components/drawer/topLevelPartials.tsx CHANGED
@@ -34,7 +34,7 @@ const Drawer = (props: THeaderProps) => {
34
34
  <Search />
35
35
  <nav className="o-header__drawer-menu o-header__drawer-menu--primary o-header__drawer-menu--border">
36
36
  {editions && <EditionsSwitcher {...editions} />}
37
- <ul className="o-header__drawer-menu-list">
37
+ <ul data-component="drawer-menu--primary__drawer-menu-list" className="o-header__drawer-menu-list">
38
38
  {primary ? <SectionPrimary {...primary} /> : null}
39
39
  {secondary ? <SectionSecondary {...secondary} /> : null}
40
40
  {tertiary ? <SectionTertiary {...tertiary} /> : null}
@@ -136,7 +136,11 @@ const SectionTertiary = (props: TNavMenuItem) => (
136
136
  const divideItem = index === 0 ? 'o-header__drawer-menu-item--divide' : ''
137
137
 
138
138
  return (
139
- <li key={item.url} className={`o-header__drawer-menu-item ${divideItem}`}>
139
+ <li
140
+ data-component={divideItem ? 'drawer-menu-item--divide' : undefined}
141
+ key={item.url}
142
+ className={`o-header__drawer-menu-item ${divideItem}`}
143
+ >
140
144
  <DrawerSpecialItem {...item} />
141
145
  </li>
142
146
  )
package/src/components/navigation/partials.tsx CHANGED
@@ -82,7 +82,11 @@ const NavListRight = (props: THeaderProps) => {
82
82
 
83
83
  const NavListRightLoggedIn = ({ items }: { items: TNavMenuItem[] }) => {
84
84
  return (
85
- <ul className="o-header__nav-list o-header__nav-list--right" data-trackable="user-nav">
85
+ <ul
86
+ data-component="nav-list--right"
87
+ className="o-header__nav-list o-header__nav-list--right"
88
+ data-trackable="user-nav"
89
+ >
86
90
  {items.map((item, index) => (
87
91
  <li className="o-header__nav-item" key={`link-${index}`}>
88
92
  <a className="o-header__nav-link" href={item.url ?? undefined} data-trackable={item.label}>