@financial-times/dotcom-ui-header 9.0.0-beta.9 → 9.0.2

package/browser.js

@@ -1,12 +1,10 @@
 import Header from '@financial-times/o-header'
 import TopicSearch from 'n-topic-search'
-import EnhancedSearch from './src/enhanced-search/enhancedSearch'
+
 /**
  * @typedef HeaderOptions
  * @property { HTMLElement } [rootElement] - the root element passed to o-header
  * @property { string } [hostName]
- * @property { 'open' | 'close' } [searchState]
- * @property { string } [enhancedSearchUrl]
  */
 
 /**
@@ -18,12 +16,10 @@ export const init = (headerOptions = {}) => {
     '.o-header [data-n-topic-search], .o-header__drawer [data-n-topic-search]'
   )
   topicSearchElements.forEach((element) => {
-    headerOptions.enhancedSearchUrl
-      ? new EnhancedSearch(element, headerOptions)
-      : new TopicSearch(element, headerOptions)
+    new TopicSearch(element, headerOptions)
   })
 
-  Header.init(headerOptions.rootElement, { searchState: headerOptions.searchState })
+  Header.init(headerOptions.rootElement)
 }
 
 export { Header as OrigamiHeader }

package/dist/node/components/drawer/additionalPartials.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import React from 'react';
 import { TNavMenuItem, TNavEditions, TNavAction } from '@financial-times/dotcom-types-navigation';
 export declare type TDrawerParentItemProps = {
     item: TNavMenuItem;
     idSuffix: string;
 };
-export declare const DrawerParentItem: ({ item, idSuffix }: TDrawerParentItemProps) => JSX.Element;
-export declare const DrawerSingleItem: (item: TNavMenuItem) => JSX.Element;
-export declare const DrawerSpecialItem: (item: TNavMenuItem) => JSX.Element;
-export declare const EditionsSwitcher: (editions: TNavEditions) => JSX.Element;
-export declare const SubscribeButton: (action: TNavAction) => JSX.Element;
+export declare const DrawerParentItem: ({ item, idSuffix }: TDrawerParentItemProps) => React.JSX.Element;
+export declare const DrawerSingleItem: (item: TNavMenuItem) => React.JSX.Element;
+export declare const DrawerSpecialItem: (item: TNavMenuItem) => React.JSX.Element;
+export declare const EditionsSwitcher: (editions: TNavEditions) => React.JSX.Element;
+export declare const SubscribeButton: (action: TNavAction) => React.JSX.Element;

package/dist/node/components/drawer/additionalPartials.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SubscribeButton = exports.EditionsSwitcher = exports.DrawerSpecialItem = exports.DrawerSingleItem = exports.DrawerParentItem = void 0;
 const react_1 = __importDefault(require("react"));
 const utils_1 = require("../../utils");
-exports.DrawerParentItem = ({ item, idSuffix }) => {
+const DrawerParentItem = ({ item, idSuffix }) => {
     var _a, _b;
     const selected = item.selected ? 'selected' : 'unselected';
     return (react_1.default.createElement(react_1.default.Fragment, null,
@@ -20,17 +20,20 @@ exports.DrawerParentItem = ({ item, idSuffix }) => {
                 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)));
         }))));
 };
-exports.DrawerSingleItem = (item) => {
+exports.DrawerParentItem = DrawerParentItem;
+const DrawerSingleItem = (item) => {
     var _a;
     const selected = item.selected ? 'selected' : 'unselected';
     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));
 };
-exports.DrawerSpecialItem = (item) => {
+exports.DrawerSingleItem = DrawerSingleItem;
+const DrawerSpecialItem = (item) => {
     var _a;
     const selected = item.selected ? 'selected' : 'unselected';
     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));
 };
-exports.EditionsSwitcher = (editions) => (react_1.default.createElement("ul", { className: "o-header__drawer-menu-list" }, editions.others.map(({ id, name, url }) => {
+exports.DrawerSpecialItem = DrawerSpecialItem;
+const EditionsSwitcher = (editions) => (react_1.default.createElement("ul", { className: "o-header__drawer-menu-list" }, editions.others.map(({ id, name, url }) => {
     const href = `${url}?edition=${id}`;
     return (react_1.default.createElement("li", { key: id, className: "o-header__drawer-menu-item", "data-trackable": "edition-switcher" },
         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", {
             name,
             " Edition")));
 })));
-exports.SubscribeButton = (action) => (react_1.default.createElement("div", { className: "o-header__drawer-actions" },
+exports.EditionsSwitcher = EditionsSwitcher;
+const SubscribeButton = (action) => (react_1.default.createElement("div", { className: "o-header__drawer-actions" },
     react_1.default.createElement("a", { className: "o-header__drawer-button", role: "button", href: action.url, "data-trackable": "subscribe-button" }, action.name)));
+exports.SubscribeButton = SubscribeButton;

package/dist/node/components/drawer/topLevelPartials.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const IncludeDrawer: (props: any) => JSX.Element;
+import React from 'react';
+declare const IncludeDrawer: (props: any) => React.JSX.Element;
 export { IncludeDrawer };

package/dist/node/components/navigation/partials.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { THeaderProps } from '../../interfaces';
-declare const MobileNav: (props: THeaderProps) => JSX.Element | null;
-declare const NavDesktop: (props: any) => JSX.Element;
-declare const NavListLeft: (props: THeaderProps) => JSX.Element;
-declare const NavListRight: (props: THeaderProps) => JSX.Element | null;
-declare const UserActionsNav: (props: THeaderProps) => JSX.Element;
+declare const MobileNav: (props: THeaderProps) => React.JSX.Element | null;
+declare const NavDesktop: (props: any) => React.JSX.Element;
+declare const NavListLeft: (props: THeaderProps) => React.JSX.Element;
+declare const NavListRight: (props: THeaderProps) => React.JSX.Element | null;
+declare const UserActionsNav: (props: THeaderProps) => React.JSX.Element;
 export { NavDesktop, NavListLeft, NavListRight, UserActionsNav, MobileNav };

package/dist/node/components/search/partials.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from 'react';
 declare const Search: ({ instance }: {
     instance: any;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export { Search };

package/dist/node/components/sticky/partials.d.ts

@@ -2,9 +2,9 @@ import React from 'react';
 import { THeaderProps } from '../../interfaces';
 declare const StickyHeaderWrapper: (props: THeaderProps & {
     children: React.ReactNode;
-}) => JSX.Element;
-declare const TopWrapperSticky: (props: any) => JSX.Element;
-declare const TopColumnLeftSticky: () => JSX.Element;
-declare const TopColumnCenterSticky: (props: THeaderProps) => JSX.Element;
-declare const TopColumnRightSticky: (props: THeaderProps) => JSX.Element;
+}) => React.JSX.Element;
+declare const TopWrapperSticky: (props: any) => React.JSX.Element;
+declare const TopColumnLeftSticky: () => React.JSX.Element;
+declare const TopColumnCenterSticky: (props: THeaderProps) => React.JSX.Element;
+declare const TopColumnRightSticky: (props: THeaderProps) => React.JSX.Element;
 export { StickyHeaderWrapper, TopWrapperSticky, TopColumnLeftSticky, TopColumnCenterSticky, TopColumnRightSticky };

package/dist/node/components/sticky/partials.js

@@ -31,12 +31,8 @@ const NavListRightAnonSticky = (props) => {
             subscribeAction && (react_1.default.createElement(partials_1.SubscribeButton, { item: subscribeAction, variant: "sticky", className: "o-header__top-button--hide-m" })),
             signInAction && react_1.default.createElement(partials_1.SignInLink, { item: signInAction, variant: "sticky", className: "" }))));
 };
-const MyFtSticky = ({ className, items }) => {
-    var _a;
-    const ftUrl = (_a = items === null || items === void 0 ? void 0 : items.find((el) => el.label === 'myFT')) === null || _a === void 0 ? void 0 : _a.url;
-    return (react_1.default.createElement("a", { className: `o-header__top-icon-link o-header__top-icon-link--myft ${className}`, href: ftUrl !== null && ftUrl !== void 0 ? ftUrl : '/myft', "data-trackable": "my-ft", tabIndex: -1 },
-        react_1.default.createElement("span", { className: "o-header__visually-hidden" }, "myFT")));
-};
+const MyFtSticky = ({ className }) => (react_1.default.createElement("a", { className: `o-header__top-icon-link o-header__top-icon-link--myft ${className}`, href: "/myft", "data-trackable": "my-ft", tabIndex: -1 },
+    react_1.default.createElement("span", { className: "o-header__visually-hidden" }, "myFT")));
 const TopWrapperSticky = (props) => (react_1.default.createElement("div", { className: "o-header__row o-header__top", "data-trackable": "header-sticky" },
     react_1.default.createElement("div", { className: "o-header__container" },
         react_1.default.createElement("div", { className: "o-header__top-wrapper" }, props.children))));
@@ -54,11 +50,11 @@ const TopColumnCenterSticky = (props) => {
 };
 exports.TopColumnCenterSticky = TopColumnCenterSticky;
 const NavListRightLoggedInSticky = (props) => {
-    var _a, _b;
+    var _a;
     const subscribeAction = (_a = props.data['navbar-right-anon'].items) === null || _a === void 0 ? void 0 : _a[1];
     return (react_1.default.createElement(react_1.default.Fragment, null,
         !props.userIsSubscribed && subscribeAction && (react_1.default.createElement(partials_1.SubscribeButton, { item: subscribeAction, variant: "sticky", className: "o-header__top-button--hide-m" })),
-        react_1.default.createElement(MyFtSticky, { className: "", items: (_b = props.data.account) === null || _b === void 0 ? void 0 : _b.items })));
+        react_1.default.createElement(MyFtSticky, { className: "" })));
 };
 // This behaviour is similar to `NavListRight` in '../navigation/partials' but:
 // - The sticky header renders either the `navbar-right-anon` data or the myFT component

package/dist/node/components/sub-navigation/partials.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { THeaderProps } from '../../interfaces';
-declare const SubNavigation: (props: THeaderProps) => JSX.Element;
+declare const SubNavigation: (props: THeaderProps) => React.JSX.Element;
 export { SubNavigation };

package/dist/node/components/svg-components/BrandFtMasthead.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 declare const BrandFtMasthead: ({ title, ...props }: {
     [x: string]: any;
     title: any;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default BrandFtMasthead;

package/dist/node/components/top/partials.d.ts

@@ -1,26 +1,24 @@
-/// <reference types="react" />
+import React from 'react';
 import { THeaderProps } from '../../interfaces';
 import { TNavMenuItem } from '@financial-times/dotcom-types-navigation';
-declare const HeaderWrapper: (props: any) => JSX.Element;
-declare const TopWrapper: (props: any) => JSX.Element;
-declare const TopColumnLeft: () => JSX.Element;
-declare const TopColumnCenter: ({ url }: {
-    url?: string | undefined;
-}) => JSX.Element;
-declare const TopColumnCenterNoLink: () => JSX.Element;
+declare const HeaderWrapper: (props: any) => React.JSX.Element;
+declare const TopWrapper: (props: any) => React.JSX.Element;
+declare const TopColumnLeft: () => React.JSX.Element;
+declare const TopColumnCenter: () => React.JSX.Element;
+declare const TopColumnCenterNoLink: () => React.JSX.Element;
 declare const SignInLink: ({ item, variant, className }: {
     item: TNavMenuItem;
     variant?: string | undefined;
     className?: string | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;
 declare const SubscribeButton: ({ item, variant, className }: {
     item: TNavMenuItem;
     variant?: string | undefined;
     className?: string | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;
 declare const TopColumnRightAnon: ({ items, variant }: {
     items: TNavMenuItem[];
     variant?: string | undefined;
-}) => JSX.Element;
-declare const TopColumnRight: (props: THeaderProps) => JSX.Element;
+}) => React.JSX.Element;
+declare const TopColumnRight: (props: THeaderProps) => React.JSX.Element;
 export { HeaderWrapper, TopWrapper, TopColumnLeft, TopColumnCenter, TopColumnCenterNoLink, TopColumnRight, TopColumnRightAnon, SubscribeButton, SignInLink };

package/dist/node/components/top/partials.js

@@ -12,12 +12,8 @@ const DrawerIcon = () => (react_1.default.createElement("a", { href: "#o-header-
     react_1.default.createElement("span", { className: "o-header__top-link-label" }, "Open side navigation menu")));
 const SearchIcon = () => (react_1.default.createElement("a", { href: `#o-header-search-primary`, className: "o-header__top-icon-link o-header__top-icon-link--search", "aria-controls": `o-header-search-primary`, title: "Open search bar", "data-trackable": "search-toggle" },
     react_1.default.createElement("span", { className: "o-header__top-link-label" }, "Open search bar")));
-const MyFt = ({ className, items }) => {
-    var _a;
-    const ftUrl = (_a = items === null || items === void 0 ? void 0 : items.find((el) => el.label === 'myFT')) === null || _a === void 0 ? void 0 : _a.url;
-    return (react_1.default.createElement("a", { className: `o-header__top-icon-link o-header__top-icon-link--myft ${className}`, id: "o-header-top-link-myft", href: ftUrl !== null && ftUrl !== void 0 ? ftUrl : '/myft', "data-trackable": "my-ft", "data-tour-stage": "myFt", "aria-label": "My F T" },
-        react_1.default.createElement("span", { className: "o-header__visually-hidden" }, "myFT")));
-};
+const MyFt = ({ className }) => (react_1.default.createElement("a", { className: `o-header__top-icon-link o-header__top-icon-link--myft ${className}`, id: "o-header-top-link-myft", href: "/myft", "data-trackable": "my-ft", "data-tour-stage": "myFt", "aria-label": "My F T" },
+    react_1.default.createElement("span", { className: "o-header__visually-hidden" }, "myFT")));
 const TopWrapper = (props) => (react_1.default.createElement("div", { className: "o-header__row o-header__top", "data-trackable": "header-top" },
     react_1.default.createElement("div", { className: "o-header__container" },
         react_1.default.createElement("div", { className: "o-header__top-wrapper" }, props.children))));
@@ -26,8 +22,8 @@ const TopColumnLeft = () => (react_1.default.createElement("div", { className: "
     react_1.default.createElement(DrawerIcon, null),
     react_1.default.createElement(SearchIcon, null)));
 exports.TopColumnLeft = TopColumnLeft;
-const TopColumnCenter = ({ url }) => (react_1.default.createElement("div", { className: "o-header__top-column o-header__top-column--center" },
-    react_1.default.createElement("a", { className: "o-header__top-logo", style: { backgroundImage: 'none' }, "data-trackable": "logo", href: url !== null && url !== void 0 ? url : '/', title: "Go to Financial Times homepage" },
+const TopColumnCenter = () => (react_1.default.createElement("div", { className: "o-header__top-column o-header__top-column--center" },
+    react_1.default.createElement("a", { className: "o-header__top-logo", style: { backgroundImage: 'none' }, "data-trackable": "logo", href: "/", title: "Go to Financial Times homepage" },
         react_1.default.createElement(BrandFtMasthead_1.default, { title: "Financial Times" }))));
 exports.TopColumnCenter = TopColumnCenter;
 const TopColumnCenterNoLink = () => (react_1.default.createElement("div", { className: "o-header__top-column o-header__top-column--center" },
@@ -35,11 +31,11 @@ const TopColumnCenterNoLink = () => (react_1.default.createElement("div", { clas
         react_1.default.createElement(BrandFtMasthead_1.default, { title: "Financial Times" }))));
 exports.TopColumnCenterNoLink = TopColumnCenterNoLink;
 const TopColumnRightLoggedIn = (props) => {
-    var _a, _b, _c, _d;
+    var _a, _b;
     const subscribeAction = (_b = (_a = props.data['navbar-right-anon']) === null || _a === void 0 ? void 0 : _a.items) === null || _b === void 0 ? void 0 : _b[1];
     return (react_1.default.createElement("div", { className: "o-header__top-column o-header__top-column--right" },
         !props.userIsSubscribed && subscribeAction && (react_1.default.createElement(SubscribeButton, { item: subscribeAction, variant: props.variant, className: "o-header__top-button--hide-m" })),
-        react_1.default.createElement(MyFt, { className: "", items: (_d = (_c = props.data) === null || _c === void 0 ? void 0 : _c.account) === null || _d === void 0 ? void 0 : _d.items })));
+        react_1.default.createElement(MyFt, { className: "" })));
 };
 const SignInLink = ({ item, variant, className }) => {
     var _a;
@@ -62,18 +58,16 @@ const TopColumnRightAnon = ({ items, variant }) => {
     return (react_1.default.createElement("div", { className: "o-header__top-column o-header__top-column--right" },
         subscribeAction && (react_1.default.createElement(SubscribeButton, { item: subscribeAction, variant: variant, className: "o-header__top-button--hide-m" })),
         signInAction && (react_1.default.createElement(SignInLink, { item: signInAction, variant: variant, className: "o-header__top-link--hide-m" })),
-        react_1.default.createElement(MyFt, { className: "o-header__top-icon-link--show-m", items: items })));
+        react_1.default.createElement(MyFt, { className: "o-header__top-icon-link--show-m" })));
 };
 exports.TopColumnRightAnon = TopColumnRightAnon;
 const TopColumnRight = (props) => {
-    var _a, _b;
     if (props.userIsLoggedIn) {
         return react_1.default.createElement(TopColumnRightLoggedIn, Object.assign({}, props));
     }
     else {
         const userNavAnonItems = props.data['navbar-right-anon'].items;
-        const userNavAccountItems = (_b = (_a = props.data.account) === null || _a === void 0 ? void 0 : _a.items) !== null && _b !== void 0 ? _b : [];
-        return react_1.default.createElement(TopColumnRightAnon, { items: userNavAnonItems.concat(userNavAccountItems), variant: props.variant });
+        return react_1.default.createElement(TopColumnRightAnon, { items: userNavAnonItems, variant: props.variant });
     }
 };
 exports.TopColumnRight = TopColumnRight;

package/dist/node/index.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 import { THeaderProps, THeaderOptions } from './interfaces';
-declare function MainHeader(props: THeaderProps): JSX.Element;
+declare function MainHeader(props: THeaderProps): React.JSX.Element;
 declare namespace MainHeader {
     var defaultProps: {
         showLogoLink: boolean;
@@ -14,23 +14,23 @@ declare namespace MainHeader {
         showMegaNav?: boolean | undefined;
     };
 }
-declare function StickyHeader(props: THeaderProps): JSX.Element | null;
+declare function StickyHeader(props: THeaderProps): React.JSX.Element | null;
 declare namespace StickyHeader {
     var defaultProps: Partial<THeaderOptions>;
 }
-declare function Header(props: THeaderProps): JSX.Element;
+declare function Header(props: THeaderProps): React.JSX.Element;
 declare namespace Header {
     var defaultProps: Partial<THeaderOptions>;
 }
-declare function LogoOnly(props: Pick<THeaderProps, 'variant' | 'showLogoLink'>): JSX.Element;
+declare function LogoOnly(props: Pick<THeaderProps, 'variant' | 'showLogoLink'>): React.JSX.Element;
 declare namespace LogoOnly {
     var defaultProps: Partial<THeaderOptions>;
 }
-declare function Drawer(props: THeaderProps): JSX.Element;
+declare function Drawer(props: THeaderProps): React.JSX.Element;
 declare namespace Drawer {
     var defaultProps: Partial<THeaderOptions>;
 }
-declare function NoOutboundLinksHeader(props: THeaderProps): JSX.Element;
+declare function NoOutboundLinksHeader(props: THeaderProps): React.JSX.Element;
 declare namespace NoOutboundLinksHeader {
     var defaultProps: Partial<THeaderOptions>;
 }

package/dist/node/index.js

@@ -20,14 +20,13 @@ const defaultProps = {
     showMegaNav: true
 };
 function MainHeader(props) {
-    var _a, _b;
     const includeUserActionsNav = props.showUserNavigation && !props.userIsLoggedIn;
     const includeSubNavigation = props.showSubNavigation && (props.data.breadcrumb || props.data.subsections);
     return (react_1.default.createElement(partials_1.HeaderWrapper, Object.assign({}, props),
         includeUserActionsNav ? react_1.default.createElement(partials_2.UserActionsNav, Object.assign({}, props)) : null,
         react_1.default.createElement(partials_1.TopWrapper, null,
             react_1.default.createElement(partials_1.TopColumnLeft, null),
-            props.showLogoLink ? (react_1.default.createElement(partials_1.TopColumnCenter, { url: (_b = (_a = props.data.editions) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.url })) : (react_1.default.createElement(partials_1.TopColumnCenterNoLink, null)),
+            props.showLogoLink ? react_1.default.createElement(partials_1.TopColumnCenter, null) : react_1.default.createElement(partials_1.TopColumnCenterNoLink, null),
             react_1.default.createElement(partials_1.TopColumnRight, Object.assign({}, props))),
         react_1.default.createElement(partials_5.Search, { instance: "primary" }),
         react_1.default.createElement(partials_2.MobileNav, Object.assign({}, props)),
@@ -67,12 +66,11 @@ function Drawer(props) {
 exports.Drawer = Drawer;
 Drawer.defaultProps = defaultProps;
 function NoOutboundLinksHeader(props) {
-    var _a, _b;
     const includeUserActionsNav = props.showUserNavigation && !props.userIsLoggedIn;
     const includeSubNavigation = props.showSubNavigation && (props.data.breadcrumb || props.data.subsections);
     return (react_1.default.createElement(partials_1.HeaderWrapper, Object.assign({}, props),
         includeUserActionsNav ? react_1.default.createElement(partials_2.UserActionsNav, Object.assign({}, props)) : null,
-        react_1.default.createElement(partials_1.TopWrapper, null, props.showLogoLink ? (react_1.default.createElement(partials_1.TopColumnCenter, { url: (_b = (_a = props.data.editions) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.url })) : (react_1.default.createElement(partials_1.TopColumnCenterNoLink, null))),
+        react_1.default.createElement(partials_1.TopWrapper, null, props.showLogoLink ? react_1.default.createElement(partials_1.TopColumnCenter, null) : react_1.default.createElement(partials_1.TopColumnCenterNoLink, null)),
         react_1.default.createElement(partials_2.NavDesktop, null, props.showUserNavigation ? react_1.default.createElement(partials_2.NavListRight, Object.assign({}, props)) : null),
         includeSubNavigation ? react_1.default.createElement(partials_4.SubNavigation, Object.assign({}, props)) : null));
 }

package/dist/node/utils.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ariaSelected = void 0;
-exports.ariaSelected = (item) => {
+const ariaSelected = (item) => {
     return item.selected ? { 'aria-label': `${item.label}, current page`, 'aria-current': 'page' } : null;
 };
+exports.ariaSelected = ariaSelected;