@mdtl/uikit 0.0.29 → 0.0.31

package/dist/components/Menu/HierarchicalArrow.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { MenuMutualProps } from './interfaces';
+interface IHierarchicalArrowProps extends MenuMutualProps {
+    isHierarchical: boolean;
+}
+export declare const HierarchicalArrow: FC<IHierarchicalArrowProps>;
+export {};

package/dist/components/Menu/HierarchicalMenu.d.ts

@@ -0,0 +1,20 @@
+import { FC } from 'react';
+import { MenuMutualProps, TMenuAnchorElement, TItemActionNestedSelectionElement, NodeWithOptionalPayload } from './interfaces';
+interface IHierarchicalMenuProps extends MenuMutualProps {
+    anchorEl: TMenuAnchorElement;
+    setAnchorEl: (anchorEl: TMenuAnchorElement) => void;
+    open: boolean;
+    onHover: () => void;
+    onCancelHover: () => void;
+    setAnchorElRootMenu: (value: HTMLElement) => void;
+    setOpenRootMenu: (value: boolean) => void;
+    list: TItemActionNestedSelectionElement[];
+    /**
+     * рекурсивно прокидывается внутрь MenuItemComponent как часть itemAction
+     * @param value
+     * @returns
+     */
+    clickCallback: (value: NodeWithOptionalPayload) => void;
+}
+export declare const HierarchicalMenu: FC<IHierarchicalMenuProps>;
+export {};

package/dist/components/Menu/Menu.d.ts

@@ -0,0 +1,12 @@
+import { FC, JSX } from 'react';
+import { IToolbarAction } from '../Toolbar/interfaces';
+import { IToolbarProps } from '../Toolbar/Toolbar';
+import { MenuMutualProps } from './interfaces';
+export interface IMenuComponentProps extends MenuMutualProps {
+    menuItems: IToolbarAction[];
+    menuBtnOptions?: IToolbarProps['menuBtnOptions'];
+    color?: IToolbarProps['color'];
+    setCurrentItemInfo?: (value: JSX.Element | null) => void;
+    setOpenInfo?: (value: boolean) => void;
+}
+export declare const Menu: FC<IMenuComponentProps>;

package/dist/components/Menu/MenuItem.d.ts

@@ -0,0 +1,29 @@
+import { FC } from 'react';
+import { IToolbarAction, TAnchorItemEl } from '../Toolbar/interfaces';
+import { TItemActionNestedSelectionElement, MenuMutualProps } from './interfaces';
+import { IMenuComponentProps } from './Menu';
+interface IMenuItemComponentProps extends MenuMutualProps {
+    /**
+     * указывает, что пункт является корневым и может открывать иерархическое меню
+     */
+    isRootNode: boolean;
+    itemAction: IToolbarAction;
+    setAnchorItemEl: (value: TAnchorItemEl) => void;
+    setMenuOpen: (value: boolean) => void;
+    setCurrentItemInfo?: IMenuComponentProps['setCurrentItemInfo'];
+    setOpenInfo?: IMenuComponentProps['setOpenInfo'];
+    /**
+     * используется для расчета необходимости рендерить info
+     */
+    hasInfoOnCurrentLevel?: boolean;
+    /**
+     * используется для расчета необходимости рендерить Box для стрелок иерархического меню
+     */
+    hasHierarchicalOnCurrentLevel?: boolean;
+    /**
+     * используется как payload для clickCallback, если MenuItemComponent лежит внутри HierarchicalMenu
+     */
+    nestedSelectionElement?: TItemActionNestedSelectionElement;
+}
+export declare const MenuItemComponent: FC<IMenuItemComponentProps>;
+export {};

package/dist/components/Menu/interfaces.d.ts

@@ -0,0 +1,19 @@
+export interface Node {
+    id: string;
+    parentId?: string | null;
+    level: number;
+    name: string;
+    description: string;
+}
+export interface NodeWithOptionalPayload extends Node {
+    payload?: unknown;
+}
+export type TItemActionNestedSelectionElement = {
+    data: NodeWithOptionalPayload;
+    children?: TItemActionNestedSelectionElement[] | null;
+};
+export type TMenuAnchorElement = HTMLLIElement | null;
+export interface MenuMutualProps {
+    /** true: иерархическое меню будет строиться направо */
+    hierarchicalMenuLTR?: boolean;
+}

package/dist/components/Toolbar/Toolbar.d.ts

@@ -0,0 +1,15 @@
+import { FC } from 'react';
+import { SvgIconPropsColorOverrides } from '@mui/material/SvgIcon';
+import { ButtonProps } from '@mui/material/Button';
+import { OverridableStringUnion } from '@mui/types';
+import { IToolbarAction } from './interfaces';
+export interface IToolbarProps {
+    itemActions: IToolbarAction[];
+    color?: OverridableStringUnion<'inherit' | 'action' | 'disabled' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning', SvgIconPropsColorOverrides>;
+    menuBtnOptions?: {
+        size?: ButtonProps['size'];
+        color?: ButtonProps['color'];
+        variant?: ButtonProps['variant'];
+    };
+}
+export declare const Toolbar: FC<IToolbarProps>;

package/dist/components/Toolbar/interfaces.d.ts

@@ -0,0 +1,21 @@
+import { NodeWithOptionalPayload, TItemActionNestedSelectionElement } from '../Menu/interfaces';
+import { ButtonPropsColorOverrides, ButtonPropsSizeOverrides, SvgIconPropsColorOverrides } from '@mui/material';
+import { default as SvgIcon } from '@mui/material/SvgIcon';
+import { OverridableStringUnion } from '@mui/types';
+import { JSX, MemoExoticComponent } from 'react';
+export type TAnchorItemEl = null | HTMLElement;
+export interface IToolbarAction {
+    tooltip: string;
+    id: string;
+    clickCallback: (data?: NodeWithOptionalPayload) => void | Promise<void>;
+    visible?: 'menu' | 'button' | 'none' | 'icon';
+    children?: IToolbarAction[];
+    color?: OverridableStringUnion<'inherit' | 'primary' | 'secondary' | 'success' | 'error' | 'info' | 'warning', ButtonPropsColorOverrides | SvgIconPropsColorOverrides>;
+    size?: OverridableStringUnion<'small' | 'medium' | 'large', ButtonPropsSizeOverrides>;
+    icon?: MemoExoticComponent<(props: any) => JSX.Element> | typeof SvgIcon;
+    startIcon?: MemoExoticComponent<(props: any) => JSX.Element> | typeof SvgIcon;
+    endIcon?: MemoExoticComponent<(props: any) => JSX.Element> | typeof SvgIcon;
+    info?: JSX.Element;
+    nestedSelection?: TItemActionNestedSelectionElement[];
+    disabled?: boolean;
+}

package/dist/index.d.ts

@@ -9,4 +9,8 @@ export { StackPanel } from './components/StackPanel/StackPanel';
 export { DefaultHeaderTemplate } from './components/StackPanel/DefaultHeaderTemplate';
 export { Sections } from './components/StackPanel/Sections';
 export * from './components/StackPanel/interfaces';
+export { Toolbar } from './components/Toolbar/Toolbar';
+export * from './components/Toolbar/interfaces';
+export { Menu } from './components/Menu/Menu';
+export * from './components/Menu/interfaces';
 export { generateGuid } from './utils/generateGuid';