@gravity-ui/navigation 0.21.1 → 0.22.1

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.
Files changed (35) hide show
  1. package/build/cjs/components/AllPagesPanel/AllPagesListItem/AllPagesListItem.d.ts +10 -0
  2. package/build/cjs/components/AllPagesPanel/AllPagesListItem/index.d.ts +1 -0
  3. package/build/cjs/components/AllPagesPanel/AllPagesPanel.d.ts +9 -0
  4. package/build/cjs/components/AllPagesPanel/constants.d.ts +3 -0
  5. package/build/cjs/components/AllPagesPanel/i18n/index.d.ts +2 -0
  6. package/build/cjs/components/AllPagesPanel/index.d.ts +3 -0
  7. package/build/cjs/components/AllPagesPanel/useGroupedMenuItems.d.ts +4 -0
  8. package/build/cjs/components/AllPagesPanel/useVisibleMenuItems.d.ts +2 -0
  9. package/build/cjs/components/AsideHeader/AsideHeader.d.ts +2 -4
  10. package/build/cjs/components/AsideHeader/AsideHeaderContext.d.ts +2 -0
  11. package/build/cjs/components/AsideHeader/__stories__/getAsideHeaderWrapper.d.ts +1 -1
  12. package/build/cjs/components/AsideHeader/types.d.ts +6 -0
  13. package/build/cjs/components/AsideHeader/useAsideHeaderInnerContextValue.d.ts +5 -0
  14. package/build/cjs/components/index.d.ts +2 -1
  15. package/build/cjs/components/types.d.ts +12 -0
  16. package/build/cjs/index.js +316 -87
  17. package/build/cjs/index.js.map +1 -1
  18. package/build/esm/components/AllPagesPanel/AllPagesListItem/AllPagesListItem.d.ts +10 -0
  19. package/build/esm/components/AllPagesPanel/AllPagesListItem/index.d.ts +1 -0
  20. package/build/esm/components/AllPagesPanel/AllPagesPanel.d.ts +9 -0
  21. package/build/esm/components/AllPagesPanel/constants.d.ts +3 -0
  22. package/build/esm/components/AllPagesPanel/i18n/index.d.ts +2 -0
  23. package/build/esm/components/AllPagesPanel/index.d.ts +3 -0
  24. package/build/esm/components/AllPagesPanel/useGroupedMenuItems.d.ts +4 -0
  25. package/build/esm/components/AllPagesPanel/useVisibleMenuItems.d.ts +2 -0
  26. package/build/esm/components/AsideHeader/AsideHeader.d.ts +2 -4
  27. package/build/esm/components/AsideHeader/AsideHeaderContext.d.ts +2 -0
  28. package/build/esm/components/AsideHeader/__stories__/getAsideHeaderWrapper.d.ts +1 -1
  29. package/build/esm/components/AsideHeader/types.d.ts +6 -0
  30. package/build/esm/components/AsideHeader/useAsideHeaderInnerContextValue.d.ts +5 -0
  31. package/build/esm/components/index.d.ts +2 -1
  32. package/build/esm/components/types.d.ts +12 -0
  33. package/build/esm/index.js +319 -90
  34. package/build/esm/index.js.map +1 -1
  35. package/package.json +2 -1
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+ import { MenuItem } from '../../types';
3
+ import './AllPagesListItem.scss';
4
+ interface AllPagesListItemProps {
5
+ item: MenuItem;
6
+ editMode?: boolean;
7
+ onToggle: () => void;
8
+ }
9
+ export declare const AllPagesListItem: React.FC<AllPagesListItemProps>;
10
+ export {};
@@ -0,0 +1 @@
1
+ export { AllPagesListItem } from './AllPagesListItem';
@@ -0,0 +1,9 @@
1
+ import React from 'react';
2
+ import './AllPagesPanel.scss';
3
+ interface AllPagesPanelProps {
4
+ className?: string;
5
+ startEditIcon?: React.ReactNode;
6
+ onEditModeChanged?: (isEditMode: boolean) => void;
7
+ }
8
+ export declare const AllPagesPanel: React.FC<AllPagesPanelProps>;
9
+ export {};
@@ -0,0 +1,3 @@
1
+ import { MenuItem } from '../types';
2
+ export declare const ALL_PAGES_ID: "all-pages";
3
+ export declare const ALL_PAGES_MENU_ITEM: MenuItem;
@@ -0,0 +1,2 @@
1
+ declare const _default: (key: string, params?: import("@gravity-ui/i18n").Params | undefined) => string;
2
+ export default _default;
@@ -0,0 +1,3 @@
1
+ export { AllPagesPanel } from './AllPagesPanel';
2
+ export { ALL_PAGES_MENU_ITEM, ALL_PAGES_ID } from './constants';
3
+ export { useVisibleMenuItems } from './useVisibleMenuItems';
@@ -0,0 +1,4 @@
1
+ import { MenuItem } from '../types';
2
+ export declare const useGroupedMenuItems: (items: MenuItem[]) => {
3
+ [key: string]: MenuItem[];
4
+ };
@@ -0,0 +1,2 @@
1
+ import { MenuItem } from '../types';
2
+ export declare const useVisibleMenuItems: () => MenuItem[];
@@ -1,6 +1,4 @@
1
1
  import React from 'react';
2
- import { AsideHeaderGeneralProps, AsideHeaderDefaultProps, AsideHeaderInnerProps } from './types';
2
+ import { AsideHeaderProps } from './types';
3
3
  import './AsideHeader.scss';
4
- export interface AsideHeaderProps extends AsideHeaderGeneralProps, Partial<AsideHeaderDefaultProps> {
5
- }
6
- export declare const AsideHeader: (props: AsideHeaderInnerProps) => React.JSX.Element;
4
+ export declare const AsideHeader: (props: AsideHeaderProps) => React.JSX.Element;
@@ -2,6 +2,8 @@ import React from 'react';
2
2
  import { MenuItem } from '../types';
3
3
  import { AsideHeaderInnerProps } from './types';
4
4
  export interface AsideHeaderInnerContextType extends AsideHeaderInnerProps {
5
+ menuItems: MenuItem[];
6
+ allPagesIsAvailable: boolean;
5
7
  size: number;
6
8
  onItemClick: (item: MenuItem, collapsed: boolean, event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
7
9
  }
@@ -1,3 +1,3 @@
1
1
  import React, { FC } from 'react';
2
- import { AsideHeaderProps } from '../AsideHeader';
2
+ import { AsideHeaderProps } from '../types';
3
3
  export declare function getAsideHeaderWrapper(props?: AsideHeaderProps): (Story: FC) => React.JSX.Element;
@@ -24,6 +24,12 @@ export interface AsideHeaderDefaultProps {
24
24
  panelItems?: DrawerItemProps[];
25
25
  subheaderItems?: SubheaderMenuItem[];
26
26
  menuItems?: MenuItem[];
27
+ onMenuItemsChanged?: (items: MenuItem[]) => void;
27
28
  headerDecoration?: boolean;
28
29
  }
29
30
  export type AsideHeaderInnerProps = AsideHeaderGeneralProps & AsideHeaderDefaultProps;
31
+ export interface AsideHeaderProps extends AsideHeaderGeneralProps, Partial<AsideHeaderDefaultProps> {
32
+ }
33
+ export declare enum InnerPanels {
34
+ AllPages = "all-pages"
35
+ }
@@ -0,0 +1,5 @@
1
+ import { AsideHeaderInnerContextType } from './AsideHeaderContext';
2
+ import { AsideHeaderProps } from './types';
3
+ export declare const useAsideHeaderInnerContextValue: (props: AsideHeaderProps & {
4
+ size: number;
5
+ }) => AsideHeaderInnerContextType;
@@ -1,4 +1,5 @@
1
- export { AsideHeader, AsideHeaderProps } from './AsideHeader/AsideHeader';
1
+ export { AsideHeader } from './AsideHeader/AsideHeader';
2
+ export type { AsideHeaderProps } from './AsideHeader/types';
2
3
  export { AsideHeaderContextProvider, useAsideHeaderContext } from './AsideHeader/AsideHeaderContext';
3
4
  export { Drawer, DrawerProps, DrawerItemProps, DrawerItem } from './Drawer/Drawer';
4
5
  export { FooterItem, FooterItemProps } from './FooterItem/FooterItem';
@@ -27,6 +27,18 @@ export interface MenuItem {
27
27
  rightAdornment?: React.ReactNode;
28
28
  type?: MenuItemType;
29
29
  afterMoreButton?: boolean;
30
+ /**
31
+ * Order number. Used to determine the display order in the side menu
32
+ */
33
+ order?: number;
34
+ /**
35
+ * Visibility flag in the side menu
36
+ */
37
+ hidden?: boolean;
38
+ /**
39
+ * The category to which the menu item belongs. Need for grouping in the display/editing mode of all pages
40
+ */
41
+ category?: string;
30
42
  }
31
43
  export type SubheaderMenuItem = Omit<ItemProps, 'onItemClick' | 'onItemClickCapture'>;
32
44
  export interface LogoProps {