@selfdecode/sd-component-library 2.45.17 → 2.45.20

package/lib/components/complex/navbar/partials/navbar-v1/partials/navbar-mobile-v1/partials/drop-up-navbar-item/interfaces.d.ts

@@ -1,18 +1,18 @@
-import { ColoredBackgroundListProps } from "../colored-background-list";
-/**
- * Defines the NavbarSomeViewProps component's properties.
- */
-export declare type DropUpNavbarItemProps = ColoredBackgroundListProps & {
-    /**
-     * Text to be show at the top-left corner, opposite to the X icon button
-     */
-    title: string;
-    /**
-     * Boolean value: if true, show the list of elements
-     */
-    isUnfolded: boolean;
-    /**
-     * Callback function to be called when the "arrow-down" icon button is clicked
-     */
-    onDropClick: () => void;
-};
+import { ColoredBackgroundListProps } from "../colored-background-list";
+/**
+ * Defines the NavbarSomeViewProps component's properties.
+ */
+export declare type DropUpNavbarItemProps = ColoredBackgroundListProps & {
+    /**
+     * Text to be show at the top-left corner, opposite to the X icon button
+     */
+    title: string;
+    /**
+     * Boolean value: if true, show the list of elements
+     */
+    isUnfolded: boolean;
+    /**
+     * Callback function to be called when the "arrow-down" icon button is clicked
+     */
+    onDropClick: () => void;
+};

package/lib/components/complex/navbar/partials/navbar-v1/partials/navbar-mobile-v1/partials/icon-buttons/icon-buttons.d.ts

@@ -1,9 +1,9 @@
-import React from "react";
-import { BasicButtonProps, IconButtonProps, ShortArrowIconButtonProps } from "./interfaces";
-export declare const IconButton: React.FC<IconButtonProps>;
-export declare const ShortArrowIconButton: React.FC<ShortArrowIconButtonProps>;
-export declare const DropDownIconButton: React.FC<BasicButtonProps>;
-export declare const DropUpIconButton: React.FC<BasicButtonProps>;
-export declare const SearchIconButton: React.FC<Omit<IconButtonProps, "IconComponent">>;
-export declare const CrossIconButton: React.FC<Omit<IconButtonProps, "IconComponent" | "iconHeight">>;
-export declare const HamburgerIconButton: React.FC<Omit<IconButtonProps, "IconComponent">>;
+import React from "react";
+import { BasicButtonProps, IconButtonProps, ShortArrowIconButtonProps } from "./interfaces";
+export declare const IconButton: React.FC<IconButtonProps>;
+export declare const ShortArrowIconButton: React.FC<ShortArrowIconButtonProps>;
+export declare const DropDownIconButton: React.FC<BasicButtonProps>;
+export declare const DropUpIconButton: React.FC<BasicButtonProps>;
+export declare const SearchIconButton: React.FC<Omit<IconButtonProps, "IconComponent">>;
+export declare const CrossIconButton: React.FC<Omit<IconButtonProps, "IconComponent" | "iconHeight">>;
+export declare const HamburgerIconButton: React.FC<Omit<IconButtonProps, "IconComponent">>;

package/lib/components/complex/navbar/partials/navbar-v1/partials/navbar-mobile-v1/partials/icon-buttons/index.d.ts

@@ -1 +1 @@
-export { ShortArrowIconButton, DropDownIconButton, DropUpIconButton, SearchIconButton, HamburgerIconButton, CrossIconButton, } from "./icon-buttons";
+export { ShortArrowIconButton, DropDownIconButton, DropUpIconButton, SearchIconButton, HamburgerIconButton, CrossIconButton, } from "./icon-buttons";

package/lib/components/complex/navbar/partials/navbar-v1/partials/navbar-mobile-v1/partials/icon-buttons/interfaces.d.ts

@@ -1,43 +1,43 @@
-import { FC, SVGProps } from "react";
-import { BoxProps } from "rebass";
-export declare type BasicButtonProps = {
-    /**
-     * Callback function to be called when the button is clicked
-     */
-    onClick?: () => void;
-    /**
-     * Button color
-     */
-    color?: string;
-};
-export declare type IconButtonProps = BasicButtonProps & Pick<BoxProps, "sx" | "disabled"> & {
-    /**
-     * The color to be used to fill out the icon. Has a default value of
-     * #4568F9, which is equivalent to the color cl_blue in the theme
-     * You must use the RGB or HEX value of the color: theme's colors
-     * won't work because this prop is used on SVG icons
-     */
-    fill?: string;
-    /**
-     * The height prop of the icon component inside the button.
-     * Has a default value of 18px
-     */
-    iconHeight?: string;
-    /**
-     * The icon to be shown as it were the button.
-     */
-    IconComponent: FC<SVGProps<SVGSVGElement>>;
-};
-export declare type ShortArrowIconButtonProps = BasicButtonProps & Pick<IconButtonProps, "disabled" | "fill"> & {
-    /**
-     * The amount of degress the the ShortArrowIcon component should be
-     * rotated. This allow to have 4 (up, down, left, right) component
-     * using the same svg file
-     */
-    rotationDegree?: 90 | 180 | 270;
-    /**
-     * The height prop of the icon component inside the button.
-     * Has a default value of 12px
-     */
-    iconHeight?: string;
-};
+import { FC, SVGProps } from "react";
+import { BoxProps } from "rebass";
+export declare type BasicButtonProps = {
+    /**
+     * Callback function to be called when the button is clicked
+     */
+    onClick?: () => void;
+    /**
+     * Button color
+     */
+    color?: string;
+};
+export declare type IconButtonProps = BasicButtonProps & Pick<BoxProps, "sx" | "disabled"> & {
+    /**
+     * The color to be used to fill out the icon. Has a default value of
+     * #4568F9, which is equivalent to the color cl_blue in the theme
+     * You must use the RGB or HEX value of the color: theme's colors
+     * won't work because this prop is used on SVG icons
+     */
+    fill?: string;
+    /**
+     * The height prop of the icon component inside the button.
+     * Has a default value of 18px
+     */
+    iconHeight?: string;
+    /**
+     * The icon to be shown as it were the button.
+     */
+    IconComponent: FC<SVGProps<SVGSVGElement>>;
+};
+export declare type ShortArrowIconButtonProps = BasicButtonProps & Pick<IconButtonProps, "disabled" | "fill"> & {
+    /**
+     * The amount of degress the the ShortArrowIcon component should be
+     * rotated. This allow to have 4 (up, down, left, right) component
+     * using the same svg file
+     */
+    rotationDegree?: 90 | 180 | 270;
+    /**
+     * The height prop of the icon component inside the button.
+     * Has a default value of 12px
+     */
+    iconHeight?: string;
+};

package/lib/components/complex/navbar/partials/navbar-v1/partials/navbar-mobile-v1/partials/index.d.ts

@@ -1 +1 @@
-export * from "./icon-buttons";
+export * from "./icon-buttons";

package/lib/components/complex/navbar/partials/navbar-v1/partials/navbar-mobile-v1/partials/navbar-mobile-folded/index.d.ts

@@ -1 +1 @@
-export { NavbarMobileFolded } from "./navbar-mobile-folded";
+export { NavbarMobileFolded } from "./navbar-mobile-folded";

package/lib/components/complex/navbar/partials/navbar-v1/partials/navbar-mobile-v1/partials/navbar-mobile-folded/interfaces.d.ts

@@ -1,13 +1,13 @@
-/**
- * Defines the NavbarMobileFolded component's properties.
- */
-export declare type NavbarMobileFoldedProps = {
-    /**
-     * Callback function to be called when user press on the search icon
-     */
-    onSearchClick: () => void;
-    /**
-     * Callback function to be called when user press on the hamburger icon
-     */
-    onNavigationClick: () => void;
-};
+/**
+ * Defines the NavbarMobileFolded component's properties.
+ */
+export declare type NavbarMobileFoldedProps = {
+    /**
+     * Callback function to be called when user press on the search icon
+     */
+    onSearchClick: () => void;
+    /**
+     * Callback function to be called when user press on the hamburger icon
+     */
+    onNavigationClick: () => void;
+};

package/lib/components/complex/navbar/partials/navbar-v1/partials/navbar-mobile-v1/partials/navbar-mobile-folded/navbar-mobile-folded.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
-import { NavbarMobileFoldedProps as Props } from "./interfaces";
-export declare const NavbarMobileFolded: React.FC<Props>;
+import React from "react";
+import { NavbarMobileFoldedProps as Props } from "./interfaces";
+export declare const NavbarMobileFolded: React.FC<Props>;

package/lib/components/complex/navbar/partials/navbar-v1/partials/navbar-mobile-v1/partials/navbar-mobile-unfolded-box/index.d.ts

@@ -1 +1 @@
-export { NavbarMobileUnfoldedBox } from "./navbar-mobile-unfolded-box";
+export { NavbarMobileUnfoldedBox } from "./navbar-mobile-unfolded-box";

package/lib/components/complex/navbar/partials/navbar-v1/partials/navbar-mobile-v1/partials/navbar-mobile-unfolded-box/interfaces.d.ts

@@ -1,19 +1,19 @@
-import { NavbarMobileV2PresentationalProps } from "../../../../../navbar-v2/partials/navbar-mobile-v2/presentational/interfaces";
-export declare type NavbarMobileUnfoldedBoxProps = Pick<NavbarMobileV2PresentationalProps, "itemsInCart" | "onClickCartIcon" | "isLegacy" | "hideSearch"> & {
-    /**
-     * Text to be show at the top-left corner, opposite to the X icon button
-     */
-    title: string;
-    /**
-     * Callback function to be called when the X icon button is clicked
-     */
-    onClickClose: () => void;
-    /**
-     * Callback function to be called when user press on the search icon
-     */
-    onSearchClick?: () => void;
-    /**
-     * Container overflow.
-     */
-    overflow?: string;
-};
+import { NavbarMobileV2PresentationalProps } from "../../../../../navbar-v2/partials/navbar-mobile-v2/presentational/interfaces";
+export declare type NavbarMobileUnfoldedBoxProps = Pick<NavbarMobileV2PresentationalProps, "itemsInCart" | "onClickCartIcon" | "isLegacy" | "hideSearch"> & {
+    /**
+     * Text to be show at the top-left corner, opposite to the X icon button
+     */
+    title: string;
+    /**
+     * Callback function to be called when the X icon button is clicked
+     */
+    onClickClose: () => void;
+    /**
+     * Callback function to be called when user press on the search icon
+     */
+    onSearchClick?: () => void;
+    /**
+     * Container overflow.
+     */
+    overflow?: string;
+};

package/lib/components/complex/navbar/partials/navbar-v1/partials/navbar-mobile-v1/partials/navbar-mobile-unfolded-box/navbar-mobile-unfolded-box.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
-import { NavbarMobileUnfoldedBoxProps as Props } from "./interfaces";
-export declare const NavbarMobileUnfoldedBox: React.FC<Props>;
+import React from "react";
+import { NavbarMobileUnfoldedBoxProps as Props } from "./interfaces";
+export declare const NavbarMobileUnfoldedBox: React.FC<Props>;

package/lib/components/complex/navbar/partials/navbar-v1/partials/navbar-mobile-v1/partials/navbar-mobile-unfolded-navigation/constants.d.ts

@@ -1,2 +1,2 @@
-import { FoldableLink } from "./interfaces";
-export declare const foldableLinks: FoldableLink[];
+import { FoldableLink } from "./interfaces";
+export declare const foldableLinks: FoldableLink[];

package/lib/components/complex/navbar/partials/navbar-v1/partials/navbar-mobile-v1/partials/navbar-mobile-unfolded-navigation/index.d.ts

@@ -1 +1 @@
-export { NavbarMobileUnfoldedNavigation } from "./navbar-mobile-unfolded-navigation";
+export { NavbarMobileUnfoldedNavigation } from "./navbar-mobile-unfolded-navigation";

package/lib/components/complex/navbar/partials/navbar-v1/partials/navbar-mobile-v1/partials/navbar-mobile-unfolded-navigation/interfaces.d.ts

@@ -1,20 +1,20 @@
-import { NavbarLink } from "../../../../interfaces";
-/**
- * Defines the NavigationUnfolded component's properties.
- */
-export declare type NavbarMobileUnfoldedNavigationProps = {
-    /**
-     * Callback function to be called when the X icon button is clicked
-     */
-    onClickClose: () => void;
-};
-export declare type FoldableLink = {
-    /**
-     * The title of the foldable link
-     */
-    title: string;
-    /**
-     * The elements to be shown when the link is unfolded
-     */
-    elements: NavbarLink[];
-};
+import { NavbarLink } from "../../../../interfaces";
+/**
+ * Defines the NavigationUnfolded component's properties.
+ */
+export declare type NavbarMobileUnfoldedNavigationProps = {
+    /**
+     * Callback function to be called when the X icon button is clicked
+     */
+    onClickClose: () => void;
+};
+export declare type FoldableLink = {
+    /**
+     * The title of the foldable link
+     */
+    title: string;
+    /**
+     * The elements to be shown when the link is unfolded
+     */
+    elements: NavbarLink[];
+};

package/lib/components/complex/navbar/partials/navbar-v1/partials/navbar-mobile-v1/partials/navbar-mobile-unfolded-navigation/navbar-mobile-unfolded-navigation.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
-import { NavbarMobileUnfoldedNavigationProps as Props } from "./interfaces";
-export declare const NavbarMobileUnfoldedNavigation: React.FC<Props>;
+import React from "react";
+import { NavbarMobileUnfoldedNavigationProps as Props } from "./interfaces";
+export declare const NavbarMobileUnfoldedNavigation: React.FC<Props>;

package/lib/components/complex/navbar/partials/navbar-v1/partials/navbar-mobile-v1/partials/navbar-mobile-unfolded-search/index.d.ts

@@ -1 +1 @@
-export { NavbarMobileUnfoldedSearch } from "./navbar-mobile-unfolded-search";
+export { NavbarMobileUnfoldedSearch } from "./navbar-mobile-unfolded-search";

package/lib/components/complex/navbar/partials/navbar-v1/partials/navbar-mobile-v1/partials/navbar-mobile-unfolded-search/interfaces.d.ts

@@ -1,19 +1,19 @@
-import { SearchResult } from "../../../../../../../../inputs/search-input/partials/search-box/interfaces";
-import { NavbarMobileV2PresentationalProps } from "../../../../../navbar-v2/partials/navbar-mobile-v2/presentational/interfaces";
-/**
- * Defines the SearchUnfolded component's properties.
- */
-export declare type NavbarMobileUnfoldedSearchProps = Pick<NavbarMobileV2PresentationalProps, "itemsInCart" | "onClickCartIcon" | "onClickSearch" | "useRouterLinks"> & {
-    /**
-     * Callback function to be called when the X icon button is clicked
-     */
-    onClickClose: () => void;
-    /**
-     * The callback for the search query change
-     */
-    onSearch: (query: string) => void;
-    /**
-     * The returned search results
-     */
-    searchResults: Array<SearchResult>;
-};
+import { SearchResult } from "../../../../../../../../inputs/search-input/partials/search-box/interfaces";
+import { NavbarMobileV2PresentationalProps } from "../../../../../navbar-v2/partials/navbar-mobile-v2/presentational/interfaces";
+/**
+ * Defines the SearchUnfolded component's properties.
+ */
+export declare type NavbarMobileUnfoldedSearchProps = Pick<NavbarMobileV2PresentationalProps, "itemsInCart" | "onClickCartIcon" | "onClickSearch" | "useRouterLinks"> & {
+    /**
+     * Callback function to be called when the X icon button is clicked
+     */
+    onClickClose: () => void;
+    /**
+     * The callback for the search query change
+     */
+    onSearch: (query: string) => void;
+    /**
+     * The returned search results
+     */
+    searchResults: Array<SearchResult>;
+};

package/lib/components/complex/navbar/partials/navbar-v1/partials/navbar-mobile-v1/partials/navbar-mobile-unfolded-search/navbar-mobile-unfolded-search.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
-import { NavbarMobileUnfoldedSearchProps as Props } from "./interfaces";
-export declare const NavbarMobileUnfoldedSearch: React.FC<Props>;
+import React from "react";
+import { NavbarMobileUnfoldedSearchProps as Props } from "./interfaces";
+export declare const NavbarMobileUnfoldedSearch: React.FC<Props>;

package/lib/components/complex/navbar/partials/navbar-v1/partials/navbar-mobile-v1/partials/navigation-item-text/index.d.ts

@@ -1 +1 @@
-export { NavigationItemText } from "./navigation-item-text";
+export { NavigationItemText } from "./navigation-item-text";

package/lib/components/complex/navbar/partials/navbar-v1/partials/navbar-mobile-v1/partials/navigation-item-text/navigation-item-text.d.ts

@@ -1,2 +1,2 @@
-import React from "react";
-export declare const NavigationItemText: React.FC;
+import React from "react";
+export declare const NavigationItemText: React.FC;

package/lib/components/complex/navbar/partials/navbar-v1/partials/navbar-mobile-v1/presentational/index.d.ts

@@ -1 +1 @@
-export { NavbarMobileV1Presentational } from "./navbar-mobile-v1-presentational";
+export { NavbarMobileV1Presentational } from "./navbar-mobile-v1-presentational";

package/lib/components/complex/navbar/partials/navbar-v1/partials/navbar-mobile-v1/presentational/interfaces.d.ts

@@ -1,3 +1,3 @@
-import { NavbarV1PresentationalProps } from "../../../presentational/interfaces";
-export interface NavbarMobileV1PresentationalProps extends NavbarV1PresentationalProps {
-}
+import { NavbarV1PresentationalProps } from "../../../presentational/interfaces";
+export interface NavbarMobileV1PresentationalProps extends NavbarV1PresentationalProps {
+}

package/lib/components/complex/navbar/partials/navbar-v1/partials/navbar-mobile-v1/presentational/navbar-mobile-v1-presentational.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
-import { NavbarMobileV1PresentationalProps as Props } from "./interfaces";
-/**
- * This component will not be visible in screen with desktop size.
- */
-export declare const NavbarMobileV1Presentational: React.FC<Props>;
+import React from "react";
+import { NavbarMobileV1PresentationalProps as Props } from "./interfaces";
+/**
+ * This component will not be visible in screen with desktop size.
+ */
+export declare const NavbarMobileV1Presentational: React.FC<Props>;

package/lib/components/complex/navbar/partials/navbar-v1/presentational/index.d.ts

@@ -1 +1 @@
-export { NavbarV1Presentational } from "./navbar-v1-presentational";
+export { NavbarV1Presentational } from "./navbar-v1-presentational";

package/lib/components/complex/navbar/partials/navbar-v1/presentational/interfaces.d.ts

@@ -1,2 +1,2 @@
-import { NavbarProps } from "../../../presentational/interfaces";
-export declare type NavbarV1PresentationalProps = Pick<NavbarProps, "history" | "onSearch" | "searchResults" | "onClickSearch">;
+import { NavbarProps } from "../../../presentational/interfaces";
+export declare type NavbarV1PresentationalProps = Pick<NavbarProps, "history" | "onSearch" | "searchResults" | "onClickSearch">;

package/lib/components/complex/navbar/partials/navbar-v1/presentational/navbar-v1-presentational.d.ts

@@ -1,8 +1,8 @@
-import React from "react";
-import { NavbarV1PresentationalProps as Props } from "./interfaces";
-/**
- * This component is responsive: it will render the NavbarMobileV1 or
- * the NavbarDesktopV1 commponent depending of the screen size (theme breakpoints)
- *
- */
-export declare const NavbarV1Presentational: React.FC<Props>;
+import React from "react";
+import { NavbarV1PresentationalProps as Props } from "./interfaces";
+/**
+ * This component is responsive: it will render the NavbarMobileV1 or
+ * the NavbarDesktopV1 commponent depending of the screen size (theme breakpoints)
+ *
+ */
+export declare const NavbarV1Presentational: React.FC<Props>;

package/lib/components/complex/navbar/partials/navbar-v2/index.d.ts

@@ -1,2 +1,2 @@
-export { NavbarV2Presentational as NavbarV2 } from "./presentational";
-export * from "./partials";
+export { NavbarV2Presentational as NavbarV2 } from "./presentational";
+export * from "./partials";

package/lib/components/complex/navbar/partials/navbar-v2/partials/index.d.ts

@@ -1 +1 @@
-export type { NavItem as NavItemConfig } from "./interfaces";
+export type { NavItem as NavItemConfig } from "./interfaces";

package/lib/components/complex/navbar/partials/navbar-v2/partials/interfaces.d.ts

@@ -1,102 +1,102 @@
-import { FC, SVGProps } from "react";
-export declare type NavItem = {
-    /**
-     * The text to be shown in the link
-     */
-    title: string;
-    /**
-     * Optional mobile title
-     */
-    mobileTitle?: string;
-    /**
-     * Optional title in toggled state.
-     */
-    toggledTitle?: string;
-    /**
-     * The links that should be displayed when:
-     *    - in desktop view, the user hovers this NavItem
-     *    - in mobile view, the user clicks this NavItem
-     */
-    children: Array<NavMenuItem>;
-    /**
-     * Flag to decide if the title should be inside a SecondaryBadge
-     */
-    titleInBadge?: boolean;
-    /**
-     * Optional color prop to override the default
-     */
-    badgeColor?: string;
-    /**
-     * An SVG Component to be placed to the left of the title
-     */
-    Icon?: FC<SVGProps<SVGSVGElement>>;
-    /**
-     * Whether or not to hide arrow
-     */
-    hideArrow?: boolean;
-    /**
-     * Whether to include icon in mobile navbar menu
-     */
-    mobileShowIcon?: boolean;
-    /**
-     * Whether weglot should translate text
-     */
-    dontTranslate?: boolean;
-    /**
-     * The url of the link. It should be set to undefined
-     * when it has children NavMenuItems
-     */
-    url?: string;
-    /**
-     * Flag to decide if the URL is internal.
-     *
-     * It means the url points to some page within the react app
-     * and react router's `Link` can be used to navigate to that page.
-     */
-    isInternal?: boolean;
-};
-export declare type NavMenuItem = {
-    /**
-     * The url of the link. It should be set to ""----"
-     * when it has children NavMenuItems
-     */
-    url?: string;
-    /**
-     * The text to be shown in the link
-     */
-    title: string;
-    /**
-     * Flag to decide if the URL is internal.
-     *
-     * It means the url points to some page within the react app
-     * and react router's `Link` can be used to navigate to that page.
-     */
-    isInternal: boolean;
-    /**
-     * Text that should be shown next to the title, inside a SecondaryBadge
-     */
-    badgeText?: string;
-    /**
-     * Optional element (usually icon) to show to the left of the title
-     */
-    sideDecor?: JSX.Element;
-    /**
-     * The links that should be displayed when:
-     *    - in desktop view, the user hovers this nav item
-     *    - in mobile view, these links will be shown as children of the root NavItem
-     *
-     */
-    children: NavMenuItem[];
-    /**
-     * What to do instead of redirecting to a url.
-     */
-    onClick?: () => void;
-    /**
-     * Whether item is currenly selected (and hence should be highlighted)
-     */
-    isSelected?: boolean;
-    /**
-     * Whether weglot should translate text
-     */
-    dontTranslate?: boolean;
-};
+import { FC, SVGProps } from "react";
+export declare type NavItem = {
+    /**
+     * The text to be shown in the link
+     */
+    title: string;
+    /**
+     * Optional mobile title
+     */
+    mobileTitle?: string;
+    /**
+     * Optional title in toggled state.
+     */
+    toggledTitle?: string;
+    /**
+     * The links that should be displayed when:
+     *    - in desktop view, the user hovers this NavItem
+     *    - in mobile view, the user clicks this NavItem
+     */
+    children: Array<NavMenuItem>;
+    /**
+     * Flag to decide if the title should be inside a SecondaryBadge
+     */
+    titleInBadge?: boolean;
+    /**
+     * Optional color prop to override the default
+     */
+    badgeColor?: string;
+    /**
+     * An SVG Component to be placed to the left of the title
+     */
+    Icon?: FC<SVGProps<SVGSVGElement>>;
+    /**
+     * Whether or not to hide arrow
+     */
+    hideArrow?: boolean;
+    /**
+     * Whether to include icon in mobile navbar menu
+     */
+    mobileShowIcon?: boolean;
+    /**
+     * Whether weglot should translate text
+     */
+    dontTranslate?: boolean;
+    /**
+     * The url of the link. It should be set to undefined
+     * when it has children NavMenuItems
+     */
+    url?: string;
+    /**
+     * Flag to decide if the URL is internal.
+     *
+     * It means the url points to some page within the react app
+     * and react router's `Link` can be used to navigate to that page.
+     */
+    isInternal?: boolean;
+};
+export declare type NavMenuItem = {
+    /**
+     * The url of the link. It should be set to ""----"
+     * when it has children NavMenuItems
+     */
+    url?: string;
+    /**
+     * The text to be shown in the link
+     */
+    title: string;
+    /**
+     * Flag to decide if the URL is internal.
+     *
+     * It means the url points to some page within the react app
+     * and react router's `Link` can be used to navigate to that page.
+     */
+    isInternal: boolean;
+    /**
+     * Text that should be shown next to the title, inside a SecondaryBadge
+     */
+    badgeText?: string;
+    /**
+     * Optional element (usually icon) to show to the left of the title
+     */
+    sideDecor?: JSX.Element;
+    /**
+     * The links that should be displayed when:
+     *    - in desktop view, the user hovers this nav item
+     *    - in mobile view, these links will be shown as children of the root NavItem
+     *
+     */
+    children: NavMenuItem[];
+    /**
+     * What to do instead of redirecting to a url.
+     */
+    onClick?: () => void;
+    /**
+     * Whether item is currenly selected (and hence should be highlighted)
+     */
+    isSelected?: boolean;
+    /**
+     * Whether weglot should translate text
+     */
+    dontTranslate?: boolean;
+};