@mycause/ui 0.0.0-cfca5315 → 0.0.2-cf96d552

package/dist/components/featured-campain-card /featured-campain-card.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+export interface FeaturedCampainCardProps {
+    className?: string;
+    imageURL?: string;
+    title?: string;
+    description?: string;
+    completed?: number;
+    width?: number;
+    donation?: number;
+    raised?: number;
+    goal?: number;
+}
+declare const FeaturedCampainCard: ({ className, imageURL, title, donation, raised, goal, completed, width, }: FeaturedCampainCardProps) => JSX.Element;
+export default FeaturedCampainCard;

package/dist/components/fundraising-section/fundraising-section.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export interface FundraisingSectionProps {
+    className?: string;
+    title?: string;
+    description?: string;
+    imageUrl?: string;
+}
+declare const FundraisingSection: ({ className, title, description, imageUrl, }: FundraisingSectionProps) => JSX.Element;
+export default FundraisingSection;

package/dist/components/fundraising-section/fundraising-section.stories.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import CenterDecorator from "../../utils/center-decorator";
+declare const _default: {
+    title: string;
+    decorators: (typeof CenterDecorator)[];
+    component: ({ className, title, description, imageUrl, }: import("./fundraising-section").FundraisingSectionProps) => JSX.Element;
+};
+export default _default;
+export declare const fundraisingsection: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/fundraising-section/index.d.ts

@@ -0,0 +1 @@
+export { default as FundraisingSection } from "./fundraising-section";

package/dist/components/hero-banner/hero-banner.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export interface HeroBannerProps {
+    className?: string;
+    title?: string;
+    description?: string;
+    imageUrl?: string;
+}
+declare const HeroBnner: ({ className, title, description, imageUrl, }: HeroBannerProps) => JSX.Element;
+export default HeroBnner;

package/dist/components/hero-banner/hero-banner.stories.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import CenterDecorator from "../../utils/center-decorator";
+declare const _default: {
+    title: string;
+    decorators: (typeof CenterDecorator)[];
+    component: ({ className, title, description, imageUrl, }: import("./hero-banner").HeroBannerProps) => JSX.Element;
+};
+export default _default;
+export declare const herobanner: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/hero-banner/index.d.ts

@@ -0,0 +1 @@
+export { default as HeroBanner } from "./hero-banner";

package/dist/components/horizontalbar/horizontalbar.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export interface HorizontalBarProps {
+    className?: string;
+    barColor?: string;
+    dotColor?: string;
+    width?: number;
+    height?: number;
+    marginLeft?: number;
+}
+declare const HorizontalBar: ({ className, width, height, barColor, dotColor, marginLeft, }: HorizontalBarProps) => JSX.Element;
+export default HorizontalBar;

package/dist/components/horizontalbar/horizontalbar.stories.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+import CenterDecorator from "../../utils/center-decorator";
+declare const _default: {
+    title: string;
+    decorators: (typeof CenterDecorator)[];
+    component: ({ className, width, height, barColor, dotColor, marginLeft, }: import("./horizontalbar").HorizontalBarProps) => JSX.Element;
+};
+export default _default;
+export declare const horizontalbar: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const horizontalbar2: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const horizontalbar3: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/horizontalbar/index.d.ts

@@ -0,0 +1 @@
+export { default as HorizontalBar } from "./horizontalbar";

package/dist/components/icon/heart-toggle.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { IconButtonProps as MDCIconButtonProps } from "@material/react-icon-button";
+declare type IconButtonTypes = HTMLButtonElement | HTMLAnchorElement;
+export interface HeartToggleProps extends Omit<MDCIconButtonProps<IconButtonTypes>, "onChange" | "value" | "ref" | "children"> {
+    active: React.ReactNode;
+    inactive: React.ReactNode;
+    onChange?: (value: boolean) => void;
+    value: boolean;
+}
+declare const HeartToggle: React.ForwardRefExoticComponent<HeartToggleProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export default HeartToggle;

package/dist/components/{comments/comments.stories.d.ts → icon/heart-toggle.stories.d.ts}

@@ -1,11 +1,12 @@
+/// <reference types="react" />
 import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
     decorators: (typeof CenterDecorator)[];
 };
 export default _default;
-export declare const CommentsStory: {
-    (): boolean;
+export declare const hearttoggle: {
+    (): JSX.Element;
     story: {
         name: string;
     };

package/dist/components/icon/index.d.ts

@@ -1,4 +1,4 @@
 export { default as Icon } from "./icon";
 export { default as IconButton } from "./icon-button";
 export { default as IconButtonGroup } from "./icon-button-group";
-export { default as ToggleButton } from "./toggle-button";
+export { default as HeartToggle } from "./heart-toggle";

package/dist/components/index.d.ts

@@ -4,23 +4,38 @@ export * from "./button";
 export * from "./button-select";
 export * from "./chips";
 export * from "./checkbox";
+export * from "./comment-section";
 export * from "./cropper";
 export * from "./combo-field";
 export * from "./date-picker";
+export * from "./donation-form";
 export * from "./elevation";
 export * from "./field-helpers";
 export * from "./icon";
 export * from "./layout";
 export * from "./list";
+export * from "./login";
 export * from "./menu";
 export * from "./modal";
 export * from "./navigation";
 export * from "./phone-number-input";
 export * from "./radio";
 export * from "./select";
+export * from "./spinner";
 export * from "./statistics";
 export * from "./switch";
 export * from "./tabs";
 export * from "./text-field";
 export * from "./text";
 export * from "./uploader";
+export * from "./campaign-card";
+export * from "./campaign-of-month";
+export * from "./charity-card";
+export * from "./donate-card";
+export * from "./featured-campaign-card";
+export * from "./fundraising-section";
+export * from "./hero-banner";
+export * from "./horizontalbar";
+export * from "./progressbar";
+export * from "./start-campaign-card";
+export * from "./nav";

package/dist/components/list/list.d.ts

@@ -1,5 +1,27 @@
 import React from "react";
 import { IconProps } from "../icon/icon";
+import { ColorSpecifier } from "../../theme/theme";
+export declare type ItemType = {
+    id?: string;
+    metanospace?: boolean;
+    icon?: IconProps & {
+        tooltip?: string;
+        tooltipheight?: number;
+        arrow?: string;
+    };
+    primarytext?: string;
+    primarytextcolor?: ColorSpecifier;
+    secondarytext?: string;
+    secondarytextcolor?: ColorSpecifier;
+    onClick?: () => void;
+    href?: string;
+    disabled?: boolean;
+    subtext?: string;
+    meta?: string | React.ReactElement<React.HTMLProps<HTMLOrSVGElement>>;
+    subtextalign?: string;
+    itemcontent?: React.ReactElement | string;
+    contentvisible?: boolean;
+};
 export declare type ListProps = {
     divider?: boolean;
     iconWidth?: string;
@@ -9,20 +31,12 @@ export declare type ListProps = {
     overflowHidden?: boolean;
     iconsNotRounded?: boolean;
     style?: object;
+    textGap?: string;
     breakspaces?: boolean;
-    items: Array<{
-        id?: string;
-        metanospace?: boolean;
-        icon?: IconProps;
-        primarytext?: string;
-        secondarytext?: string;
-        onClick?: () => void;
-        href?: string;
-        disabled?: boolean;
-        subtext?: string;
-        meta?: string | React.ReactElement<React.HTMLProps<HTMLOrSVGElement>>;
-        subtextalign?: string;
-    }>;
+    showToggleMeta?: boolean;
+    setItems?: (e: Array<ItemType>) => void;
+    items: Array<ItemType>;
+    tooltipArrow?: number;
 };
-declare const List: ({ items, divider, fullWidth, iconWidth, centerText, itemHeight, overflowHidden, breakspaces, iconsNotRounded, style, }: ListProps) => JSX.Element;
+declare const List: ({ items, divider, fullWidth, iconWidth, centerText, itemHeight, overflowHidden, breakspaces, iconsNotRounded, style, textGap, setItems, showToggleMeta, tooltipArrow, }: ListProps) => JSX.Element;
 export default List;

package/dist/components/list/list.stories.d.ts

@@ -17,13 +17,13 @@ export declare const ListDisabledtStory: {
         name: string;
     };
 };
-export declare const ListNoIconStory: {
+export declare const ListNoDividerStory: {
     (): JSX.Element;
     story: {
         name: string;
     };
 };
-export declare const ListNoDividerStory: {
+export declare const ListWithIconTooltipStory: {
     (): JSX.Element;
     story: {
         name: string;
@@ -35,3 +35,9 @@ export declare const ListCustomStory: {
         name: string;
     };
 };
+export declare const ListWithToggleStory: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/login/index.d.ts

@@ -0,0 +1 @@
+export { default as Login } from "./login";

package/dist/components/login/login.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+export declare const ENV_PRO = "pro";
+export declare const ENV_TEST = "test";
+export declare const ENV_DEV = "dev";
+export declare const getAccountLink: (env: string) => "https://account-dev.mycause.com.au" | "https://account-test.mycause.com.au" | "https://account.mycause.com.au";
+export declare const getMycauseLink: (env: string) => "https://dev.mycause.com.au" | "https://aws-test.mycause.com.au" | "https://www.mycause.com.au";
+export interface LoginProps {
+    id?: string;
+    className?: string;
+    params?: any;
+    env?: string;
+    loggedInCallBack?: () => void;
+}
+declare const Login: ({ id, className, params, env, loggedInCallBack, ...rest }: LoginProps) => JSX.Element;
+export default Login;

package/dist/components/{phone-number-input/phone-number-field.stories.d.ts → login/login.stories.d.ts}

@@ -5,13 +5,13 @@ declare const _default: {
     decorators: (typeof CenterDecorator)[];
 };
 export default _default;
-export declare const PhoneNumberInputStory: {
+export declare const LoginStoriesDefault: {
     (): JSX.Element;
     story: {
         name: string;
     };
 };
-export declare const PhoneNumberFieldStory: {
+export declare const LoginStoriesEvent: {
     (): JSX.Element;
     story: {
         name: string;

package/dist/components/modal/modal.d.ts

@@ -8,7 +8,7 @@ export interface ModalProps {
     modalTitle?: React.ReactNode;
     onAccept?: () => void;
     setWidth?: string;
-    buttonAlign?: string;
+    buttonAlign?: "center" | "left" | "right";
     buttonColor?: ColorSpecifier;
     noCancelButton?: boolean;
     noCloseButton?: boolean;

package/dist/components/nav/index.d.ts

@@ -0,0 +1 @@
+export { default as Nav } from "./nav";

package/dist/components/nav/nav-actions.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+declare function NavigationActions({ children }: {
+    children: React.ReactNode;
+}): JSX.Element;
+export default NavigationActions;

package/dist/components/nav/nav-bar.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+export declare type NavigationBarProps = {
+    children?: React.ReactNode;
+    isCompactHeight?: boolean;
+};
+declare function NavigationBar({ isCompactHeight, children }: NavigationBarProps): JSX.Element;
+export default NavigationBar;

package/dist/components/nav/nav-call-to-action.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ButtonProps } from "../button/button";
+declare type NavigationCallToActionProps = Omit<ButtonProps, "color">;
+declare function NavigationCallToAction(props: NavigationCallToActionProps): JSX.Element;
+export default NavigationCallToAction;

package/dist/components/nav/nav-expanded.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { HybridNavigationLink } from "./nav-list";
+export declare type NavigationExpandedProps = {
+    links?: Array<HybridNavigationLink>;
+    children?: React.ReactNode;
+    banner?: React.ReactNode;
+    onRequestClose: () => void;
+    className?: string;
+};
+declare function NavigationExpanded({ links, children, onRequestClose, className, banner, }: NavigationExpandedProps): JSX.Element;
+export default NavigationExpanded;

package/dist/components/nav/nav-list.d.ts

@@ -0,0 +1,27 @@
+import React from "react";
+export declare type HrefNavigationLink = {
+    href: string;
+    label: React.ReactNode;
+    analyticsId?: string;
+    icon?: string;
+};
+export declare type ClickNavigationLink = {
+    onClick?: () => void;
+    id: string;
+    label: React.ReactNode;
+    more?: boolean;
+    analyticsId?: string;
+    icon?: string;
+};
+export declare type HybridNavigationLink = HrefNavigationLink | ClickNavigationLink;
+export declare type NavigationListItem = HybridNavigationLink & {
+    children?: React.ReactNode;
+};
+export declare type NavigationMenuListProps = {
+    items: Array<NavigationListItem>;
+    onClickItem?: (id: string) => void;
+    size?: "normal" | "large" | "long";
+    active?: string | null;
+};
+declare function NavigationList({ items, onClickItem, active, size, }: NavigationMenuListProps): JSX.Element;
+export default NavigationList;

package/dist/components/nav/nav-menu-control.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface NavigationMenuControlProps extends React.HTMLProps<HTMLDivElement> {
+    isMenuOpen: boolean;
+    onChangeMenuOpen: (isOpen: boolean) => void;
+}
+declare function NavigationMenuControl({ isMenuOpen, onChangeMenuOpen, className, ...rest }: NavigationMenuControlProps): JSX.Element;
+export default NavigationMenuControl;

package/dist/components/nav/nav-menu.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { HybridNavigationLink } from "./nav-list";
+export declare type NavigationMenuProps = {
+    links: Array<HybridNavigationLink>;
+    onClickItem: (id: string) => void;
+    sublinks: Array<HybridNavigationLink> | null;
+    action: HybridNavigationLink | null;
+    actionRaised?: HybridNavigationLink | null;
+    active: string | null;
+};
+export declare function NavigationMenu({ links, sublinks, action, actionRaised, active, onClickItem, }: NavigationMenuProps): JSX.Element;
+export default NavigationMenu;

package/dist/components/nav/nav-search-control.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+interface NavigationSearchControlProps {
+    onChangeSearchOpen: (isOpen: boolean) => void;
+    analyticsId?: string;
+}
+declare function NavigationSearchControl({ onChangeSearchOpen, analyticsId, }: NavigationSearchControlProps): JSX.Element;
+export default NavigationSearchControl;

package/dist/components/nav/nav-search.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+interface NavigationSearchProps {
+    value: string;
+    onChange: (value: string) => void;
+    onSubmit: () => void;
+    onCancel: () => void;
+}
+declare function NavigationSearch({ value, onChange, onSubmit, onCancel, }: NavigationSearchProps): JSX.Element;
+export default NavigationSearch;

package/dist/components/nav/nav-sign-in-control.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { ColorSpecifier } from "../../theme/theme";
+interface NavigationSignInControlProps extends Omit<React.HTMLProps<HTMLDivElement>, "color"> {
+    analyticsId?: string;
+    compact?: boolean;
+    handleonRequestSignIn: () => void;
+    color?: ColorSpecifier;
+    noIcon?: boolean;
+}
+declare function NavigationSignInControl({ analyticsId, handleonRequestSignIn, compact, className, color, noIcon, ...rest }: NavigationSignInControlProps): JSX.Element;
+export default NavigationSignInControl;

package/dist/components/nav/nav-user-menu-items.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { IconProps } from "../icon/icon";
+export declare type UserMenuItem = {
+    icon: IconProps;
+    label: string;
+    onClick?: () => void;
+    href?: string;
+    id?: string;
+};
+export declare type UserMenuItemWithSubmenu = UserMenuItem & {
+    submenu?: Array<Omit<UserMenuItem, "icon">>;
+};
+export declare type NavigationUserMenuItemProps = UserMenuItemWithSubmenu & {
+    isSubmenuOpen?: boolean;
+};
+declare type NavigationUserMenuItemsProps = {
+    items: Array<UserMenuItemWithSubmenu>;
+};
+declare function NavigationUserMenuItems({ items }: NavigationUserMenuItemsProps): JSX.Element;
+export default NavigationUserMenuItems;

package/dist/components/nav/nav-user-menu.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { UserMenuItemWithSubmenu } from "./nav-user-menu-items";
+export declare type UserData = {
+    name: string;
+    avatar?: {
+        src: string;
+    };
+};
+export declare type UserMenuItems = Array<UserMenuItemWithSubmenu>;
+interface NavigationUserMenuProps {
+    user: UserData;
+    items?: UserMenuItems;
+    isOpen?: boolean;
+    onChangeOpen: (isOpen: boolean) => void;
+    isCompact?: boolean;
+}
+declare function NavigationUserMenu({ user, items, isOpen, onChangeOpen, }: NavigationUserMenuProps): JSX.Element;
+export default NavigationUserMenu;

package/dist/components/nav/nav.d.ts

@@ -0,0 +1,55 @@
+import React from "react";
+import { ColorSpecifier } from "../../theme/theme";
+import { ButtonProps } from "../button/button";
+import NavigationMenu from "./nav-menu";
+import { HybridNavigationLink } from "./nav-list";
+import { UserData } from "./nav-user-menu";
+import { UserMenuItemWithSubmenu } from "./nav-user-menu-items";
+declare type NavigationMenu = {
+    id: string;
+    label: React.ReactNode;
+    analyticsId?: string;
+    hidden?: boolean;
+    items: Array<HybridNavigationLink & {
+        submenu?: Array<HybridNavigationLink>;
+    }>;
+    action?: HybridNavigationLink;
+    actionRaised?: HybridNavigationLink;
+    onClick?: () => void;
+};
+declare type SearchAction = {
+    analyticsId?: string;
+    onSearch: (query: string) => void;
+};
+declare type LoginAction = {
+    analyticsId?: string;
+    onLogin: () => void;
+    color?: ColorSpecifier;
+    noIcon?: boolean;
+};
+declare type StatsItemProps = {
+    id: string;
+    label: string;
+    value: string;
+    logo: string;
+};
+export declare type NavigationProps = {
+    logo?: React.ReactNode;
+    menus?: Array<NavigationMenu>;
+    links?: Array<HybridNavigationLink>;
+    stats?: Array<StatsItemProps>;
+    cta?: ButtonProps | null;
+    cta2?: ButtonProps & {
+        targetTab?: string;
+    } | null;
+    user?: UserData | null;
+    login?: LoginAction | null;
+    userMenu?: Array<UserMenuItemWithSubmenu>;
+    search?: SearchAction | null;
+    isSticky?: boolean;
+    isCompactHeight?: boolean;
+    setSearchToLeft?: boolean;
+    menuReverse?: boolean;
+};
+declare function Navigation({ logo, menus, links, stats, cta, cta2, user, userMenu, search, login, isSticky, isCompactHeight, setSearchToLeft, menuReverse, }: NavigationProps): JSX.Element;
+export default Navigation;

package/dist/components/nav/nav.stories.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const NavigationDemo2SupportLink: {
+    (): JSX.Element;
+    story: {
+        name: string;
+    };
+};

package/dist/components/navigation/navigation-list.d.ts

@@ -3,6 +3,7 @@ export declare type HrefNavigationLink = {
     href: string;
     label: React.ReactNode;
     analyticsId?: string;
+    icon?: string;
 };
 export declare type ClickNavigationLink = {
     onClick?: () => void;
@@ -10,6 +11,7 @@ export declare type ClickNavigationLink = {
     label: React.ReactNode;
     more?: boolean;
     analyticsId?: string;
+    icon?: string;
 };
 export declare type HybridNavigationLink = HrefNavigationLink | ClickNavigationLink;
 export declare type NavigationListItem = HybridNavigationLink & {
@@ -18,7 +20,7 @@ export declare type NavigationListItem = HybridNavigationLink & {
 export declare type NavigationMenuListProps = {
     items: Array<NavigationListItem>;
     onClickItem?: (id: string) => void;
-    size?: "normal" | "large";
+    size?: "normal" | "large" | "long";
     active?: string | null;
 };
 declare function NavigationList({ items, onClickItem, active, size, }: NavigationMenuListProps): JSX.Element;

package/dist/components/navigation/navigation-menu.d.ts

@@ -5,7 +5,8 @@ export declare type NavigationMenuProps = {
     onClickItem: (id: string) => void;
     sublinks: Array<HybridNavigationLink> | null;
     action: HybridNavigationLink | null;
+    actionRaised?: HybridNavigationLink | null;
     active: string | null;
 };
-export declare function NavigationMenu({ links, sublinks, action, active, onClickItem, }: NavigationMenuProps): JSX.Element;
+export declare function NavigationMenu({ links, sublinks, action, actionRaised, active, onClickItem, }: NavigationMenuProps): JSX.Element;
 export default NavigationMenu;

package/dist/components/navigation/navigation-sign-in-control.d.ts

@@ -1,8 +1,11 @@
 import React from "react";
-interface NavigationSignInControlProps extends React.HTMLProps<HTMLDivElement> {
+import { ColorSpecifier } from "../../theme/theme";
+interface NavigationSignInControlProps extends Omit<React.HTMLProps<HTMLDivElement>, "color"> {
     analyticsId?: string;
     compact?: boolean;
-    onRequestSignIn: () => void;
+    handleonRequestSignIn: () => void;
+    color?: ColorSpecifier;
+    noIcon?: boolean;
 }
-declare function NavigationSignInControl({ analyticsId, onRequestSignIn, compact, className, ...rest }: NavigationSignInControlProps): JSX.Element;
+declare function NavigationSignInControl({ analyticsId, handleonRequestSignIn, compact, className, color, noIcon, ...rest }: NavigationSignInControlProps): JSX.Element;
 export default NavigationSignInControl;

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

@@ -1,4 +1,5 @@
 import React from "react";
+import { ColorSpecifier } from "../../theme/theme";
 import { ButtonProps } from "../button/button";
 import NavigationMenu from "./navigation-menu";
 import { HybridNavigationLink } from "./navigation-list";
@@ -8,10 +9,13 @@ declare type NavigationMenu = {
     id: string;
     label: React.ReactNode;
     analyticsId?: string;
+    hidden?: boolean;
     items: Array<HybridNavigationLink & {
         submenu?: Array<HybridNavigationLink>;
     }>;
     action?: HybridNavigationLink;
+    actionRaised?: HybridNavigationLink;
+    onClick?: () => void;
 };
 declare type SearchAction = {
     analyticsId?: string;
@@ -20,6 +24,8 @@ declare type SearchAction = {
 declare type LoginAction = {
     analyticsId?: string;
     onLogin: () => void;
+    color?: ColorSpecifier;
+    noIcon?: boolean;
 };
 declare type StatsItemProps = {
     id: string;
@@ -33,12 +39,17 @@ export declare type NavigationProps = {
     links?: Array<HybridNavigationLink>;
     stats?: Array<StatsItemProps>;
     cta?: ButtonProps | null;
+    cta2?: ButtonProps & {
+        targetTab?: string;
+    } | null;
     user?: UserData | null;
     login?: LoginAction | null;
     userMenu?: Array<UserMenuItemWithSubmenu>;
     search?: SearchAction | null;
     isSticky?: boolean;
     isCompactHeight?: boolean;
+    setSearchToLeft?: boolean;
+    menuReverse?: boolean;
 };
-declare function Navigation({ logo, menus, links, stats, cta, user, userMenu, search, login, isSticky, isCompactHeight, }: NavigationProps): JSX.Element;
+declare function Navigation({ logo, menus, links, stats, cta, cta2, user, userMenu, search, login, isSticky, isCompactHeight, setSearchToLeft, menuReverse, }: NavigationProps): JSX.Element;
 export default Navigation;