@astral/ui 4.13.0 → 4.14.0

package/node/components/CardGridInfinite/Card/SecondaryActionButton/SecondaryActionButton.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SecondaryActionButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_1 = require("react");
+const icons_1 = require("../../../../icons");
+const hooks_1 = require("../../../hooks");
+const CardGridSecondaryAction_1 = require("../../CardGridSecondaryAction");
+const CardActionContext_1 = require("../CardActionContext");
+const styles_1 = require("./styles");
+const SecondaryActionButton = ({ renderActions, }) => {
+    const buttonRef = (0, react_1.useRef)(null);
+    const { open, anchorRef, handleOpenMenu, handleCloseMenu } = (0, hooks_1.useMenu)(buttonRef);
+    const { isDisabled, isDisabledCard } = (0, react_1.useContext)(CardActionContext_1.CardActionContext);
+    // Если контент единожды отрендерился, то будем рендерить его дальше,
+    // чтобы были актуальные статусы loading для блокировки действий
+    const [isOnceOpen, setIsOnceOpen] = (0, react_1.useState)(false);
+    const handleOpen = () => {
+        setIsOnceOpen(true);
+        handleOpenMenu();
+    };
+    return ((0, jsx_runtime_1.jsxs)(CardGridSecondaryAction_1.SecondaryActionsMenuProvider, { value: { open, anchorEl: anchorRef.current }, children: [(0, jsx_runtime_1.jsx)(material_1.ClickAwayListener, { onClickAway: handleCloseMenu, mouseEvent: "onMouseUp", children: (0, jsx_runtime_1.jsx)(styles_1.StyledIconButton, { ref: anchorRef, onClick: handleOpen, selected: open, variant: "outlined", color: "grey", disabled: isDisabled || isDisabledCard, children: (0, jsx_runtime_1.jsx)(icons_1.DotsVOutlineMd, {}) }) }), isOnceOpen && renderActions({ isLoading: false })] }));
+};
+exports.SecondaryActionButton = SecondaryActionButton;

package/node/components/CardGridInfinite/Card/SecondaryActionButton/index.d.ts

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

package/node/components/CardGridInfinite/Card/SecondaryActionButton/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./SecondaryActionButton"), exports);

package/node/components/CardGridInfinite/Card/SecondaryActionButton/styles.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export declare const StyledIconButton: import("@emotion/styled").StyledComponent<Omit<import("../../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "variant"> & {
+    variant?: "link" | "light" | "outlined" | "contained" | "text" | undefined;
+    loading?: boolean | undefined;
+    color?: "grey" | "error" | "success" | "warning" | "primary" | undefined;
+    component?: import("react").ElementType | undefined;
+    selected?: boolean | undefined;
+} & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, ""> & import("react").RefAttributes<HTMLButtonElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;

package/node/components/CardGridInfinite/Card/SecondaryActionButton/styles.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledIconButton = void 0;
+const IconButton_1 = require("../../../IconButton");
+const styles_1 = require("../../../styles");
+exports.StyledIconButton = (0, styles_1.styled)(IconButton_1.IconButton) `
+    align-self: flex-start;
+`;

package/node/components/CardGridInfinite/Card/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Card';
+export * from './CardActionContext';
+export type { CardProps } from './types';

package/node/components/CardGridInfinite/Card/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Card"), exports);
+__exportStar(require("./CardActionContext"), exports);

package/node/components/CardGridInfinite/Card/styles.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+export declare const Wrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledDivider: import("@emotion/styled").StyledComponent<import("../../Divider").DividerProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const CardHeader: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const HeaderWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/node/components/CardGridInfinite/Card/styles.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeaderWrapper = exports.CardHeader = exports.StyledDivider = exports.Wrapper = void 0;
+const Divider_1 = require("../../Divider");
+const styles_1 = require("../../styles");
+exports.Wrapper = styles_1.styled.div `
+    padding: ${({ theme }) => theme.spacing(4, 5)};
+
+    ${({ theme }) => theme.breakpoints.down('sm')} {
+        padding: ${({ theme }) => theme.spacing(5, 4)};
+    }
+`;
+exports.StyledDivider = (0, styles_1.styled)(Divider_1.Divider) `
+    margin: ${({ theme }) => theme.spacing(4, 0)}
+`;
+exports.CardHeader = styles_1.styled.div `
+    display: flex;
+    gap: ${({ theme }) => theme.spacing(1)};
+    align-items: center;
+    justify-content: space-between;
+`;
+exports.HeaderWrapper = styles_1.styled.div `
+    overflow: hidden;
+    flex: 1;
+`;

package/node/components/CardGridInfinite/Card/types.d.ts

@@ -0,0 +1,32 @@
+import { type FunctionComponent, type ReactNode } from 'react';
+export type CardProps<TItem> = {
+    /**
+     * Header элемента
+     */
+    header?: ReactNode;
+    /**
+     * Основные действия элемента отображающиеся в footer
+     * Может быть как функцией без параметров, так и React компонентом
+     */
+    mainActions?: FunctionComponent;
+    /**
+     * Дополнительные действия элемента отображающиеся в header в виде кнопки с троеточием
+     */
+    secondaryActions?: () => ReactNode;
+    /**
+     * Основной контент отображающийся в центральной части элемента
+     */
+    content: ReactNode;
+    /**
+     * Если `true`, элемент будет заблокирован для взаимодействия
+     */
+    isDisabled?: boolean;
+    /**
+     * Причина блокировки элемента
+     */
+    disabledReason?: string;
+    /**
+     * Данные элемента
+     */
+    item: TItem;
+};

package/node/components/CardGridInfinite/Card/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/node/components/CardGridInfinite/Card/useLogic/index.d.ts

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

package/node/components/CardGridInfinite/Card/useLogic/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./useLogic"), exports);

package/node/components/CardGridInfinite/Card/useLogic/useLogic.d.ts

@@ -0,0 +1,7 @@
+import type { CardGridActionHandler } from '../../CardGridMainActions';
+import type { CardProps } from '../types';
+type UseLogicParams<TItem> = CardProps<TItem>;
+export declare const useLogic: <TItem>({ item }: UseLogicParams<TItem>) => {
+    handleActionClick: CardGridActionHandler<TItem>;
+};
+export {};

package/node/components/CardGridInfinite/Card/useLogic/useLogic.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLogic = void 0;
+const react_1 = require("react");
+const useLogic = ({ item }) => {
+    const handleActionClick = (0, react_1.useCallback)((onClick) => () => {
+        onClick?.(item);
+    }, [item]);
+    return { handleActionClick };
+};
+exports.useLogic = useLogic;

package/node/components/CardGridInfinite/CardGridInfinite.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { CardGridInfiniteProps } from './types';
+export declare const CardGridInfinite: <TDataItem extends Record<string, unknown>>(props: CardGridInfiniteProps<TDataItem>) => JSX.Element;

package/node/components/CardGridInfinite/CardGridInfinite.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CardGridInfinite = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_virtuoso_1 = require("react-virtuoso");
+const ContentState_1 = require("../ContentState");
+const Card_1 = require("./Card");
+const constants_1 = require("./constants");
+const Footer_1 = require("./Footer");
+const List_1 = require("./List");
+const NoDataPlaceholder_1 = require("./NoDataPlaceholder");
+const OnTopButton_1 = require("./OnTopButton");
+const SkeletonGrid_1 = require("./SkeletonGrid");
+const styles_1 = require("./styles");
+const useLogic_1 = require("./useLogic");
+const CardGridInfinite = (props) => {
+    const { contentStateProps, desktopCardWidth, virtuosoProps, scrollParent, skeleton, footerProps, onTopButtonProps, list, noDataImgSrc, defineCard, classnames, } = (0, useLogic_1.useLogic)(props);
+    const VirtuosoList = (0, react_1.useMemo)(() => (0, react_1.forwardRef)((listProps, ref) => ((0, jsx_runtime_1.jsx)(List_1.List, { ...listProps, ref: ref, desktopCardWidth: desktopCardWidth }))), [desktopCardWidth]);
+    return ((0, jsx_runtime_1.jsx)(styles_1.ContentStateWrapper, { className: classnames, children: (0, jsx_runtime_1.jsx)(ContentState_1.ContentState, { ...contentStateProps, loadingContent: (0, jsx_runtime_1.jsx)(SkeletonGrid_1.SkeletonGrid, { skeleton: skeleton, desktopCardWidth: desktopCardWidth }), children: list?.length && scrollParent ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_virtuoso_1.VirtuosoGrid, { ...virtuosoProps, data: list, customScrollParent: scrollParent, listClassName: constants_1.cardGridClassnames.list, components: {
+                            List: VirtuosoList,
+                            Footer: () => (0, jsx_runtime_1.jsx)(Footer_1.Footer, { ...footerProps }),
+                        }, itemContent: (_, item) => ((0, jsx_runtime_1.jsx)(Card_1.Card, { item: item, ...defineCard(item) })) }), (0, jsx_runtime_1.jsx)(OnTopButton_1.OnTopButton, { ...onTopButtonProps })] })) : ((0, jsx_runtime_1.jsx)(NoDataPlaceholder_1.NoDataPlaceholder, { noDataImgSrc: noDataImgSrc })) }) }));
+};
+exports.CardGridInfinite = CardGridInfinite;

package/node/components/CardGridInfinite/CardGridMainActions/Action/Action.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { ActionProps } from './types';
+export declare const Action: <TAction>(props: ActionProps<TAction>) => JSX.Element;

package/node/components/CardGridInfinite/CardGridMainActions/Action/Action.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Action = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Button_1 = require("../../../Button");
+const ConfirmAction_1 = require("../../../ConfirmAction");
+const Tooltip_1 = require("../../../Tooltip");
+const useLogic_1 = require("./useLogic");
+const Action = (props) => {
+    const { tooltipProps } = (0, useLogic_1.useLogic)(props);
+    const { action, onActionClick, isDisabled } = props;
+    const { name, needConfirm, confirmText, confirmButtonProps, disabledReason, disabled, loading, isBlockingOperation, loadingNote, note, onClick, component, variant, color, ...restProps } = action;
+    const renderButton = (renderProps) => {
+        return ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { withoutContainer: !disabled, placement: "bottom", ...tooltipProps, children: (0, jsx_runtime_1.jsx)(Button_1.Button, { disabled: isDisabled || disabled, loading: loading, component: component, variant: variant, color: color, ...restProps, ...renderProps, children: name }) }, name));
+    };
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: needConfirm ? ((0, jsx_runtime_1.jsx)(ConfirmAction_1.ConfirmAction, { text: confirmText, confirmButtonProps: confirmButtonProps, actionComponent: (renderProps) => renderButton(renderProps), onConfirm: onActionClick(onClick) })) : (renderButton({
+            onClick: onActionClick(onClick),
+        })) }));
+};
+exports.Action = Action;

package/node/components/CardGridInfinite/CardGridMainActions/Action/index.d.ts

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

package/node/components/CardGridInfinite/CardGridMainActions/Action/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Action"), exports);

package/node/components/CardGridInfinite/CardGridMainActions/Action/types.d.ts

@@ -0,0 +1,13 @@
+import type { ElementType } from 'react';
+import type { CardGridActionHandler, CardGridMainActionComponent } from '../types';
+export type ActionProps<TAction> = {
+    action: CardGridMainActionComponent<TAction, ElementType>;
+    /**
+     *  Обработчик клика на действие
+     */
+    onActionClick: CardGridActionHandler<TAction>;
+    /**
+     *  Если true, action не доступен
+     */
+    isDisabled?: boolean;
+};

package/node/components/CardGridInfinite/CardGridMainActions/Action/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/node/components/CardGridInfinite/CardGridMainActions/Action/useLogic/index.d.ts

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

package/node/components/CardGridInfinite/CardGridMainActions/Action/useLogic/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./useLogic"), exports);

package/node/components/CardGridInfinite/CardGridMainActions/Action/useLogic/useLogic.d.ts

@@ -0,0 +1,11 @@
+import type { ActionProps } from '../types';
+type UseLogicParam<TAction> = ActionProps<TAction>;
+export declare const useLogic: <TAction>({ action }: UseLogicParam<TAction>) => {
+    tooltipProps: {
+        title: string | undefined;
+        open: boolean;
+        onOpen: () => void;
+        onClose: () => void;
+    };
+};
+export {};

package/node/components/CardGridInfinite/CardGridMainActions/Action/useLogic/useLogic.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLogic = void 0;
+const react_1 = require("react");
+const useLogic = ({ action }) => {
+    const { loading, disabledReason, note } = action;
+    const [isVisibleTooltip, setVisibleTooltip] = (0, react_1.useState)(false);
+    const handleOpenTooltip = () => setVisibleTooltip(true);
+    const handleCloseTooltip = () => setVisibleTooltip(false);
+    const title = note || disabledReason;
+    return {
+        tooltipProps: {
+            title,
+            open: isVisibleTooltip && !loading,
+            onOpen: handleOpenTooltip,
+            onClose: handleCloseTooltip,
+        },
+    };
+};
+exports.useLogic = useLogic;

package/node/components/CardGridInfinite/CardGridMainActions/CardGridMainActions.d.ts

@@ -0,0 +1,30 @@
+/// <reference types="react" />
+import type { CardGridMainAction } from './types';
+export type CardGridMainActionsProps<TAction> = {
+    /**
+     * Действия отображаются слева направо в порядке, указанном в массиве
+     * Каждый элемент может иметь свой component (например, 'button', 'a', и т.д.)
+     * с соответствующими пропсами для этого компонента
+     */
+    actions?: CardGridMainAction<TAction>[];
+};
+/**
+ * Компонент для отображения основных действий в карточке CardGrid.
+ *
+ * Основные действия отображаются в виде отдельных кнопок в футере карточки
+ * и предназначены для наиболее часто используемых операций над ней
+ *
+ * @remarks
+ * - Компонент автоматически обрабатывает блокирующие операции, что предотвращает одновременное выполнение нескольких действий
+ *
+ * @example
+ * ```tsx
+ * <CardGridMainActions
+ *   actions={[
+ *     { name: 'Редактировать', onClick: handleEdit },
+ *     { name: 'Удалить', onClick: handleDelete, isBlockingOperation: true }
+ *   ]}
+ * />
+ * ```
+ */
+export declare const CardGridMainActions: <TAction>({ actions, }: CardGridMainActionsProps<TAction>) => JSX.Element;

package/node/components/CardGridInfinite/CardGridMainActions/CardGridMainActions.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CardGridMainActions = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const hooks_1 = require("../hooks");
+const Action_1 = require("./Action");
+const styles_1 = require("./styles");
+/**
+ * Компонент для отображения основных действий в карточке CardGrid.
+ *
+ * Основные действия отображаются в виде отдельных кнопок в футере карточки
+ * и предназначены для наиболее часто используемых операций над ней
+ *
+ * @remarks
+ * - Компонент автоматически обрабатывает блокирующие операции, что предотвращает одновременное выполнение нескольких действий
+ *
+ * @example
+ * ```tsx
+ * <CardGridMainActions
+ *   actions={[
+ *     { name: 'Редактировать', onClick: handleEdit },
+ *     { name: 'Удалить', onClick: handleDelete, isBlockingOperation: true }
+ *   ]}
+ * />
+ * ```
+ */
+const CardGridMainActions = ({ actions, }) => {
+    const { isDisabled, onActionClick } = (0, hooks_1.useBlockingActions)(actions);
+    return ((0, jsx_runtime_1.jsx)(styles_1.Wrapper, { children: actions?.map((action) => {
+            return ((0, jsx_runtime_1.jsx)(Action_1.Action, { action: action, onActionClick: onActionClick, isDisabled: isDisabled }, action.name));
+        }) }));
+};
+exports.CardGridMainActions = CardGridMainActions;

package/node/components/CardGridInfinite/CardGridMainActions/index.d.ts

@@ -0,0 +1,4 @@
+export * from './CardGridMainActions';
+export * from './types';
+export * from './Action';
+export { replaceActionComponent } from './utils';

package/node/components/CardGridInfinite/CardGridMainActions/index.js

@@ -0,0 +1,22 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.replaceActionComponent = void 0;
+__exportStar(require("./CardGridMainActions"), exports);
+__exportStar(require("./types"), exports);
+__exportStar(require("./Action"), exports);
+var utils_1 = require("./utils");
+Object.defineProperty(exports, "replaceActionComponent", { enumerable: true, get: function () { return utils_1.replaceActionComponent; } });

package/node/components/CardGridInfinite/CardGridMainActions/styles.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const Wrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/node/components/CardGridInfinite/CardGridMainActions/styles.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Wrapper = void 0;
+const styles_1 = require("../../styles");
+exports.Wrapper = styles_1.styled.div `
+    display: grid;
+    grid-auto-columns: 1fr;
+    grid-auto-flow: column;
+    gap: ${({ theme }) => theme.spacing(3)};
+
+    padding-top: ${({ theme }) => theme.spacing(6)};
+`;

package/node/components/CardGridInfinite/CardGridMainActions/types.d.ts

@@ -0,0 +1,44 @@
+import type { ElementType, MouseEventHandler } from 'react';
+import type { ButtonProps } from '../../Button';
+import type { ConfirmActionProps } from '../../ConfirmAction';
+export type CardGridMainActionBase<TItem> = {
+    /**
+     * Название действия (также используется как текст внутри кнопки)
+     */
+    name: string;
+    /**
+     * Если `true`, при клике на кнопку будет вызываться подтверждение действия
+     */
+    needConfirm?: boolean;
+    /**
+     * Поясняющий текст для подтверждения действия
+     */
+    confirmText?: ConfirmActionProps['text'];
+    /**
+     * Параметры кнопки подтверждения действия
+     */
+    confirmButtonProps?: ConfirmActionProps['confirmButtonProps'];
+    /**
+     * Если true, блокирует взаимодействие с actions
+     */
+    isBlockingOperation?: boolean;
+    /**
+     * Причина блокировки действия
+     */
+    disabledReason?: string;
+    /**
+     * Текст тултипа при наведении на кнопку
+     */
+    note?: string;
+    /**
+     * Причина блокировки строки во время загрузки
+     */
+    loadingNote?: string;
+    /**
+     * Обработчик действия
+     */
+    onClick?: (data: TItem) => void;
+};
+export type CardGridMainActionComponent<TItem, TComponent extends ElementType = ElementType> = CardGridMainActionBase<TItem> & Omit<ButtonProps<TComponent>, 'children' | 'onClick'>;
+export type CardGridActionHandler<TItem> = (onClick: CardGridMainActionComponent<TItem>['onClick']) => MouseEventHandler<HTMLElement> | undefined;
+export type CardGridMainAction<TItem> = CardGridMainActionComponent<TItem, ElementType>;

package/node/components/CardGridInfinite/CardGridMainActions/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/node/components/CardGridInfinite/CardGridMainActions/utils/index.d.ts

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

package/node/components/CardGridInfinite/CardGridMainActions/utils/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./replaceActionComponent"), exports);

package/node/components/CardGridInfinite/CardGridMainActions/utils/replaceActionComponent/index.d.ts

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

package/node/components/CardGridInfinite/CardGridMainActions/utils/replaceActionComponent/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./replaceActionComponent"), exports);

package/node/components/CardGridInfinite/CardGridMainActions/utils/replaceActionComponent/replaceActionComponent.d.ts

@@ -0,0 +1,8 @@
+import { type ElementType } from 'react';
+import type { CardGridMainActionComponent } from '../../types';
+/**
+ * Заменяет дефолтный параметр component на кастомный
+ * @param component - Кастомный компонент для замены Button
+ * @param props - Параметры компонента
+ */
+export declare const replaceActionComponent: <TItem, TComponent extends ElementType>(component: TComponent, props: Omit<CardGridMainActionComponent<TItem, TComponent>, "component">) => CardGridMainActionComponent<TItem, ElementType>;

package/node/components/CardGridInfinite/CardGridMainActions/utils/replaceActionComponent/replaceActionComponent.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.replaceActionComponent = void 0;
+/**
+ * Заменяет дефолтный параметр component на кастомный
+ * @param component - Кастомный компонент для замены Button
+ * @param props - Параметры компонента
+ */
+const replaceActionComponent = (component, props) => {
+    return {
+        ...props,
+        component,
+    };
+};
+exports.replaceActionComponent = replaceActionComponent;