@max-ts/components 1.1.0 → 1.1.2

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

@@ -2,7 +2,7 @@ import { ElementType } from 'react';
 import { MainAction } from './MainActions';
 import { SecondaryAction } from './SecondaryActions';
 import { SecondaryVisibleAction } from './SecondaryVisibleActions';
-export type ActionGroupProps<TMainActionComponent extends ElementType = ElementType, TSecondaryActionComponent extends ElementType = ElementType> = {
+export type ActionGroupProps<TMainActionComponent extends ElementType = ElementType, TSecondaryActionComponent extends ElementType = ElementType, TSecondaryVisibleActionComponent extends ElementType = ElementType> = {
     /**
      * Основные действия
      */
@@ -14,7 +14,7 @@ export type ActionGroupProps<TMainActionComponent extends ElementType = ElementT
     /**
      * Видимые второстепенные действия
      */
-    secondaryVisible?: SecondaryVisibleAction[];
+    secondaryVisible?: SecondaryVisibleAction<TSecondaryVisibleActionComponent>[];
     /**
      * Название класса, применяется к корневому компоненту
      */

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

@@ -25,6 +25,7 @@ type SingleAction<TMainActionComponent extends ElementType> = Omit<ButtonProps<T
      * Если true, блокирует взаимодействие с actions
      */
     isBlockingOperation?: boolean;
+    component?: TMainActionComponent;
 };
 type MultipleAction<TMainActionComponent extends ElementType> = Omit<DropdownButtonProps<TMainActionComponent>, 'children' | 'name' | 'component'> & {
     /**
@@ -51,6 +52,7 @@ type MultipleAction<TMainActionComponent extends ElementType> = Omit<DropdownBut
      * Текст тултипа при наведении на кнопку
      */
     note?: string;
+    component?: TMainActionComponent;
 };
 /** Модель основного экшена */
 export type MainAction<TMainActionComponent extends ElementType> = SingleAction<TMainActionComponent> | MultipleAction<TMainActionComponent>;

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

@@ -5,6 +5,7 @@ export declare const StyledButton: import('@emotion/styled').StyledComponent<Omi
     loadingPosition?: "start" | "end" | "center";
     color?: `${import('../../Button').ButtonColors}`;
     selected?: boolean;
+    component?: import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & 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"> & {
     name: string;

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

@@ -10,6 +10,7 @@ export type SecondaryAction<TSecondaryActionComponent extends ElementType> = Lis
      * Текст тултипа при наведении на элемент меню
      */
     note?: string;
+    component?: TSecondaryActionComponent;
 };
 export type SecondaryActionProps<TSecondaryActionComponent extends ElementType> = {
     actions: SecondaryAction<TSecondaryActionComponent>[];

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

@@ -1,7 +1,7 @@
-import { ReactNode } from 'react';
+import { ElementType, ReactNode } from 'react';
 import { ButtonProps } from '../..';
 /** Модель второстепенного видимого экшена */
-export type SecondaryVisibleAction = Omit<ButtonProps<'button'>, 'children'> & {
+export type SecondaryVisibleAction<TComponent extends ElementType> = Omit<ButtonProps<'button'>, 'children'> & {
     /** Название действия */
     name: string;
     /** Иконка */
@@ -12,9 +12,10 @@ export type SecondaryVisibleAction = Omit<ButtonProps<'button'>, 'children'> & {
      * Если true, блокирует взаимодействие с actions
      */
     isBlockingOperation?: boolean;
+    component?: TComponent;
 };
-export type MainActionProps = {
-    actions: SecondaryVisibleAction[];
+export type MainActionProps<TComponent extends ElementType> = {
+    actions: SecondaryVisibleAction<TComponent>[];
     size?: 'small' | 'medium' | 'large';
 };
-export declare const SecondaryVisibleActions: ({ actions, size }: MainActionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SecondaryVisibleActions: <TComponent extends ElementType = ElementType>({ actions, size, }: MainActionProps<TComponent>) => import("react/jsx-runtime").JSX.Element;

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

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

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

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

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

@@ -27,5 +27,6 @@ export type ButtonProps<RootComponent extends ElementType> = Omit<WithoutEmotion
      * Состояние кнопки - selected
      */
     selected?: boolean;
+    component?: RootComponent;
 };
 export declare const Button: <RootComponent extends React.ElementType = ButtonTypeMap["defaultComponent"]>(props: ButtonProps<RootComponent>) => import("react/jsx-runtime").JSX.Element;

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

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

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

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

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

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

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

@@ -11,6 +11,7 @@ export declare const MonthButton: import('@emotion/styled').StyledComponent<Omit
     loadingPosition?: "start" | "end" | "center";
     color?: `${import('../Button').ButtonColors}`;
     selected?: boolean;
+    component?: import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & 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>, {}, {}>;
 export declare const StyledMonthCaption: import('@emotion/styled').StyledComponent<{

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

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

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

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

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

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

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

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

package/lib/index.mjs

@@ -2185,7 +2185,10 @@ const Jc = m(
       )
     ))
   }
-) : null, lu = ({ actions: e, size: t }) => /* @__PURE__ */ l.jsx(l.Fragment, { children: e.map((n) => {
+) : null, lu = ({
+  actions: e,
+  size: t
+}) => /* @__PURE__ */ l.jsx(l.Fragment, { children: e.map((n) => {
   const {
     name: r,
     icon: o,
@@ -9559,7 +9562,14 @@ const Uo = ({
   }, [t]), /* @__PURE__ */ l.jsxs(dv, { className: Rn(a, La), children: [
     /* @__PURE__ */ l.jsxs(fv, { children: [
       /* @__PURE__ */ l.jsx(we, { title: s ? "Развернуть" : "Свернуть", children: /* @__PURE__ */ l.jsx(Ue, { variant: "text", onClick: c, children: s ? /* @__PURE__ */ l.jsx(xs, { size: 20 }) : /* @__PURE__ */ l.jsx(ws, { size: 20 }) }) }),
-      i && /* @__PURE__ */ l.jsx(we, { title: "Назад", children: /* @__PURE__ */ l.jsx(Ue, { ...i, variant: "text", children: /* @__PURE__ */ l.jsx(ks, { size: 20 }) }) })
+      i && /* @__PURE__ */ l.jsx(we, { title: "Назад", children: /* @__PURE__ */ l.jsx(
+        Ue,
+        {
+          ...i,
+          variant: "text",
+          children: /* @__PURE__ */ l.jsx(ks, { size: 20 })
+        }
+      ) })
     ] }),
     r && /* @__PURE__ */ l.jsx(uv, { className: "breadcrumbs", children: r }),
     /* @__PURE__ */ l.jsx(pv, { children: o }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@max-ts/components",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "browser": "./src/index.ts",
   "main": "./lib/index.mjs",
   "module": "./lib/index.mjs",