@max-ts/components 0.4.0 → 0.5.0

package/lib/components/Profile/Profile.d.ts

@@ -0,0 +1,50 @@
+import { AvatarProps, MenuProps } from '@mui/material';
+import { FunctionComponent, PropsWithChildren, ReactElement, ReactNode } from 'react';
+import { WithoutEmotionSpecific } from '../types';
+export type ProfileMenuItemData = {
+    icon: ReactNode;
+    title: ReactNode;
+    onClick?: () => void;
+    /**
+     * @example
+     *  const renderItem: ProfileMenuItemData['render'] = ({ title, icon }) => (
+     *     <MenuItem>
+     *       <Typography variant="caption" color="primary">
+     *         {title}
+     *       </Typography>
+     *       <IconButton variant="text">{icon}</IconButton>
+     *     </MenuItem>
+     *   );
+     */
+    render?: FunctionComponent<Omit<ProfileMenuItemData, 'render'>>;
+};
+export type ProfileProps = {
+    /**
+     * Имя профиля
+     */
+    displayName: string;
+    /**
+     * Дополнительная информация (например email или username)
+     */
+    annotation?: string;
+    /**
+     * Аватарка профиля
+     */
+    avatar?: AvatarProps;
+    /**
+     * Кастомный рендер menu. Перекрывает menuList и exitButton
+     */
+    menu?: (props: PropsWithChildren<WithoutEmotionSpecific<MenuProps>>) => ReactElement;
+    /**
+     * Рендер menu через массив данных. Перекрывает menu и может использоваться с exitButton
+     */
+    menuList?: Array<ProfileMenuItemData>;
+    /**
+     * Отображение кнопки выхода и действие на нее
+     */
+    exitButton?: {
+        onClick: () => void;
+    };
+};
+export declare const Profile: (props: ProfileProps) => import("react/jsx-runtime").JSX.Element;
+export default Profile;

package/lib/components/Profile/index.d.ts

@@ -0,0 +1 @@
+export * from './Profile';