@financial-times/dotcom-ui-header 7.3.0 → 7.3.2

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

@@ -0,0 +1,11 @@
+/// <reference types="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;

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

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

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

@@ -0,0 +1,8 @@
+/// <reference types="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;
+export { NavDesktop, NavListLeft, NavListRight, UserActionsNav, MobileNav };

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

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

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

@@ -0,0 +1,10 @@
+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;
+export { StickyHeaderWrapper, TopWrapperSticky, TopColumnLeftSticky, TopColumnCenterSticky, TopColumnRightSticky };

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

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

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

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

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

@@ -0,0 +1,24 @@
+/// <reference types="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: () => JSX.Element;
+declare const TopColumnCenterNoLink: () => JSX.Element;
+declare const SignInLink: ({ item, variant, className }: {
+    item: TNavMenuItem;
+    variant?: string | undefined;
+    className?: string | undefined;
+}) => JSX.Element;
+declare const SubscribeButton: ({ item, variant, className }: {
+    item: TNavMenuItem;
+    variant?: string | undefined;
+    className?: string | undefined;
+}) => JSX.Element;
+declare const TopColumnRightAnon: ({ items, variant }: {
+    items: TNavMenuItem[];
+    variant?: string | undefined;
+}) => JSX.Element;
+declare const TopColumnRight: (props: THeaderProps) => JSX.Element;
+export { HeaderWrapper, TopWrapper, TopColumnLeft, TopColumnCenter, TopColumnCenterNoLink, TopColumnRight, TopColumnRightAnon, SubscribeButton, SignInLink };

package/dist/node/index.d.ts

@@ -0,0 +1,38 @@
+/// <reference types="react" />
+import { THeaderProps, THeaderOptions } from './interfaces';
+declare function MainHeader(props: THeaderProps): JSX.Element;
+declare namespace MainHeader {
+    var defaultProps: {
+        showLogoLink: boolean;
+        variant?: "simple" | "large-logo" | undefined;
+        userIsAnonymous?: boolean | undefined;
+        userIsLoggedIn?: boolean | undefined;
+        userIsSubscribed?: boolean | undefined;
+        showSubNavigation?: boolean | undefined;
+        showUserNavigation?: boolean | undefined;
+        showStickyHeader?: boolean | undefined;
+        showMegaNav?: boolean | undefined;
+    };
+}
+declare function StickyHeader(props: THeaderProps): JSX.Element | null;
+declare namespace StickyHeader {
+    var defaultProps: Partial<THeaderOptions>;
+}
+declare function Header(props: THeaderProps): JSX.Element;
+declare namespace Header {
+    var defaultProps: Partial<THeaderOptions>;
+}
+declare function LogoOnly(props: Pick<THeaderProps, 'variant' | 'showLogoLink'>): JSX.Element;
+declare namespace LogoOnly {
+    var defaultProps: Partial<THeaderOptions>;
+}
+declare function Drawer(props: THeaderProps): JSX.Element;
+declare namespace Drawer {
+    var defaultProps: Partial<THeaderOptions>;
+}
+declare function NoOutboundLinksHeader(props: THeaderProps): JSX.Element;
+declare namespace NoOutboundLinksHeader {
+    var defaultProps: Partial<THeaderOptions>;
+}
+export { Header, MainHeader, StickyHeader, LogoOnly, NoOutboundLinksHeader, Drawer };
+export type { THeaderProps };

package/dist/node/utils.d.ts

@@ -0,0 +1,2 @@
+import { HTMLAttributes } from 'react';
+export declare const ariaSelected: (item: any) => HTMLAttributes<HTMLElement> | null;