@max-ts/components 0.4.0 → 0.5.1

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

@@ -0,0 +1,12 @@
+export declare const StyledMenu: import('@emotion/styled').StyledComponent<import('../../types').WithoutEmotionSpecific<import('@mui/material').MenuProps> & {
+    title?: string;
+} & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const StyledMenuItem: import('@emotion/styled').StyledComponent<import('../../types').WithoutEmotionSpecific<import('@mui/material').MenuItemProps<import('react').ElementType>> & {
+    disabledReason?: string;
+    note?: string;
+    tooltipPlacement?: import('../..').TooltipProps["placement"];
+    component?: import('react').ElementType | undefined;
+    href?: string;
+} & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
+    $divider?: boolean;
+}, {}, {}>;

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

@@ -0,0 +1,44 @@
+import { AvatarProps, MenuProps } from '@mui/material';
+import { PropsWithChildren, ReactElement, ReactNode } from 'react';
+import { WithoutEmotionSpecific } from '../types';
+export type ProfileMenuItemData = {
+    icon: ReactNode;
+    title: ReactNode;
+    onClick?: () => void;
+    divider?: boolean;
+    /**
+     * @example
+     *  const renderItem: ProfileMenuItemData['render'] = ({ title, icon }) => (
+     *     <MenuItem>
+     *       <Typography variant="caption" color="primary">
+     *         {title}
+     *       </Typography>
+     *       <IconButton variant="text">{icon}</IconButton>
+     *     </MenuItem>
+     *   );
+     */
+    render?: (props: Omit<ProfileMenuItemData, 'render'>) => React.ReactElement;
+};
+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>;
+};
+export declare const Profile: (props: ProfileProps) => import("react/jsx-runtime").JSX.Element;

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

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