@telefonica/mistica 16.3.1 → 16.5.0

package/dist/navigation-bar.d.ts

@@ -1,37 +1,8 @@
 import * as React from 'react';
+import type { ExclusifyUnion } from './utils/utility-types';
 import type { Variant } from './theme-variant-context';
 import type { TouchableProps } from './touchable';
 import type { HeadingType } from './utils/types';
-type MainNavigationBarSection = {
-    href: string;
-    to?: undefined;
-    onPress?: undefined;
-    title: string;
-} | {
-    to: string;
-    href?: undefined;
-    onPress?: undefined;
-    title: string;
-} | {
-    onPress: () => void;
-    to?: undefined;
-    href?: undefined;
-    title: string;
-};
-type MainNavigationBarPropsBase = {
-    sections?: ReadonlyArray<MainNavigationBarSection>;
-    selectedIndex?: number;
-    right?: React.ReactElement;
-    logo?: React.ReactElement;
-    variant?: Variant;
-    children?: undefined;
-    topFixed?: boolean;
-    withBorder?: boolean;
-    burgerMenuExtra?: React.ReactNode;
-    large?: boolean;
-};
-type MainNavigationBarProps = MainNavigationBarPropsBase;
-export declare const MainNavigationBar: ({ sections, selectedIndex, right, variant, topFixed, withBorder, burgerMenuExtra, logo, large, }: MainNavigationBarProps) => JSX.Element;
 interface NavigationBarCommonProps {
     variant?: Variant;
     onBack?: () => void;
@@ -51,6 +22,70 @@ interface NavigationBarNotFixedProps extends NavigationBarCommonProps {
 }
 type NavigationBarProps = NavigationBarTopFixedProps | NavigationBarNotFixedProps;
 export declare const NavigationBar: ({ onBack, title, titleAs, right, variant, topFixed, paddingX, withBorder, }: NavigationBarProps) => JSX.Element;
+type InteractiveProps = ExclusifyUnion<{
+    href: string;
+} | {
+    to: string;
+} | {
+    onPress: () => void;
+}>;
+type MaybeInteractiveProps = ExclusifyUnion<{
+    href?: string;
+} | {
+    to?: string;
+} | {
+    onPress?: () => void;
+}>;
+type SectionItem = {
+    title: string;
+} & InteractiveProps;
+type SectionColumn = {
+    title: string;
+    items: ReadonlyArray<SectionItem>;
+};
+type SectionMenu = ExclusifyUnion<{
+    columns: ReadonlyArray<SectionColumn>;
+} | {
+    content?: React.ReactElement | ((props: {
+        closeMenu: () => void;
+    }) => React.ReactElement);
+}>;
+type MainNavigationBarSection = {
+    title: string;
+    menu?: SectionMenu;
+} & MaybeInteractiveProps;
+type MainNavigationBarProps = {
+    sections?: ReadonlyArray<MainNavigationBarSection>;
+    selectedIndex?: number;
+    right?: React.ReactElement;
+    logo?: React.ReactElement;
+    variant?: Variant;
+    children?: undefined;
+    topFixed?: boolean;
+    withBorder?: boolean;
+    burgerMenuExtra?: React.ReactNode;
+    large?: boolean;
+    desktopLargeMenu?: boolean;
+};
+type MainNavigationBarMenuStatus = 'opening' | 'opened' | 'closing' | 'closed';
+type MainNavigationBarDesktopMenuState = {
+    isMenuOpen: boolean;
+    openedSection: number;
+    menuHeight: string;
+    menuStatus: MainNavigationBarMenuStatus;
+    openSectionMenu: (index: number) => void;
+    closeMenu: () => void;
+    setMenuHeight: (height: string) => void;
+    setIsMenuHovered: (value: boolean) => void;
+    setFocusedItem: (item?: {
+        column: number;
+        index: number;
+    }) => void;
+    debouncedOpenSectionMenu: (index: number) => void;
+    cancelDebouncedOpenSectionMenu: (index: number) => void;
+};
+export declare const useMainNavigationBarDesktopMenuState: () => MainNavigationBarDesktopMenuState;
+export declare const MainNavigationBar: ({ sections, selectedIndex, right, variant, topFixed, withBorder, burgerMenuExtra, logo, large, desktopLargeMenu, }: MainNavigationBarProps) => JSX.Element;
 type FunnelNavigationBarProps = {
     variant?: Variant;
     logo?: React.ReactElement;