@gravity-ui/navigation 3.0.0-beta.1 → 3.0.0-beta.2

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

@@ -1,7 +1,6 @@
 import React from 'react';
 import type { ReactNode } from 'react';
 import type { ListProps } from '@gravity-ui/uikit';
-import type { DrawerProps } from '../Drawer/Drawer';
 import type { HotkeysGroup, HotkeysListItem } from './types';
 import './HotkeysPanel.scss';
 export type HotkeysPanelProps<T> = {
@@ -20,6 +19,5 @@ export type HotkeysPanelProps<T> = {
     listClassName?: string;
     leftOffset?: number | string;
     topOffset?: number | string;
-    preventScrollBody?: DrawerProps['preventScrollBody'];
 } & Omit<ListProps<HotkeysListItem>, 'items' | 'emptyPlaceholder' | 'className' | 'size' | 'renderItem' | 'filterable' | 'autoFocus' | 'filterPlaceholder' | 'filterClassName' | 'filter' | 'filterItem' | 'onFilterEnd' | 'onFilterUpdate'>;
-export declare function HotkeysPanel<T = {}>({ visible, onClose, leftOffset, topOffset, className, drawerItemClassName, filterClassName, titleClassName, listClassName, itemContentClassName, preventScrollBody, hotkeys, itemClassName, filterable, filterPlaceholder, title, emptyState, ...listProps }: HotkeysPanelProps<T>): React.JSX.Element;
+export declare function HotkeysPanel<T = {}>({ visible, onClose, leftOffset, topOffset, className, drawerItemClassName, filterClassName, titleClassName, listClassName, itemContentClassName, hotkeys, itemClassName, filterable, filterPlaceholder, title, emptyState, ...listProps }: HotkeysPanelProps<T>): React.JSX.Element;

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

@@ -0,0 +1,5 @@
+import type { Meta } from '@storybook/react';
+declare const _default: Meta;
+export default _default;
+export declare const Showcase: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;
+export declare const WithoutFilter: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import { HotkeysGroup, HotkeysPanelProps } from '../../../components/HotkeysPanel';
+import './HotkeysPanelShowcase.scss';
+type HotkeysPanelShowcaseProps = Pick<HotkeysPanelProps<HotkeysGroup>, 'filterable'>;
+export declare function HotkeysPanelShowcase({ filterable }: HotkeysPanelShowcaseProps): React.JSX.Element;
+export {};

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

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

package/build/cjs/components/HotkeysPanel/__tests__/helpersPlaywright.d.ts

@@ -1,2 +1,2 @@
 import * as DefaultHotkeysPanelStories from '../__stories__/HotkeysPanel.stories';
-export declare const HotkeysPanelStories: Omit<import("@storybook/types").StoriesWithPartialProps<import("@storybook/react/dist/types-0fc72a6d").R, typeof DefaultHotkeysPanelStories>, keyof import("@storybook/types").Store_CSFExports<import("@storybook/types").Renderer, import("@storybook/types").Args>>;
+export declare const HotkeysPanelStories: Omit<import("@storybook/core/types").StoriesWithPartialProps<import("@storybook/react").ReactRenderer, typeof DefaultHotkeysPanelStories>, keyof import("@storybook/core/types").Store_CSFExports>;

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

@@ -4,5 +4,5 @@ import './Logo.scss';
 export declare const Logo: React.FC<LogoProps & {
     compact?: boolean;
     buttonClassName?: string;
-    buttonWrapperClassName?: string;
+    iconPlaceClassName?: string;
 }>;

package/build/cjs/components/Logo/__stories__/Logo.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta } from '@storybook/react';
+import { Logo } from '..';
+import type { LogoProps } from '../../types';
+declare const _default: Meta<typeof Logo>;
+export default _default;
+export declare const Showcase: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, LogoProps>;

package/build/cjs/components/Logo/__tests__/helpersPlaywright.d.ts

@@ -1,2 +1,2 @@
 import * as DefaultLogoStories from '../__stories__/Logo.stories';
-export declare const LogoStories: Omit<import("@storybook/types").StoriesWithPartialProps<import("@storybook/react/dist/types-0fc72a6d").R, typeof DefaultLogoStories>, keyof import("@storybook/types").Store_CSFExports<import("@storybook/types").Renderer, import("@storybook/types").Args>>;
+export declare const LogoStories: Omit<import("@storybook/core/types").StoriesWithPartialProps<import("@storybook/react").ReactRenderer, typeof DefaultLogoStories>, keyof import("@storybook/core/types").Store_CSFExports>;

package/build/cjs/components/MobileHeader/BurgerMenu/__stories__/BurgerMenu.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta } from '@storybook/react';
+import { BurgerMenuInnerProps } from '../BurgerMenu';
+import './BurgerMenuShowcase.scss';
+declare const _default: Meta;
+export default _default;
+export declare const Showcase: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, BurgerMenuInnerProps>;

package/build/cjs/components/MobileHeader/BurgerMenu/__stories__/moc.d.ts

@@ -0,0 +1,2 @@
+import { MobileMenuItem } from '../../types';
+export declare const mobileMenuItemsShowcase: MobileMenuItem[];

package/build/cjs/components/MobileHeader/BurgerMenu/__tests__/helpersPlaywright.d.ts

@@ -1,2 +1,2 @@
 import * as DefaultBurgerMenuStories from '../__stories__/BurgerMenu.stories';
-export declare const BurgerMenuStories: Omit<import("@storybook/types").StoriesWithPartialProps<import("@storybook/react/dist/types-0fc72a6d").R, typeof DefaultBurgerMenuStories>, keyof import("@storybook/types").Store_CSFExports<import("@storybook/types").Renderer, import("@storybook/types").Args>>;
+export declare const BurgerMenuStories: Omit<import("@storybook/core/types").StoriesWithPartialProps<import("@storybook/react").ReactRenderer, typeof DefaultBurgerMenuStories>, keyof import("@storybook/core/types").Store_CSFExports>;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { RenderContentType } from '../Content';
 import { DrawerItemProps } from '../Drawer/Drawer';
-import { LogoProps } from '../types';
+import { LogoProps, TopAlertProps } from '../types';
 import { BurgerMenuInnerProps } from './BurgerMenu/BurgerMenu';
 import { OverlapPanelProps as CommonOverlapPanelProps } from './OverlapPanel/OverlapPanel';
 import { MobileHeaderEvent } from './types';
@@ -22,6 +22,7 @@ export interface MobileHeaderProps {
     burgerCloseTitle?: string;
     burgerOpenTitle?: string;
     panelItems?: PanelItem[];
+    topAlert?: TopAlertProps;
     renderContent?: RenderContentType;
     sideItemRenderContent?: RenderContentType;
     onEvent?: (itemName: string, eventName: MobileHeaderEvent) => void;

package/build/cjs/components/MobileHeader/OverlapPanel/__stories__/OverlapPanel.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta } from '@storybook/react';
+import { OverlapPanelProps } from '../OverlapPanel';
+import './OverlapPanel.scss';
+declare const _default: Meta;
+export default _default;
+export declare const Showcase: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, OverlapPanelProps>;

package/build/cjs/components/MobileHeader/OverlapPanel/__stories__/moc.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function PlaceholderText(): React.JSX.Element;

package/build/cjs/components/MobileHeader/OverlapPanel/__tests__/helpersPlaywright.d.ts

@@ -1,2 +1,2 @@
 import * as DefaultOverlapPanelStories from '../__stories__/OverlapPanel.stories';
-export declare const OverlapPanelStories: Omit<import("@storybook/types").StoriesWithPartialProps<import("@storybook/react/dist/types-0fc72a6d").R, typeof DefaultOverlapPanelStories>, keyof import("@storybook/types").Store_CSFExports<import("@storybook/types").Renderer, import("@storybook/types").Args>>;
+export declare const OverlapPanelStories: Omit<import("@storybook/core/types").StoriesWithPartialProps<import("@storybook/react").ReactRenderer, typeof DefaultOverlapPanelStories>, keyof import("@storybook/core/types").Store_CSFExports>;

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

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

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import './MobileHeaderShowcase.scss';
+export declare function MobileHeaderShowcase(): React.JSX.Element;

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

@@ -0,0 +1 @@
+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/MobileHeader/__tests__/helpersPlaywright.d.ts

@@ -1,2 +1,2 @@
 import * as DefaultMobileHeaderStories from '../__stories__/MobileHeader.stories';
-export declare const MobileHeaderStories: Omit<import("@storybook/types").StoriesWithPartialProps<import("@storybook/react/dist/types-0fc72a6d").R, typeof DefaultMobileHeaderStories>, keyof import("@storybook/types").Store_CSFExports<import("@storybook/types").Renderer, import("@storybook/types").Args>>;
+export declare const MobileHeaderStories: Omit<import("@storybook/core/types").StoriesWithPartialProps<import("@storybook/react").ReactRenderer, typeof DefaultMobileHeaderStories>, keyof import("@storybook/core/types").Store_CSFExports>;

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

@@ -1,2 +1,6 @@
-declare const _default: (key: "burger_button_close" | "burger_button_open" | "overlap_button_close", params?: import("@gravity-ui/i18n").Params | undefined) => string;
+declare const _default: ((key: "burger_button_close" | "burger_button_open" | "overlap_button_close", params?: import("@gravity-ui/i18n").Params) => string) & {
+    keysetData: {
+        "gn-MobileHeader": Record<"burger_button_close" | "burger_button_open" | "overlap_button_close", import("@gravity-ui/i18n").KeyData>;
+    };
+};
 export default _default;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MenuItem } from '../types';
 export interface ModalItem {
     visible: boolean;

package/build/cjs/components/MobileLogo/__stories__/MobileLogo.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta } from '@storybook/react';
+import { MobileLogo } from '..';
+import type { MobileLogoProps } from '..';
+declare const _default: Meta<typeof MobileLogo>;
+export default _default;
+export declare const Showcase: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, MobileLogoProps>;

package/build/cjs/components/MobileLogo/__tests__/helpersPlaywright.d.ts

@@ -1,2 +1,2 @@
 import * as DefaultMobileLogoStories from '../__stories__/MobileLogo.stories';
-export declare const MobileLogoStories: Omit<import("@storybook/types").StoriesWithPartialProps<import("@storybook/react/dist/types-0fc72a6d").R, typeof DefaultMobileLogoStories>, keyof import("@storybook/types").Store_CSFExports<import("@storybook/types").Renderer, import("@storybook/types").Args>>;
+export declare const MobileLogoStories: Omit<import("@storybook/core/types").StoriesWithPartialProps<import("@storybook/react").ReactRenderer, typeof DefaultMobileLogoStories>, keyof import("@storybook/core/types").Store_CSFExports>;

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

@@ -28,7 +28,7 @@ export interface SettingsGroupProps {
 }
 export interface SettingsPageProps {
     id?: string;
-    title: string;
+    title?: string;
     icon?: IconProps;
     children: React.ReactNode;
 }
@@ -38,8 +38,6 @@ export interface SettingsSectionProps {
     header?: React.ReactNode;
     children: React.ReactNode;
     withBadge?: boolean;
-    showTitle?: boolean;
-    onlyChild?: boolean;
 }
 export interface SettingsItemProps {
     id?: string;

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

@@ -0,0 +1,5 @@
+import type { Meta } from '@storybook/react';
+declare const _default: Meta;
+export default _default;
+export declare const Showcase: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;
+export declare const ViewMobile: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import './SettingsDemo.scss';
+export interface DemoProps {
+    title: string;
+}
+export interface DemoRowProps {
+    title: string;
+}
+export declare const SettingsComponent: React.MemoExoticComponent<({ initialPage, withBadge, onClose, }: {
+    initialPage?: string;
+    withBadge?: boolean;
+    onClose: () => void;
+}) => React.JSX.Element>;
+export declare function SettingsDemo(): React.JSX.Element;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import './SettingsMobileDemo.scss';
+export declare const SettingsMobileComponent: React.MemoExoticComponent<({ initialPage, withBadge, onClose, }: {
+    initialPage?: string;
+    withBadge?: boolean;
+    onClose?: () => void;
+}) => React.JSX.Element>;
+export declare function SettingsMobileDemo(): React.JSX.Element;

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

@@ -1,2 +1,2 @@
 import * as DefaultSettingsStories from '../__stories__/Settings.stories';
-export declare const SettingsStories: Omit<import("@storybook/types").StoriesWithPartialProps<import("@storybook/react/dist/types-0fc72a6d").R, typeof DefaultSettingsStories>, keyof import("@storybook/types").Store_CSFExports<import("@storybook/types").Renderer, import("@storybook/types").Args>>;
+export declare const SettingsStories: Omit<import("@storybook/core/types").StoriesWithPartialProps<import("@storybook/react").ReactRenderer, typeof DefaultSettingsStories>, keyof import("@storybook/core/types").Store_CSFExports>;

package/build/cjs/components/Settings/collect-settings.d.ts

@@ -26,8 +26,6 @@ export interface SettingsPageSection {
     items: SettingsItem[];
     hidden?: boolean;
     withBadge?: boolean;
-    showTitle?: boolean;
-    onlyChild?: boolean;
 }
 export interface SettingsItem {
     id?: string;

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

@@ -1,2 +1,6 @@
-declare const _default: (key: "label_title" | "label_filter-placeholder" | "label_empty-placeholder" | "label_search", params?: import("@gravity-ui/i18n").Params | undefined) => string;
+declare const _default: ((key: "label_title" | "label_filter-placeholder" | "label_empty-placeholder" | "label_search", params?: import("@gravity-ui/i18n").Params) => string) & {
+    keysetData: {
+        "gn-Settings": Record<"label_title" | "label_filter-placeholder" | "label_empty-placeholder" | "label_search", import("@gravity-ui/i18n").KeyData>;
+    };
+};
 export default _default;

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

@@ -1,2 +1,6 @@
-declare const _default: (key: "button_close", params?: import("@gravity-ui/i18n").Params | undefined) => string;
+declare const _default: ((key: "button_close", params?: import("@gravity-ui/i18n").Params) => string) & {
+    keysetData: {
+        "gn-Title": Record<"button_close", import("@gravity-ui/i18n").KeyData>;
+    };
+};
 export default _default;

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { TopAlertProps } from '../types';
+import './TopAlert.scss';
+type Props = {
+    alert?: TopAlertProps;
+    className?: string;
+    mobileView?: boolean;
+};
+export declare const TopAlert: ({ alert, className, mobileView }: Props) => React.JSX.Element | null;
+export {};

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

@@ -0,0 +1 @@
+export { TopAlert } from './TopAlert';

package/build/cjs/components/TopAlert/useTopAlertHeight.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { TopAlertProps } from '../types';
+type TopAlertHeightControls = {
+    alertRef: React.RefObject<HTMLDivElement>;
+    updateTopSize: () => void;
+};
+export declare const useTopAlertHeight: ({ alert }: {
+    alert?: TopAlertProps;
+}) => TopAlertHeightControls;
+export {};

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

@@ -1,5 +1,5 @@
 import React, { HTMLAttributeAnchorTarget } from 'react';
-import { AlertProps, IconProps, QAProps } from '@gravity-ui/uikit';
+import { AlertProps, ButtonProps, IconProps, QAProps } from '@gravity-ui/uikit';
 import { ItemProps } from 'src/components/CompositeBar/Item/Item';
 export type MenuItemType = 'regular' | 'action' | 'divider';
 export type OpenModalSubscriber = (open: boolean) => void;
@@ -17,7 +17,7 @@ export interface MenuItem extends QAProps {
     link?: string;
     current?: boolean;
     pinned?: boolean;
-    onItemClick?: (item: MenuItem, collapsed: boolean, event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    onItemClick?: (item: MenuItem, collapsed: boolean, event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
     onItemClickCapture?: (event: React.SyntheticEvent) => void;
     onCollapseItemClick?: () => void;
     itemWrapper?: (p: MakeItemParams, makeItem: (p: MakeItemParams) => React.ReactNode, opts: {
@@ -42,6 +42,10 @@ export interface MenuItem extends QAProps {
      * The category to which the menu item belongs. Need for grouping in the display/editing mode of all pages
      */
     category?: string;
+    /**
+     * Pass extra props to UIKit Button for action type item
+     */
+    extraButtonProps?: ButtonProps;
 }
 export type SubheaderMenuItem = Omit<ItemProps, 'onItemClick' | 'onItemClickCapture'>;
 export interface LogoProps {
@@ -59,16 +63,16 @@ export interface LogoProps {
     'aria-label'?: string;
     'aria-labelledby'?: string;
 }
-export type AsideHeaderTopAlertProps = {
+export interface TopAlertProps {
+    align?: AlertProps['align'];
     message: AlertProps['message'];
     title?: AlertProps['title'];
     icon?: AlertProps['icon'];
     view?: AlertProps['view'];
     theme?: AlertProps['theme'];
     actions?: AlertProps['actions'];
-    align?: AlertProps['align'];
     closable?: boolean;
     centered?: boolean;
     dense?: boolean;
     onCloseTopAlert?: () => void;
-};
+}

package/build/cjs/{constants-d81c3867.js → constants-B0DLAQY9.js}

@@ -11,4 +11,4 @@ exports.ASIDE_HEADER_EXPANDED_WIDTH = ASIDE_HEADER_EXPANDED_WIDTH;
 exports.ASIDE_HEADER_ICON_SIZE = ASIDE_HEADER_ICON_SIZE;
 exports.HEADER_DIVIDER_HEIGHT = HEADER_DIVIDER_HEIGHT;
 exports.ITEM_HEIGHT = ITEM_HEIGHT;
-//# sourceMappingURL=constants-d81c3867.js.map
+//# sourceMappingURL=constants-B0DLAQY9.js.map

package/build/{esm/constants-b1604ff5.js.map → cjs/constants-B0DLAQY9.js.map}

@@ -1 +1 @@
-{"version":3,"file":"constants-b1604ff5.js","sources":["../../../src/components/constants.ts"],"sourcesContent":["export const ASIDE_HEADER_ICON_SIZE = 18;\nexport const ASIDE_HEADER_COMPACT_WIDTH = 56;\nexport const ASIDE_HEADER_EXPANDED_WIDTH = 236;\nexport const ITEM_HEIGHT = 40;\nexport const HEADER_DIVIDER_HEIGHT = 29;\n"],"names":[],"mappings":"AAAO,MAAM,sBAAsB,GAAG,GAAG;AAClC,MAAM,0BAA0B,GAAG,GAAG;AACtC,MAAM,2BAA2B,GAAG,IAAI;AACxC,MAAM,WAAW,GAAG,GAAG;AACvB,MAAM,qBAAqB,GAAG;;;;"}
+{"version":3,"file":"constants-B0DLAQY9.js","sources":["../../../src/components/constants.ts"],"sourcesContent":["export const ASIDE_HEADER_ICON_SIZE = 18;\nexport const ASIDE_HEADER_COMPACT_WIDTH = 56;\nexport const ASIDE_HEADER_EXPANDED_WIDTH = 236;\nexport const ITEM_HEIGHT = 40;\nexport const HEADER_DIVIDER_HEIGHT = 29;\n"],"names":[],"mappings":";;AAAO,MAAM,sBAAsB,GAAG;AAC/B,MAAM,0BAA0B,GAAG;AACnC,MAAM,2BAA2B,GAAG;AACpC,MAAM,WAAW,GAAG;AACpB,MAAM,qBAAqB,GAAG;;;;;;;;"}