@financial-times/dotcom-ui-header 8.2.2 → 8.2.5

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.
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { TNavMenuItem, TNavEditions, TNavAction } from '@financial-times/dotcom-types-navigation';
3
2
  export declare type TDrawerParentItemProps = {
4
3
  item: TNavMenuItem;
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.SubscribeButton = exports.EditionsSwitcher = exports.DrawerSpecialItem = exports.DrawerSingleItem = exports.DrawerParentItem = void 0;
7
7
  const react_1 = __importDefault(require("react"));
8
8
  const utils_1 = require("../../utils");
9
- exports.DrawerParentItem = ({ item, idSuffix }) => {
9
+ const DrawerParentItem = ({ item, idSuffix }) => {
10
10
  var _a, _b;
11
11
  const selected = item.selected ? 'selected' : 'unselected';
12
12
  return (react_1.default.createElement(react_1.default.Fragment, null,
@@ -20,17 +20,20 @@ exports.DrawerParentItem = ({ item, idSuffix }) => {
20
20
  react_1.default.createElement("a", Object.assign({ className: `o-header__drawer-menu-link o-header__drawer-menu-link--${selected} o-header__drawer-menu-link--child`, href: (_a = item.url) !== null && _a !== void 0 ? _a : undefined, "data-trackable": item.label }, utils_1.ariaSelected(item)), item.label)));
21
21
  }))));
22
22
  };
23
- exports.DrawerSingleItem = (item) => {
23
+ exports.DrawerParentItem = DrawerParentItem;
24
+ const DrawerSingleItem = (item) => {
24
25
  var _a;
25
26
  const selected = item.selected ? 'selected' : 'unselected';
26
27
  return (react_1.default.createElement("a", Object.assign({ className: `o-header__drawer-menu-link o-header__drawer-menu-link--${selected}`, href: (_a = item.url) !== null && _a !== void 0 ? _a : undefined, "data-trackable": item.label }, utils_1.ariaSelected(item)), item.label));
27
28
  };
28
- exports.DrawerSpecialItem = (item) => {
29
+ exports.DrawerSingleItem = DrawerSingleItem;
30
+ const DrawerSpecialItem = (item) => {
29
31
  var _a;
30
32
  const selected = item.selected ? 'selected' : 'unselected';
31
33
  return (react_1.default.createElement("a", Object.assign({ className: `o-header__drawer-menu-link o-header__drawer-menu-link--${selected} o-header__drawer-menu-link--secondary`, href: (_a = item.url) !== null && _a !== void 0 ? _a : undefined, "data-trackable": item.label }, utils_1.ariaSelected(item)), item.label));
32
34
  };
33
- exports.EditionsSwitcher = (editions) => (react_1.default.createElement("ul", { className: "o-header__drawer-menu-list" }, editions.others.map(({ id, name, url }) => {
35
+ exports.DrawerSpecialItem = DrawerSpecialItem;
36
+ const EditionsSwitcher = (editions) => (react_1.default.createElement("ul", { className: "o-header__drawer-menu-list" }, editions.others.map(({ id, name, url }) => {
34
37
  const href = `${url}?edition=${id}`;
35
38
  return (react_1.default.createElement("li", { key: id, className: "o-header__drawer-menu-item", "data-trackable": "edition-switcher" },
36
39
  react_1.default.createElement("a", { className: "o-header__drawer-menu-link", href: href, "data-trackable": id },
@@ -38,5 +41,7 @@ exports.EditionsSwitcher = (editions) => (react_1.default.createElement("ul", {
38
41
  name,
39
42
  " Edition")));
40
43
  })));
41
- exports.SubscribeButton = (action) => (react_1.default.createElement("div", { className: "o-header__drawer-actions" },
44
+ exports.EditionsSwitcher = EditionsSwitcher;
45
+ const SubscribeButton = (action) => (react_1.default.createElement("div", { className: "o-header__drawer-actions" },
42
46
  react_1.default.createElement("a", { className: "o-header__drawer-button", role: "button", href: action.url, "data-trackable": "subscribe-button" }, action.name)));
47
+ exports.SubscribeButton = SubscribeButton;
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  declare const IncludeDrawer: (props: any) => JSX.Element;
3
2
  export { IncludeDrawer };
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { THeaderProps } from '../../interfaces';
3
2
  declare const MobileNav: (props: THeaderProps) => JSX.Element | null;
4
3
  declare const NavDesktop: (props: any) => JSX.Element;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  declare const Search: ({ instance }: {
3
2
  instance: any;
4
3
  }) => JSX.Element;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { THeaderProps } from '../../interfaces';
3
2
  declare const SubNavigation: (props: THeaderProps) => JSX.Element;
4
3
  export { SubNavigation };
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  declare const BrandFtMasthead: ({ title, ...props }: {
3
2
  [x: string]: any;
4
3
  title: any;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { THeaderProps } from '../../interfaces';
3
2
  import { TNavMenuItem } from '@financial-times/dotcom-types-navigation';
4
3
  declare const HeaderWrapper: (props: any) => JSX.Element;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { THeaderProps, THeaderOptions } from './interfaces';
3
2
  declare function MainHeader(props: THeaderProps): JSX.Element;
4
3
  declare namespace MainHeader {
@@ -1,6 +1,7 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.ariaSelected = void 0;
4
- exports.ariaSelected = (item) => {
4
+ const ariaSelected = (item) => {
5
5
  return item.selected ? { 'aria-label': `${item.label}, current page`, 'aria-current': 'page' } : null;
6
6
  };
7
+ exports.ariaSelected = ariaSelected;