@gravity-ui/navigation 0.15.0 → 0.17.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +17 -1
- package/build/cjs/components/AsideHeader/AsideHeader.d.ts +4 -2
- package/build/cjs/components/AsideHeader/i18n/index.d.ts +2 -0
- package/build/cjs/components/CompositeBar/CompositeBar.d.ts +2 -2
- package/build/cjs/components/CompositeBar/HighlightedItem/HighlightedItem.d.ts +12 -0
- package/build/cjs/components/CompositeBar/Item/Item.d.ts +3 -0
- package/build/cjs/components/CompositeBar/constants.d.ts +0 -1
- package/build/cjs/components/CompositeBar/utils.d.ts +2 -2
- package/build/cjs/components/MobileHeader/Burger/Burger.d.ts +5 -2
- package/build/cjs/components/MobileHeader/MobileHeader.d.ts +2 -0
- package/build/cjs/components/MobileHeader/i18n/index.d.ts +2 -0
- package/build/cjs/components/Settings/Settings.d.ts +4 -7
- package/build/cjs/components/Settings/i18n/index.d.ts +2 -0
- package/build/cjs/components/Title/Title.d.ts +1 -3
- package/build/cjs/components/Title/i18n/index.d.ts +2 -0
- package/build/cjs/components/constants.d.ts +1 -8
- package/build/cjs/components/index.d.ts +1 -0
- package/build/cjs/components/types.d.ts +0 -10
- package/build/cjs/components/utils/cn.d.ts +3 -3
- package/build/cjs/components/utils/registerKeyset.d.ts +5 -0
- package/build/cjs/i18n.d.ts +2 -0
- package/build/cjs/index.js +1346 -1085
- package/build/cjs/index.js.map +1 -1
- package/build/esm/components/AsideHeader/AsideHeader.d.ts +4 -2
- package/build/esm/components/AsideHeader/i18n/index.d.ts +2 -0
- package/build/esm/components/CompositeBar/CompositeBar.d.ts +2 -2
- package/build/esm/components/CompositeBar/HighlightedItem/HighlightedItem.d.ts +12 -0
- package/build/esm/components/CompositeBar/Item/Item.d.ts +3 -0
- package/build/esm/components/CompositeBar/constants.d.ts +0 -1
- package/build/esm/components/CompositeBar/utils.d.ts +2 -2
- package/build/esm/components/MobileHeader/Burger/Burger.d.ts +5 -2
- package/build/esm/components/MobileHeader/MobileHeader.d.ts +2 -0
- package/build/esm/components/MobileHeader/i18n/index.d.ts +2 -0
- package/build/esm/components/Settings/Settings.d.ts +4 -7
- package/build/esm/components/Settings/i18n/index.d.ts +2 -0
- package/build/esm/components/Title/Title.d.ts +1 -3
- package/build/esm/components/Title/i18n/index.d.ts +2 -0
- package/build/esm/components/constants.d.ts +1 -8
- package/build/esm/components/index.d.ts +1 -0
- package/build/esm/components/types.d.ts +0 -10
- package/build/esm/components/utils/cn.d.ts +3 -3
- package/build/esm/components/utils/registerKeyset.d.ts +5 -0
- package/build/esm/i18n.d.ts +2 -0
- package/build/esm/index.js +1272 -1012
- package/build/esm/index.js.map +1 -1
- package/package.json +4 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { MenuItem,
|
|
2
|
+
import { MenuItem, LogoProps, SubheaderMenuItem } from '../types';
|
|
3
3
|
import { DrawerItemProps } from '../Drawer/Drawer';
|
|
4
4
|
import { RenderContentType } from '../Content';
|
|
5
5
|
import './AsideHeader.scss';
|
|
@@ -7,8 +7,10 @@ interface AsideHeaderGeneralProps {
|
|
|
7
7
|
logo: LogoProps;
|
|
8
8
|
compact: boolean;
|
|
9
9
|
multipleTooltip?: boolean;
|
|
10
|
-
dict?: AsideHeaderDict;
|
|
11
10
|
className?: string;
|
|
11
|
+
collapseTitle?: string;
|
|
12
|
+
expandTitle?: string;
|
|
13
|
+
menuMoreTitle?: string;
|
|
12
14
|
renderContent?: RenderContentType;
|
|
13
15
|
renderFooter?: (data: {
|
|
14
16
|
size: number;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { FC } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { MenuItem, SubheaderMenuItem } from '../types';
|
|
3
3
|
import './CompositeBar.scss';
|
|
4
4
|
export type CompositeBarItem = MenuItem | SubheaderMenuItem;
|
|
5
5
|
type CompositeBarItems = {
|
|
@@ -12,7 +12,7 @@ type CompositeBarItems = {
|
|
|
12
12
|
export type CompositeBarProps = CompositeBarItems & {
|
|
13
13
|
onItemClick?: (item: MenuItem, collapsed: boolean, event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
|
|
14
14
|
multipleTooltip?: boolean;
|
|
15
|
-
|
|
15
|
+
menuMoreTitle?: string;
|
|
16
16
|
};
|
|
17
17
|
export declare const CompositeBar: FC<CompositeBarProps>;
|
|
18
18
|
export {};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './HighlightedItem.scss';
|
|
3
|
+
export type OpenModalSubscriber = (open: boolean) => void;
|
|
4
|
+
interface ItemInnerProps {
|
|
5
|
+
iconRef: React.RefObject<HTMLDivElement>;
|
|
6
|
+
iconNode: React.ReactNode;
|
|
7
|
+
onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
|
|
8
|
+
onClickCapture?: (event: React.SyntheticEvent) => void;
|
|
9
|
+
openModalSubscriber?: (subscriber: OpenModalSubscriber) => void;
|
|
10
|
+
}
|
|
11
|
+
export declare const HighlightedItem: React.FC<ItemInnerProps>;
|
|
12
|
+
export {};
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { PopupPlacement, PopupProps } from '@gravity-ui/uikit';
|
|
3
3
|
import { MenuItem } from '../../types';
|
|
4
|
+
import { OpenModalSubscriber } from '../HighlightedItem/HighlightedItem';
|
|
4
5
|
import './Item.scss';
|
|
5
6
|
interface ItemPopup {
|
|
6
7
|
popupVisible?: boolean;
|
|
@@ -10,12 +11,14 @@ interface ItemPopup {
|
|
|
10
11
|
popupKeepMounted?: boolean;
|
|
11
12
|
renderPopupContent?: () => React.ReactNode;
|
|
12
13
|
onClosePopup?: () => void;
|
|
14
|
+
openModalSubscriber?: (subscriber: OpenModalSubscriber) => void;
|
|
13
15
|
}
|
|
14
16
|
export interface ItemProps extends ItemPopup {
|
|
15
17
|
item: MenuItem;
|
|
16
18
|
enableTooltip?: boolean;
|
|
17
19
|
onItemClick?: (item: MenuItem, collapsed: boolean, event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
|
|
18
20
|
onItemClickCapture?: (event: React.SyntheticEvent) => void;
|
|
21
|
+
bringForward?: boolean;
|
|
19
22
|
}
|
|
20
23
|
interface ItemInnerProps extends ItemProps {
|
|
21
24
|
className?: string;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { MenuItem } from './../types';
|
|
2
2
|
import { CompositeBarItem } from '../CompositeBar/CompositeBar';
|
|
3
3
|
export declare function getItemHeight(item: CompositeBarItem): 40 | 15 | 50;
|
|
4
4
|
export declare function getItemsHeight<T extends CompositeBarItem>(items: T[]): number;
|
|
5
5
|
export declare function getSelectedItemIndex(items: MenuItem[]): number | undefined;
|
|
6
6
|
export declare function getPinnedItems(items: MenuItem[]): MenuItem[];
|
|
7
7
|
export declare function getItemsMinHeight(items: MenuItem[]): number;
|
|
8
|
-
export declare function getMoreButtonItem(
|
|
8
|
+
export declare function getMoreButtonItem(menuMoreTitle?: string): MenuItem;
|
|
9
9
|
export declare function getAutosizeListItems(items: MenuItem[], height: number, collapseItem: MenuItem): {
|
|
10
10
|
listItems: MenuItem[];
|
|
11
11
|
collapseItems: MenuItem[];
|
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import './Burger.scss';
|
|
3
|
-
|
|
3
|
+
interface BurgerProps {
|
|
4
|
+
closeTitle: string;
|
|
5
|
+
openTitle: string;
|
|
4
6
|
opened?: boolean;
|
|
5
7
|
className?: string;
|
|
6
8
|
onClick?: (event: React.MouseEvent<HTMLElement>) => void;
|
|
7
9
|
}
|
|
8
|
-
export declare const Burger: React.MemoExoticComponent<({ opened, className, onClick }: BurgerProps) => React.JSX.Element>;
|
|
10
|
+
export declare const Burger: React.MemoExoticComponent<({ closeTitle, openTitle, opened, className, onClick }: BurgerProps) => React.JSX.Element>;
|
|
11
|
+
export {};
|
|
@@ -16,6 +16,8 @@ interface PanelItem extends Omit<DrawerItemProps, 'visible'> {
|
|
|
16
16
|
export interface MobileHeaderProps {
|
|
17
17
|
logo: LogoProps;
|
|
18
18
|
burgerMenu: BurgerMenuProps;
|
|
19
|
+
burgerCloseTitle?: string;
|
|
20
|
+
burgerOpenTitle?: string;
|
|
19
21
|
panelItems?: PanelItem[];
|
|
20
22
|
renderContent?: RenderContentType;
|
|
21
23
|
sideItemRenderContent?: RenderContentType;
|
|
@@ -2,18 +2,18 @@ import React from 'react';
|
|
|
2
2
|
import { IconProps } from '@gravity-ui/uikit';
|
|
3
3
|
import './Settings.scss';
|
|
4
4
|
interface SettingsProps {
|
|
5
|
+
children: React.ReactNode;
|
|
6
|
+
title?: string;
|
|
7
|
+
filterPlaceholder?: string;
|
|
8
|
+
emptyPlaceholder?: string;
|
|
5
9
|
initialPage?: string;
|
|
6
10
|
onPageChange?: (page: string | undefined) => void;
|
|
7
|
-
children: React.ReactNode;
|
|
8
11
|
renderNotFound?: () => React.ReactNode;
|
|
9
12
|
renderLoading?: () => React.ReactNode;
|
|
10
13
|
loading?: boolean;
|
|
11
|
-
dict?: SettingsDict;
|
|
12
14
|
view?: 'normal' | 'mobile';
|
|
13
15
|
onClose?: () => void;
|
|
14
16
|
}
|
|
15
|
-
type SettingsDict = Record<SettingsDictKeys, string>;
|
|
16
|
-
type SettingsDictKeys = 'heading_settings' | 'placeholder_search' | 'not_found';
|
|
17
17
|
interface SettingsGroupProps {
|
|
18
18
|
id?: string;
|
|
19
19
|
groupTitle: string;
|
|
@@ -43,9 +43,6 @@ interface SettingsItemProps {
|
|
|
43
43
|
}
|
|
44
44
|
export declare function Settings({ loading, renderLoading, children, view, ...props }: SettingsProps): React.JSX.Element;
|
|
45
45
|
export declare namespace Settings {
|
|
46
|
-
var defaultProps: {
|
|
47
|
-
dict: SettingsDict;
|
|
48
|
-
};
|
|
49
46
|
var Group: ({ children }: SettingsGroupProps) => React.JSX.Element;
|
|
50
47
|
var Page: ({ children }: SettingsPageProps) => React.JSX.Element;
|
|
51
48
|
var Section: ({ children }: SettingsSectionProps) => React.JSX.Element;
|
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import './Title.scss';
|
|
3
|
-
type TitleDictKeys = 'close';
|
|
4
|
-
type TitleDict = Record<TitleDictKeys, string>;
|
|
5
3
|
interface TitleProps {
|
|
6
4
|
hasSeparator?: boolean;
|
|
7
|
-
|
|
5
|
+
closeTitle?: string;
|
|
8
6
|
closeIconSize?: number;
|
|
9
7
|
onClose?: () => void;
|
|
10
8
|
}
|
|
@@ -1,10 +1,3 @@
|
|
|
1
|
-
export declare const
|
|
1
|
+
export declare const ASIDE_HEADER_ICON_SIZE = 18;
|
|
2
2
|
export declare const ASIDE_HEADER_COMPACT_WIDTH = 56;
|
|
3
3
|
export declare const ASIDE_HEADER_EXPANDED_WIDTH = 236;
|
|
4
|
-
export declare const defaultDict: {
|
|
5
|
-
button_collapse: string;
|
|
6
|
-
button_expand: string;
|
|
7
|
-
button_more: string;
|
|
8
|
-
"button_close-burger": string;
|
|
9
|
-
"button_open-burger": string;
|
|
10
|
-
};
|
|
@@ -28,16 +28,6 @@ export interface MenuItem {
|
|
|
28
28
|
afterMoreButton?: boolean;
|
|
29
29
|
}
|
|
30
30
|
export type SubheaderMenuItem = Omit<ItemProps, 'onItemClick' | 'onItemClickCapture'>;
|
|
31
|
-
export declare enum MobileHeaderDict {
|
|
32
|
-
CloseBurger = "button_close-burger",
|
|
33
|
-
OpenBurger = "button_open-burger"
|
|
34
|
-
}
|
|
35
|
-
export declare enum Dict {
|
|
36
|
-
ExpandButton = "button_expand",
|
|
37
|
-
CollapseButton = "button_collapse",
|
|
38
|
-
MoreButton = "button_more"
|
|
39
|
-
}
|
|
40
|
-
export type AsideHeaderDict = Record<Dict, string>;
|
|
41
31
|
export interface LogoProps {
|
|
42
32
|
text: (() => React.ReactNode) | string;
|
|
43
33
|
icon?: IconProps['data'];
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import bemBlock from 'bem-cn-lite';
|
|
2
|
-
export type CnBlock = ReturnType<typeof bemBlock>;
|
|
3
1
|
export type CnMods = Record<string, string | boolean | undefined>;
|
|
4
2
|
export declare const NAMESPACE = "gn-";
|
|
5
|
-
export declare
|
|
3
|
+
export declare const cn: import("@bem-react/classname").ClassNameInitilizer;
|
|
4
|
+
export declare const block: import("@bem-react/classname").ClassNameInitilizer;
|
|
5
|
+
export type CnBlock = ReturnType<typeof cn>;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { i18n } from '../../i18n';
|
|
2
|
+
import { Lang } from './configure';
|
|
3
|
+
type KeysData = Parameters<typeof i18n.registerKeyset>[2];
|
|
4
|
+
export declare function registerKeyset<T extends KeysData>(data: Record<Lang, T>, keysetName: string): (key: string, params?: import("@gravity-ui/i18n").Params | undefined) => string;
|
|
5
|
+
export {};
|