@gravity-ui/navigation 0.14.0 → 0.16.0

package/build/cjs/components/AsideHeader/AsideHeader.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { MenuItem, AsideHeaderDict, LogoProps } from '../types';
+import { MenuItem, LogoProps, SubheaderMenuItem } from '../types';
 import { DrawerItemProps } from '../Drawer/Drawer';
 import { RenderContentType } from '../Content';
 import './AsideHeader.scss';
@@ -7,8 +7,10 @@ interface AsideHeaderGeneralProps {
     logo: LogoProps;
     compact: boolean;
     multipleTooltip?: boolean;
-    dict?: AsideHeaderDict;
     className?: string;
+    collapseTitle?: string;
+    expandTitle?: string;
+    menuMoreTitle?: string;
     renderContent?: RenderContentType;
     renderFooter?: (data: {
         size: number;
@@ -20,7 +22,7 @@ interface AsideHeaderGeneralProps {
 }
 interface AsideHeaderDefaultProps {
     panelItems: DrawerItemProps[];
-    subheaderItems: MenuItem[];
+    subheaderItems: SubheaderMenuItem[];
     menuItems: MenuItem[];
     headerDecoration: boolean;
 }

package/build/cjs/components/AsideHeader/__stories__/moc.d.ts

@@ -1 +1,3 @@
+import { MenuItem } from 'src/components/types';
+export declare const menuItemsShowcase: MenuItem[];
 export declare const text = "\nDid you attend? He sang by grove ripe -\nThe bard of love, the singer of his mourning.\nWhen fields were silent by the early morning,\nTo sad and simple sounds of a pipe\nDid you attend?\n\nDid you behold in dark of forest leaf\nThe bard of love, the singer of his sadness?\nThe trace of tears, the smile, the utter paleness,\nThe quiet look, full of eternal grief,\nDid you behold?\n\nThen did you sigh when hearing how cries\nThe bard of love, the singer of his dole?\nWhen in the woods you saw the young man, sole,\nAnd met the look of his extinguished eyes,\nThen did you sigh?\n";

package/build/cjs/components/AsideHeader/i18n/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (key: string, params?: import("@gravity-ui/i18n").Params | undefined) => string;
+export default _default;

package/build/cjs/components/CompositeBar/CompositeBar.d.ts

@@ -1,14 +1,18 @@
 import React, { FC } from 'react';
-import { AsideHeaderDict, MenuItem } from '../types';
+import { MenuItem, SubheaderMenuItem } from '../types';
 import './CompositeBar.scss';
-interface CompositeBarBaseProps {
+export type CompositeBarItem = MenuItem | SubheaderMenuItem;
+type CompositeBarItems = {
+    type: 'menu';
     items: MenuItem[];
+} | {
+    type: 'subheader';
+    items: SubheaderMenuItem[];
+};
+export type CompositeBarProps = CompositeBarItems & {
     onItemClick?: (item: MenuItem, collapsed: boolean, event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
     multipleTooltip?: boolean;
-}
-export interface CompositeBarProps extends CompositeBarBaseProps {
-    enableCollapsing: boolean;
-    dict?: AsideHeaderDict;
-}
+    menuMoreTitle?: string;
+};
 export declare const CompositeBar: FC<CompositeBarProps>;
 export {};

package/build/cjs/components/CompositeBar/utils.d.ts

@@ -1,11 +1,13 @@
-import { AsideHeaderDict, MenuItem } from './../types';
-export declare function getItemHeight(item: MenuItem): 15 | 40 | 50;
-export declare function getItemsHeight(items: MenuItem[]): number;
+import { MenuItem } from './../types';
+import { CompositeBarItem } from '../CompositeBar/CompositeBar';
+export declare function getItemHeight(item: CompositeBarItem): 40 | 15 | 50;
+export declare function getItemsHeight<T extends CompositeBarItem>(items: T[]): number;
 export declare function getSelectedItemIndex(items: MenuItem[]): number | undefined;
 export declare function getPinnedItems(items: MenuItem[]): MenuItem[];
 export declare function getItemsMinHeight(items: MenuItem[]): number;
-export declare function getMoreButtonItem(dict?: AsideHeaderDict): MenuItem;
+export declare function getMoreButtonItem(menuMoreTitle?: string): MenuItem;
 export declare function getAutosizeListItems(items: MenuItem[], height: number, collapseItem: MenuItem): {
     listItems: MenuItem[];
     collapseItems: MenuItem[];
 };
+export declare function isMenuItem(item: CompositeBarItem): item is MenuItem;

package/build/cjs/components/MobileHeader/Burger/Burger.d.ts

@@ -1,8 +1,11 @@
 import React from 'react';
 import './Burger.scss';
-export interface BurgerProps {
+interface BurgerProps {
+    closeTitle: string;
+    openTitle: string;
     opened?: boolean;
     className?: string;
     onClick?: (event: React.MouseEvent<HTMLElement>) => void;
 }
-export declare const Burger: React.MemoExoticComponent<({ opened, className, onClick }: BurgerProps) => React.JSX.Element>;
+export declare const Burger: React.MemoExoticComponent<({ closeTitle, openTitle, opened, className, onClick }: BurgerProps) => React.JSX.Element>;
+export {};

package/build/cjs/components/MobileHeader/MobileHeader.d.ts

@@ -16,6 +16,8 @@ interface PanelItem extends Omit<DrawerItemProps, 'visible'> {
 export interface MobileHeaderProps {
     logo: LogoProps;
     burgerMenu: BurgerMenuProps;
+    burgerCloseTitle?: string;
+    burgerOpenTitle?: string;
     panelItems?: PanelItem[];
     renderContent?: RenderContentType;
     sideItemRenderContent?: RenderContentType;

package/build/cjs/components/MobileHeader/i18n/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (key: string, params?: import("@gravity-ui/i18n").Params | undefined) => string;
+export default _default;

package/build/cjs/components/Settings/Settings.d.ts

@@ -2,18 +2,18 @@ import React from 'react';
 import { IconProps } from '@gravity-ui/uikit';
 import './Settings.scss';
 interface SettingsProps {
+    children: React.ReactNode;
+    title?: string;
+    filterPlaceholder?: string;
+    emptyPlaceholder?: string;
     initialPage?: string;
     onPageChange?: (page: string | undefined) => void;
-    children: React.ReactNode;
     renderNotFound?: () => React.ReactNode;
     renderLoading?: () => React.ReactNode;
     loading?: boolean;
-    dict?: SettingsDict;
     view?: 'normal' | 'mobile';
     onClose?: () => void;
 }
-type SettingsDict = Record<SettingsDictKeys, string>;
-type SettingsDictKeys = 'heading_settings' | 'placeholder_search' | 'not_found';
 interface SettingsGroupProps {
     id?: string;
     groupTitle: string;
@@ -43,9 +43,6 @@ interface SettingsItemProps {
 }
 export declare function Settings({ loading, renderLoading, children, view, ...props }: SettingsProps): React.JSX.Element;
 export declare namespace Settings {
-    var defaultProps: {
-        dict: SettingsDict;
-    };
     var Group: ({ children }: SettingsGroupProps) => React.JSX.Element;
     var Page: ({ children }: SettingsPageProps) => React.JSX.Element;
     var Section: ({ children }: SettingsSectionProps) => React.JSX.Element;

package/build/cjs/components/Settings/i18n/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (key: string, params?: import("@gravity-ui/i18n").Params | undefined) => string;
+export default _default;

package/build/cjs/components/Title/Title.d.ts

@@ -1,10 +1,8 @@
 import React from 'react';
 import './Title.scss';
-type TitleDictKeys = 'close';
-type TitleDict = Record<TitleDictKeys, string>;
 interface TitleProps {
     hasSeparator?: boolean;
-    dict?: TitleDict;
+    closeTitle?: string;
     closeIconSize?: number;
     onClose?: () => void;
 }

package/build/cjs/components/Title/i18n/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (key: string, params?: import("@gravity-ui/i18n").Params | undefined) => string;
+export default _default;

package/build/cjs/components/constants.d.ts

@@ -1,10 +1,3 @@
 export declare const ASIDE_HEADER_FOOTER_ICON_SIZE = 20;
 export declare const ASIDE_HEADER_COMPACT_WIDTH = 56;
 export declare const ASIDE_HEADER_EXPANDED_WIDTH = 236;
-export declare const defaultDict: {
-    button_collapse: string;
-    button_expand: string;
-    button_more: string;
-    "button_close-burger": string;
-    "button_open-burger": string;
-};

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

@@ -8,3 +8,4 @@ export * from './HotkeysPanel';
 export * from './Settings';
 export * from './MobileHeader';
 export * from './types';
+export { Lang, configure } from './utils/configure';

package/build/cjs/components/types.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { IconProps } from '@gravity-ui/uikit';
+import { ItemProps } from 'src/components/CompositeBar/Item/Item';
 export type MenuItemType = 'regular' | 'action' | 'divider';
 export interface MakeItemParams {
     icon?: React.ReactNode;
@@ -26,16 +27,7 @@ export interface MenuItem {
     type?: MenuItemType;
     afterMoreButton?: boolean;
 }
-export declare enum MobileHeaderDict {
-    CloseBurger = "button_close-burger",
-    OpenBurger = "button_open-burger"
-}
-export declare enum Dict {
-    ExpandButton = "button_expand",
-    CollapseButton = "button_collapse",
-    MoreButton = "button_more"
-}
-export type AsideHeaderDict = Record<Dict, string>;
+export type SubheaderMenuItem = Omit<ItemProps, 'onItemClick' | 'onItemClickCapture'>;
 export interface LogoProps {
     text: (() => React.ReactNode) | string;
     icon?: IconProps['data'];

package/build/cjs/components/utils/registerKeyset.d.ts

@@ -0,0 +1,5 @@
+import { i18n } from '../../i18n';
+import { Lang } from './configure';
+type KeysData = Parameters<typeof i18n.registerKeyset>[2];
+export declare function registerKeyset<T extends KeysData>(data: Record<Lang, T>, keysetName: string): (key: string, params?: import("@gravity-ui/i18n").Params | undefined) => string;
+export {};

package/build/cjs/i18n.d.ts

@@ -0,0 +1,2 @@
+import { I18N } from '@gravity-ui/i18n';
+export declare const i18n: I18N;