@gravity-ui/navigation 0.9.0 → 0.10.0

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # Changelog
 
+## [0.10.0](https://github.com/gravity-ui/navigation/compare/v0.9.0...v0.10.0) (2023-07-25)
+
+
+### Features
+
+* added MultipleTooltip ([#69](https://github.com/gravity-ui/navigation/issues/69)) ([ab35916](https://github.com/gravity-ui/navigation/commit/ab35916366457a1bc8cd81cd8c6d9811d3f2d82c))
+* **CompositeBar:** rewritten to FC ([#67](https://github.com/gravity-ui/navigation/issues/67)) ([78f43b0](https://github.com/gravity-ui/navigation/commit/78f43b04c8eaa155a44e6953130476a85d0a4b40))
+* **Item:** forward event to onItemClick ([#70](https://github.com/gravity-ui/navigation/issues/70)) ([ac571dc](https://github.com/gravity-ui/navigation/commit/ac571dca9cfec5fb3d919fee3a3cd4744c52a8e1))
+
 ## [0.9.0](https://github.com/gravity-ui/navigation/compare/v0.8.1...v0.9.0) (2023-07-04)
 
 

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

@@ -6,6 +6,7 @@ import './AsideHeader.scss';
 interface AsideHeaderGeneralProps {
     logo: LogoProps;
     compact: boolean;
+    multipleTooltip?: boolean;
     dict?: AsideHeaderDict;
     className?: string;
     renderContent?: RenderContentType;

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

@@ -2,3 +2,5 @@ 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>;
+export declare const Compact: Story<import("@storybook/react/types-6-0").Args>;
+export declare const MultipleTooltip: Story<import("@storybook/react/types-6-0").Args>;

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

@@ -1,3 +1,8 @@
-/// <reference types="react" />
+import { FC } from 'react';
 import './AsideHeaderShowcase.scss';
-export declare function AsideHeaderShowcase(): JSX.Element;
+interface AsideHeaderShowcaseProps {
+    multipleTooltip?: boolean;
+    initialCompact?: boolean;
+}
+export declare const AsideHeaderShowcase: FC<AsideHeaderShowcaseProps>;
+export {};

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

@@ -1,23 +1,15 @@
-import React from 'react';
+import { FC } from 'react';
 import { AsideHeaderDict, MenuItem } from './../types';
 import './CompositeBar.scss';
-export interface CompositeBarProps {
+interface CompositeBarBaseProps {
     items: MenuItem[];
     compact: boolean;
-    enableCollapsing: boolean;
-    dict?: AsideHeaderDict;
     onItemClick?: (item: MenuItem, collapsed: boolean) => void;
+    multipleTooltip?: boolean;
 }
-interface CompositeBarState {
-    activeItemIndex?: number;
-}
-export declare class CompositeBar extends React.Component<CompositeBarProps> {
-    state: CompositeBarState;
-    private listRef;
-    render(): JSX.Element | null;
-    private renderAutosizeMenu;
-    private renderMenu;
-    private getMoreButtonItem;
-    private getAutosizeListItems;
+export interface CompositeBarProps extends CompositeBarBaseProps {
+    enableCollapsing: boolean;
+    dict?: AsideHeaderDict;
 }
+export declare const CompositeBar: FC<CompositeBarProps>;
 export {};

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

@@ -14,7 +14,7 @@ interface ItemPopup {
 export interface ItemProps extends ItemPopup {
     item: MenuItem;
     enableTooltip?: boolean;
-    onItemClick?: (item: MenuItem, collapsed: boolean) => void;
+    onItemClick?: (item: MenuItem, collapsed: boolean, event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
 }
 interface ItemInnerProps extends ItemProps {
     compact: boolean;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { PopupProps } from '@gravity-ui/uikit';
+import { MenuItem } from '../../types';
+import './MultipleTooltip.scss';
+export declare type MultipleTooltipProps = Pick<PopupProps, 'open' | 'anchorRef' | 'placement'> & {
+    items: MenuItem[];
+};
+export declare const MultipleTooltip: React.FC<MultipleTooltipProps>;

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

@@ -0,0 +1,24 @@
+import React from 'react';
+interface MultipleTooltipContextProps {
+    active: boolean;
+    activeIndex: number | undefined;
+    hideCollapseItemTooltip: boolean;
+    lastClickedItemIndex: number | undefined;
+    setValue<K extends keyof Omit<MultipleTooltipContextProps, 'setValue'>>(value: Pick<Omit<MultipleTooltipContextProps, 'setValue'>, K> | Omit<MultipleTooltipContextProps, 'setValue'>): void;
+}
+export declare const MultipleTooltipContext: React.Context<MultipleTooltipContextProps>;
+declare type MultipleTooltipProviderState = Omit<MultipleTooltipContextProps, 'setValue'>;
+export declare class MultipleTooltipProvider extends React.PureComponent<{
+    children: React.ReactNode;
+}, MultipleTooltipProviderState> {
+    state: {
+        active: boolean;
+        activeIndex: undefined;
+        hideCollapseItemTooltip: boolean;
+        lastClickedItemIndex: undefined;
+        setValue: () => void;
+    };
+    setValue: MultipleTooltipContextProps['setValue'];
+    render(): JSX.Element;
+}
+export {};

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

@@ -0,0 +1,3 @@
+export type { MultipleTooltipProps } from './MultipleTooltip';
+export { MultipleTooltip } from './MultipleTooltip';
+export { MultipleTooltipContext, MultipleTooltipProvider } from './MultipleTooltipContext';

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

@@ -1,6 +1,11 @@
-import { MenuItem } from './../types';
+import { AsideHeaderDict, MenuItem } from './../types';
 export declare function getItemHeight(item: MenuItem): 15 | 40 | 50;
 export declare function getItemsHeight(items: MenuItem[]): 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 getAutosizeListItems(items: MenuItem[], height: number, collapseItem: MenuItem): {
+    listItems: MenuItem[];
+    collapseItems: MenuItem[];
+};