@gravity-ui/navigation 0.6.0 → 0.7.0

package/build/esm/components/CompositeBar/Item/Item.d.ts

@@ -7,6 +7,7 @@ interface ItemPopup {
     popupAnchor?: React.RefObject<HTMLElement>;
     popupPlacement?: PopupPlacement;
     popupOffset?: PopupProps['offset'];
+    popupKeepMounted?: boolean;
     renderPopupContent?: () => React.ReactNode;
     onClosePopup?: () => void;
 }

package/build/esm/components/HotkeysPanel/HotkeysPanel.d.ts

@@ -0,0 +1,18 @@
+import type { ReactNode } from 'react';
+import type { ListProps } from '@gravity-ui/uikit';
+import type { DrawerProps } from '../Drawer/Drawer';
+import type { HotkeysListItem, HotkeysGroup } from './types';
+import './HotkeysPanel.scss';
+export declare type HotkeysPanelProps<T> = {
+    hotkeys: HotkeysGroup<T>[];
+    title?: ReactNode;
+    filterPlaceholder?: string;
+    emptyState?: ReactNode;
+    visible: boolean;
+    onClose?: () => void;
+    className?: string;
+    leftOffset?: number | string;
+    topOffset?: number | string;
+    preventScrollBody?: DrawerProps['preventScrollBody'];
+} & Omit<ListProps<HotkeysListItem>, 'items' | 'emptyPlaceholder'>;
+export declare function HotkeysPanel<T = {}>({ visible, onClose, leftOffset, topOffset, className, preventScrollBody, hotkeys, itemClassName, filterPlaceholder, title, emptyState, ...listProps }: HotkeysPanelProps<T>): JSX.Element;

package/build/esm/components/HotkeysPanel/__stories__/HotkeysPanel.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta, Story } from '@storybook/react/types-6-0';
+declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
+export default _default;
+export declare const Showcase: Story<import("@storybook/react/types-6-0").Args>;

package/build/esm/components/HotkeysPanel/__stories__/HotkeysPanelShowcase.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import './HotkeysPanelShowcase.scss';
+export declare function HotkeysPanelShowcase(): JSX.Element;

package/build/esm/components/HotkeysPanel/__stories__/moc.d.ts

@@ -0,0 +1,2 @@
+import { HotkeysGroup } from '..';
+export declare const hotkeys: HotkeysGroup[];

package/build/esm/components/HotkeysPanel/index.d.ts

@@ -0,0 +1,2 @@
+export * from './HotkeysPanel';
+export type { HotkeysGroup, HotkeysItem } from './types';

package/build/esm/components/HotkeysPanel/types.d.ts

@@ -0,0 +1,13 @@
+export declare type HotkeysItem = {
+    title: string;
+    value: string;
+};
+export declare type HotkeysGroup<T = {}> = {
+    title: string;
+    items: HotkeysItem[];
+} & T;
+export declare type HotkeysListItem = {
+    title: string;
+    group?: boolean;
+    value?: string;
+};

package/build/esm/components/HotkeysPanel/utils/filterHotkeys.d.ts

@@ -0,0 +1,2 @@
+import type { HotkeysGroup } from '..';
+export declare function filterHotkeys<T>(hotkeys: HotkeysGroup<T>[], filter: string): HotkeysGroup<T>[];

package/build/esm/components/HotkeysPanel/utils/flattenHotkeyGroups.d.ts

@@ -0,0 +1,2 @@
+import type { HotkeysGroup, HotkeysListItem } from '../types';
+export declare function flattenHotkeyGroups<T>(hotkeys: HotkeysGroup<T>[]): HotkeysListItem[];

package/build/esm/components/MobileHeader/BurgerMenu/BurgerMenu.d.ts

@@ -8,4 +8,4 @@ export interface BurgerMenuInnerProps {
     onItemClick?: (item: MobileMenuItem) => void;
     className?: string;
 }
-export declare const BurgerMenu: React.MemoExoticComponent<({ items, renderFooter, modalItem, className }: BurgerMenuInnerProps) => JSX.Element>;
+export declare const BurgerMenu: React.MemoExoticComponent<({ items, renderFooter, modalItem, className, onItemClick }: BurgerMenuInnerProps) => JSX.Element>;

package/build/esm/components/MobileHeader/FooterItem/FooterItem.d.ts

@@ -7,6 +7,6 @@ export interface FooterItemProps {
     iconSize?: string | number;
     className?: string;
     modalItem: ModalItem;
-    onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    onClick?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
 }
 export declare const FooterItem: ({ icon, iconSize, className, modalItem, onClick, }: FooterItemProps) => JSX.Element;

package/build/esm/components/index.d.ts

@@ -2,5 +2,6 @@ export { ActionBar } from './ActionBar';
 export { AsideHeader, AsideHeaderProps } from './AsideHeader/AsideHeader';
 export { Drawer, DrawerProps, DrawerItemProps, DrawerItem } from './Drawer/Drawer';
 export { FooterItem, FooterItemProps } from './FooterItem/FooterItem';
+export * from './HotkeysPanel';
 export * from './Settings';
 export * from './types';