@mdtl/uikit 0.0.29 → 0.0.30

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;
+}
+declare const HierarchicalArrow: FC<IHierarchicalArrowProps>;
+export default HierarchicalArrow;

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;
+}
+declare const HierarchicalMenu: FC<IHierarchicalMenuProps>;
+export default HierarchicalMenu;

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

@@ -0,0 +1,13 @@
+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;
+}
+declare const MenuComponent: FC<IMenuComponentProps>;
+export default MenuComponent;

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;
+}
+declare const MenuItemComponent: FC<IMenuItemComponentProps>;
+export default MenuItemComponent;

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,16 @@
+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'];
+    };
+}
+declare const Toolbar: FC<IToolbarProps>;
+export default Toolbar;

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mdtl/uikit",
-  "version": "0.0.29",
+  "version": "0.0.30",
   "type": "module",
   "main": "./dist/uikit.js",
   "types": "./dist/index.d.ts",