@max-ts/components 1.0.0 → 1.1.0

package/lib/components/ActionGroup/ActionGroup.d.ts

@@ -19,5 +19,6 @@ export type ActionGroupProps<TMainActionComponent extends ElementType = ElementT
      * Название класса, применяется к корневому компоненту
      */
     className?: string;
+    size?: 'small' | 'medium' | 'large';
 };
 export declare const ActionGroup: <TMainActionComponent extends ElementType = ElementType, TSecondaryActionComponent extends ElementType = ElementType>(props: ActionGroupProps<TMainActionComponent, TSecondaryActionComponent>) => import("react/jsx-runtime").JSX.Element;

package/lib/components/ActionGroup/MainActions/MainActions.d.ts

@@ -60,6 +60,7 @@ export type MainActionsProps<TMainActionComponent extends ElementType> = {
      * Если true, основные действия будут заблокированы
      */
     isDisabled?: boolean;
+    size?: 'small' | 'medium' | 'large';
 };
-export declare const MainActions: <TMainActionComponent extends ElementType = ElementType>({ actions, isDisabled, }: MainActionsProps<TMainActionComponent>) => import("react/jsx-runtime").JSX.Element;
+export declare const MainActions: <TMainActionComponent extends ElementType = ElementType>({ actions, isDisabled, size, }: MainActionsProps<TMainActionComponent>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/components/ActionGroup/MainActions/styles.d.ts

@@ -4,7 +4,6 @@ export declare const StyledButton: import('@emotion/styled').StyledComponent<Omi
     loadingIndicator?: import('react').ReactNode;
     loadingPosition?: "start" | "end" | "center";
     color?: `${import('../../Button').ButtonColors}`;
-    component?: import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
     selected?: boolean;
 } & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 export declare const StyledDropdownButton: import('@emotion/styled').StyledComponent<Omit<import('../../Button').ButtonProps<import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements>>, "onClick" | "endIcon" | "selected"> & {

package/lib/components/ActionGroup/SecondaryActions/SecondaryActions.d.ts

@@ -17,5 +17,6 @@ export type SecondaryActionProps<TSecondaryActionComponent extends ElementType>
      * Если true, вторичные действия будут заблокированы
      */
     isDisabled?: boolean;
+    size?: 'small' | 'medium' | 'large';
 };
-export declare const SecondaryActions: <TSecondaryActionComponent extends ElementType = ElementType>({ actions, isDisabled, }: SecondaryActionProps<TSecondaryActionComponent>) => import("react/jsx-runtime").JSX.Element | null;
+export declare const SecondaryActions: <TSecondaryActionComponent extends ElementType = ElementType>({ actions, isDisabled, size, }: SecondaryActionProps<TSecondaryActionComponent>) => import("react/jsx-runtime").JSX.Element | null;

package/lib/components/ActionGroup/SecondaryVisibleActions/SecondaryVisibleActions.d.ts

@@ -15,5 +15,6 @@ export type SecondaryVisibleAction = Omit<ButtonProps<'button'>, 'children'> & {
 };
 export type MainActionProps = {
     actions: SecondaryVisibleAction[];
+    size?: 'small' | 'medium' | 'large';
 };
-export declare const SecondaryVisibleActions: ({ actions }: MainActionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SecondaryVisibleActions: ({ actions, size }: MainActionProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/ActionGroup/SecondaryVisibleActions/styles.d.ts

@@ -4,6 +4,5 @@ export declare const StyledButton: import('@emotion/styled').StyledComponent<Omi
     loadingIndicator?: import('react').ReactNode;
     loadingPosition?: "start" | "end" | "center";
     color?: `${import('../../Button').ButtonColors}`;
-    component?: import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
     selected?: boolean;
 } & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;

package/lib/components/Alert/styles.d.ts

@@ -6,7 +6,6 @@ export declare const StyledIconButton: import('@emotion/styled').StyledComponent
     loadingIndicator?: import('react').ReactNode;
     loadingPosition?: "start" | "end" | "center";
     color?: `${import('..').ButtonColors}`;
-    component?: import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
     selected?: boolean;
 } & {
     loading?: boolean;

package/lib/components/Button/Button.d.ts

@@ -23,10 +23,6 @@ export type ButtonProps<RootComponent extends ElementType> = Omit<WithoutEmotion
      * Цвет текста кнопки
      */
     color?: `${ButtonColors}`;
-    /**
-     * Тип html-элемента
-     */
-    component?: RootComponent;
     /**
      * Состояние кнопки - selected
      */

package/lib/components/ConfirmDialog/styles.d.ts

@@ -4,6 +4,5 @@ export declare const CancelButton: import('@emotion/styled').StyledComponent<Omi
     loadingIndicator?: import('react').ReactNode;
     loadingPosition?: "start" | "end" | "center";
     color?: `${import('../Button').ButtonColors}`;
-    component?: import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
     selected?: boolean;
 } & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;

package/lib/components/DashboardLayout/DashboardLayout.d.ts

@@ -4,7 +4,7 @@ export type DashboardLayoutProps = {
 };
 export declare const DashboardLayout: {
     ({ children, className, }: DashboardLayoutProps): import("react/jsx-runtime").JSX.Element;
-    Sidebar: ({ width, collapsedWidth, header, footer, content, groups, className, }: import('./Sidebar').SidebarProps) => import("react/jsx-runtime").JSX.Element;
+    Sidebar: ({ width, collapsedWidth, header, footer, content, className, }: import('./Sidebar').SidebarProps) => import("react/jsx-runtime").JSX.Element;
     Main: ({ children, className }: import('./Main').MainProps) => import("react/jsx-runtime").JSX.Element;
 };
 export declare const useDashboard: () => {

package/lib/components/DashboardLayout/Sidebar/Sidebar.d.ts

@@ -4,8 +4,7 @@ export type SidebarProps = {
     collapsedWidth?: CSSProperties['width'];
     header?: React.ReactNode;
     footer?: React.ReactNode;
-    content?: React.ReactNode;
-    groups?: React.ReactNode[];
+    content: React.ReactNode;
     className?: string;
 };
-export declare const Sidebar: ({ width, collapsedWidth, header, footer, content, groups, className, }: SidebarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Sidebar: ({ width, collapsedWidth, header, footer, content, className, }: SidebarProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/DashboardLayout/Sidebar/styles.d.ts

@@ -5,4 +5,3 @@ export declare const SidebarContainer: import('@emotion/styled').StyledComponent
 export declare const SidebarHeader: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, keyof import('react').HTMLAttributes<HTMLElement> | keyof import('react').ClassAttributes<HTMLElement>>, {}>;
 export declare const SidebarFooter: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, keyof import('react').HTMLAttributes<HTMLElement> | keyof import('react').ClassAttributes<HTMLElement>>, {}>;
 export declare const SidebarContent: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const SidebarGroup: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;

package/lib/components/DataGrid/HeadCell/styles.d.ts

@@ -24,7 +24,6 @@ export declare const StyledButton: import('@emotion/styled').StyledComponent<Omi
     loadingIndicator?: import('react').ReactNode;
     loadingPosition?: "start" | "end" | "center";
     color?: `${import('../..').ButtonColors}`;
-    component?: import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
     selected?: boolean;
 } & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
     $isActive: boolean;

package/lib/components/DatePicker/DayButton/styles.d.ts

@@ -4,7 +4,6 @@ export declare const StyledButton: import('@emotion/styled').StyledComponent<Omi
     loadingIndicator?: import('react').ReactNode;
     loadingPosition?: "start" | "end" | "center";
     color?: `${import('../..').ButtonColors}`;
-    component?: import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
     selected?: boolean;
 } & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
     $isOutside?: boolean;

package/lib/components/DatePicker/styles.d.ts

@@ -10,7 +10,6 @@ export declare const MonthButton: import('@emotion/styled').StyledComponent<Omit
     loadingIndicator?: import('react').ReactNode;
     loadingPosition?: "start" | "end" | "center";
     color?: `${import('../Button').ButtonColors}`;
-    component?: import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
     selected?: boolean;
 } & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 export declare const StyledMonths: import('@emotion/styled').StyledComponent<import('react').HTMLAttributes<HTMLDivElement> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;

package/lib/components/IconButton/styles.d.ts

@@ -10,14 +10,5 @@ export declare const StyledButton: import('@emotion/styled').StyledComponent<Omi
     loadingIndicator?: import('react').ReactNode;
     loadingPosition?: "start" | "end" | "center";
     color?: `${import('../Button').ButtonColors}`;
-    component?: import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
     selected?: boolean;
-} & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Omit<import('../types').WithoutEmotionSpecific<import('@mui/material').ButtonProps<"button">>, "color" | "variant"> & {
-    variant?: `${import('../Button').ButtonVariants}`;
-    loading?: boolean;
-    loadingIndicator?: import('react').ReactNode;
-    loadingPosition?: "start" | "end" | "center";
-    color?: `${import('../Button').ButtonColors}`;
-    component?: "button" | undefined;
-    selected?: boolean;
-}, {}, {}>;
+} & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Omit<import('../types').WithoutEmotionSpecific<import('@mui/material').ButtonProps<"button">>, "color" | "variant">, {}, {}>;

package/lib/components/PageLayout/Header/Header.d.ts

@@ -1,50 +1,32 @@
 import { ElementType, ReactNode } from 'react';
-import { ActionGroupProps } from '../../ActionGroup';
-import { ButtonProps } from '../../Button';
-import { Theme } from '../../../theme';
-export type PageHeaderProps<TMainActionComponent extends ElementType = ElementType, TSecondaryActionComponent extends ElementType = ElementType, TBackButtonComponent extends ElementType = ElementType> = {
+import { ButtonProps } from '../..';
+export type PageHeaderProps<TBackButtonComponent extends ElementType = 'button'> = {
     /**
      * Заголовок страницы
      * @example <PageHeader title="Заголовок страницы" />
      */
-    title: ReactNode;
+    title: ReactNode | string;
     /**
      * Описание страницы
      * @example <PageHeader description="Описание страницы" />
      */
-    description?: ReactNode;
-    /**
-     * Набор компонент, отображаемый в нижней части блока
-     * @example <PageHeader subheader={<TextField placeholder="Поиск на странице..." size="small" />} />
-     */
-    subheader?: ReactNode;
+    subtitle?: ReactNode | string;
     /**
      * Хлебные крошки
      * @example <PageHeader breadcrumbs={
-     *  [
-     *    <Link>Первая ссылка</Link>,
-     *    <Link>Вторая ссылка</Link>,
-     *    <>Текст</>,
-     *  ]
+     * <Breadcrumbs>
+     *   <Link>Первая ссылка</Link>,
+     *   <Link>Вторая ссылка</Link>,
+     *   <>Текст</>
+     * </Breadcrumbs>
      * } />
      */
-    breadcrumbs?: ReactNode[];
+    breadcrumbs?: ReactNode;
     /**
-     * Набор кнопок, видимые конфигурируются через объект main, скрытые в меню - через secondary
-     * @example <PageHeader actions={{
-     *  main: [
-     *    {
-     *      text: 'Основное действие',
-     *    },
-     *  ],
-     *  secondary: [
-     *    {
-     *      text: 'Вспомогательное действие',
-     *    },
-     *  ]
-     * }} />
+     * Набор дополнительных действий
+     * @example <PageHeader actions={<Button variant='link'>Перейти к счету</Button>} />
      */
-    actions?: ActionGroupProps<TMainActionComponent, TSecondaryActionComponent>;
+    actions?: ReactNode;
     /**
      * Название класса, применяется к корневому компоненту
      */
@@ -58,9 +40,6 @@ export type PageHeaderProps<TMainActionComponent extends ElementType = ElementTy
      *  }}
      * />
      */
-    backButton?: Omit<ButtonProps<TBackButtonComponent>, 'children' | 'variant'> & {
-        component?: TBackButtonComponent;
-        theme?: Theme | undefined;
-    };
+    backButton?: Omit<ButtonProps<TBackButtonComponent>, 'children' | 'variant'>;
 };
-export declare const Header: <TMainActionComponent extends ElementType, TSecondaryActionComponent extends ElementType, TBackButtonComponent extends ElementType>(props: PageHeaderProps<TMainActionComponent, TSecondaryActionComponent, TBackButtonComponent>) => import("react/jsx-runtime").JSX.Element;
+export declare const Header: <TBackButtonComponent extends ElementType>(props: PageHeaderProps<TBackButtonComponent>) => import("react/jsx-runtime").JSX.Element;

package/lib/components/PageLayout/PageLayout.d.ts

@@ -5,7 +5,7 @@ export type PageLayoutProps = {
 };
 export declare const PageLayout: {
     ({ children, className }: PageLayoutProps): import("react/jsx-runtime").JSX.Element;
-    Header: <TMainActionComponent extends import('react').ElementType, TSecondaryActionComponent extends import('react').ElementType, TBackButtonComponent extends import('react').ElementType>(props: import('./Header').PageHeaderProps<TMainActionComponent, TSecondaryActionComponent, TBackButtonComponent>) => import("react/jsx-runtime").JSX.Element;
+    Header: <TBackButtonComponent extends import('react').ElementType>(props: import('./Header').PageHeaderProps<TBackButtonComponent>) => import("react/jsx-runtime").JSX.Element;
     Content: (props: import('./Content').PageContentProps) => import("react/jsx-runtime").JSX.Element;
     Footer: (props: import('./Footer').PageLayoutFooterProps) => import("react/jsx-runtime").JSX.Element;
     Aside: ({ children, className }: import('./Aside').PageAsideProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/SearchField/styles.d.ts

@@ -5,7 +5,6 @@ export declare const StyledIconButton: import('@emotion/styled').StyledComponent
     loadingIndicator?: import('react').ReactNode;
     loadingPosition?: "start" | "end" | "center";
     color?: `${import('..').ButtonColors}`;
-    component?: import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
     selected?: boolean;
 } & {
     loading?: boolean;

package/lib/components/Select/styles.d.ts

@@ -13,7 +13,6 @@ export declare const StyledIconButton: import('@emotion/styled').StyledComponent
     loadingIndicator?: import('react').ReactNode;
     loadingPosition?: "start" | "end" | "center";
     color?: `${import('..').ButtonColors}`;
-    component?: import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
     selected?: boolean;
 } & {
     loading?: boolean;

package/lib/components/SidebarNav/SidebarNav.d.ts

@@ -1,6 +1,5 @@
 import { SidebarNavItem } from './types';
 export type SidebarNavProps = {
     items: SidebarNavItem[];
-    collapsed?: boolean;
 };
-export declare const SidebarNav: ({ items, collapsed }: SidebarNavProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SidebarNav: ({ items }: SidebarNavProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/SidebarProduct/styles.d.ts

@@ -4,7 +4,6 @@ export declare const StyledButton: import('@emotion/styled').StyledComponent<Omi
     loadingIndicator?: import('react').ReactNode;
     loadingPosition?: "start" | "end" | "center";
     color?: `${import('../Button').ButtonColors}`;
-    component?: import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
     selected?: boolean;
 } & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
     collapsed?: boolean;