@gravity-ui/navigation 0.0.6 → 0.1.0

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

@@ -0,0 +1,28 @@
+import { PropsWithChildren } from 'react';
+import './ActionBar.scss';
+export declare type Props = PropsWithChildren<{
+    'aria-label'?: string;
+    className?: string;
+}>;
+declare const PublicActionBar: {
+    ({ children, className, "aria-label": ariaLabel }: Props): JSX.Element;
+    displayName: string;
+} & {
+    Section: {
+        ({ children, type }: import("./Section/ActionBarSection").Props): JSX.Element;
+        displayName: string;
+    };
+    Group: {
+        ({ children, className, pull }: import("./Group/ActionBarGroup").Props): JSX.Element;
+        displayName: string;
+    };
+    Item: {
+        ({ children, className, pull, spacing }: import("./Item/ActionBarItem").Props): JSX.Element;
+        displayName: string;
+    };
+    Separator: {
+        (): JSX.Element;
+        displayName: string;
+    };
+};
+export { PublicActionBar as ActionBar };

package/build/esm/types/components/ActionBar/Group/ActionBarGroup.d.ts

@@ -0,0 +1,10 @@
+import { PropsWithChildren } from 'react';
+import { PropsWithPull } from '../types';
+import './ActionBarGroup.scss';
+export declare type Props = PropsWithChildren<PropsWithPull<{
+    className?: string;
+}>>;
+export declare const ActionBarGroup: {
+    ({ children, className, pull }: Props): JSX.Element;
+    displayName: string;
+};

package/build/esm/types/components/ActionBar/Item/ActionBarItem.d.ts

@@ -0,0 +1,11 @@
+import { PropsWithChildren } from 'react';
+import { PropsWithPull } from '../types';
+import './ActionBarItem.scss';
+export declare type Props = PropsWithChildren<PropsWithPull<{
+    spacing?: boolean;
+    className?: string;
+}>>;
+export declare const ActionBarItem: {
+    ({ children, className, pull, spacing }: Props): JSX.Element;
+    displayName: string;
+};

package/build/esm/types/components/ActionBar/Section/ActionBarSection.d.ts

@@ -0,0 +1,9 @@
+import { PropsWithChildren } from 'react';
+import './ActionBarSection.scss';
+export declare type Props = PropsWithChildren<{
+    type?: 'primary' | 'secondary';
+}>;
+export declare const ActionBarSection: {
+    ({ children, type }: Props): JSX.Element;
+    displayName: string;
+};

package/build/esm/types/components/ActionBar/Separator/ActionBarSeparator.d.ts

@@ -0,0 +1,5 @@
+import './ActionBarSeparator.scss';
+export declare const ActionBarSeparator: {
+    (): JSX.Element;
+    displayName: string;
+};

package/build/esm/types/components/ActionBar/__stories__/ActionBar.stories.d.ts

@@ -0,0 +1,44 @@
+import { ComponentMeta, ComponentStory } from '@storybook/react';
+declare const _default: ComponentMeta<{
+    ({ children, className, "aria-label": ariaLabel }: import("../ActionBar").Props): JSX.Element;
+    displayName: string;
+} & {
+    Section: {
+        ({ children, type }: import("..").ActionBarSectionProps): JSX.Element;
+        displayName: string;
+    };
+    Group: {
+        ({ children, className, pull }: import("..").ActionBarGroupProps): JSX.Element;
+        displayName: string;
+    };
+    Item: {
+        ({ children, className, pull, spacing }: import("..").ActionBarItemProps): JSX.Element;
+        displayName: string;
+    };
+    Separator: {
+        (): JSX.Element;
+        displayName: string;
+    };
+}>;
+export default _default;
+export declare const Showcase: ComponentStory<{
+    ({ children, className, "aria-label": ariaLabel }: import("../ActionBar").Props): JSX.Element;
+    displayName: string;
+} & {
+    Section: {
+        ({ children, type }: import("..").ActionBarSectionProps): JSX.Element;
+        displayName: string;
+    };
+    Group: {
+        ({ children, className, pull }: import("..").ActionBarGroupProps): JSX.Element;
+        displayName: string;
+    };
+    Item: {
+        ({ children, className, pull, spacing }: import("..").ActionBarItemProps): JSX.Element;
+        displayName: string;
+    };
+    Separator: {
+        (): JSX.Element;
+        displayName: string;
+    };
+}>;

package/build/esm/types/components/ActionBar/__stories__/ActionBarShowcase.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function ActionBarShowcase(): JSX.Element;

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

@@ -0,0 +1,5 @@
+export { ActionBar } from './ActionBar';
+export type { Props as ActionBarProps } from './ActionBar';
+export type { Props as ActionBarGroupProps } from './Group/ActionBarGroup';
+export type { Props as ActionBarItemProps } from './Item/ActionBarItem';
+export type { Props as ActionBarSectionProps } from './Section/ActionBarSection';

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

@@ -0,0 +1,3 @@
+export declare type PropsWithPull<T> = T & {
+    pull?: 'left' | 'right' | 'center';
+};

package/build/esm/types/components/AsideHeader/__stories__/getAsideHeaderWrapper.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { AsideHeaderProps } from '../AsideHeader';
+export declare function getAsideHeaderWrapper(props?: AsideHeaderProps): (Story: FC) => JSX.Element;

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

@@ -14,9 +14,10 @@ interface CompositeBarState {
 export declare class CompositeBar extends React.Component<CompositeBarProps> {
     state: CompositeBarState;
     private listRef;
-    render(): JSX.Element;
+    render(): JSX.Element | null;
     private renderAutosizeMenu;
     private renderMenu;
     private getMoreButtonItem;
+    private getAutosizeListItems;
 }
 export {};

package/build/esm/types/components/CompositeBar/utils.d.ts

@@ -1,4 +1,6 @@
 import { MenuItem } from './../types';
-export declare function getItemHeight(item: MenuItem): 40 | 50;
+export declare function getItemHeight(item: MenuItem): 15 | 40 | 50;
 export declare function getItemsHeight(items: MenuItem[]): number;
-export declare const getSelectedItemIndex: (items: MenuItem[]) => number | undefined;
+export declare function getSelectedItemIndex(items: MenuItem[]): number | undefined;
+export declare function getPinnedItems(items: MenuItem[]): MenuItem[];
+export declare function getItemsMinHeight(items: MenuItem[]): number;

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

@@ -1,3 +1,4 @@
+export { ActionBar } from './ActionBar';
 export { AsideHeader, AsideHeaderProps } from './AsideHeader/AsideHeader';
 export { Drawer, DrawerProps, DrawerItemProps, DrawerItem } from './Drawer/Drawer';
 export { FooterItem, FooterItemProps } from './FooterItem/FooterItem';

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IconProps } from '@gravity-ui/uikit';
-export declare type MenuItemType = 'regular' | 'action';
+export declare type MenuItemType = 'regular' | 'action' | 'divider';
 export interface MenuItem {
     id: string;
     title: React.ReactNode;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@gravity-ui/navigation",
-    "version": "0.0.6",
+    "version": "0.1.0",
     "description": "Gravity UI Navigation components",
     "license": "MIT",
     "repository": {
@@ -72,7 +72,8 @@
         "rimraf": "^3.0.2",
         "rollup": "^2.75.7",
         "rollup-plugin-json": "^4.0.0",
-        "rollup-plugin-scss": "^3.0.0",
+        "rollup-plugin-peer-deps-external": "^2.2.4",
+        "rollup-plugin-postcss": "^4.0.2",
         "sass": "^1.49.7",
         "sass-loader": "^10.2.1",
         "storybook-preset-inline-svg": "^1.0.1",
@@ -83,8 +84,8 @@
     },
     "peerDependencies": {
         "@gravity-ui/uikit": "^3.0.2",
-        "bem-cn-lite": "^4.0.0",
-        "react": "^16.0.0"
+        "react": "^16.0.0 || ^17.0.0",
+        "react-dom": "^16.0.0 || ^17.0.0"
     },
     "nano-staged": {
         "*.{scss}": [