@astral/ui 4.13.0 → 4.14.0

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

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import type { CardGridSecondaryActionsProps } from './types';
+/**
+ * Компонент для отображения дополнительных действий в выпадающем меню.
+ *
+ * @example
+ * ```tsx
+ * <CardGridSecondaryActions
+ *   actions={[
+ *     { name: 'Дублировать', onClick: handleDuplicate },
+ *     { name: 'Архивировать', onClick: handleArchive, disabled: !canArchive },
+ *     { name: 'Экспортировать', onClick: handleExport }
+ *   ]}
+ *   isLoading={isActionsLoading}
+ * />
+ * ```
+ */
+export declare const CardGridSecondaryActions: <TAction>({ actions, isLoading, mobileTitle, }: CardGridSecondaryActionsProps<TAction>) => JSX.Element;

package/node/components/CardGridInfinite/CardGridSecondaryAction/CardGridSecondaryActions.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CardGridSecondaryActions = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_2 = require("react");
+const Menu_1 = require("../../Menu");
+const MenuItem_1 = require("../../MenuItem");
+const hooks_1 = require("../hooks");
+const CardGridSecondaryActionsSkeleton_1 = require("./CardGridSecondaryActionsSkeleton");
+const SecondaryActionsMenuContext_1 = require("./SecondaryActionsMenuContext");
+/**
+ * Компонент для отображения дополнительных действий в выпадающем меню.
+ *
+ * @example
+ * ```tsx
+ * <CardGridSecondaryActions
+ *   actions={[
+ *     { name: 'Дублировать', onClick: handleDuplicate },
+ *     { name: 'Архивировать', onClick: handleArchive, disabled: !canArchive },
+ *     { name: 'Экспортировать', onClick: handleExport }
+ *   ]}
+ *   isLoading={isActionsLoading}
+ * />
+ * ```
+ */
+const CardGridSecondaryActions = ({ actions, isLoading, mobileTitle, }) => {
+    const { onActionClick } = (0, hooks_1.useBlockingActions)(actions);
+    const { anchorEl, open } = (0, react_2.useContext)(SecondaryActionsMenuContext_1.SecondaryActionsMenuContext);
+    const renderActions = () => {
+        return actions?.map((action) => {
+            const { onClick, name, loading, isBlockingOperation, ...restProps } = action;
+            return ((0, react_1.createElement)(MenuItem_1.MenuItem, { ...restProps, key: name, tooltipPlacement: "left", onClick: onActionClick(onClick) }, name));
+        });
+    };
+    return ((0, jsx_runtime_1.jsx)(Menu_1.Menu, { open: open, title: mobileTitle, anchorEl: anchorEl, anchorOrigin: { vertical: 'bottom', horizontal: 'right' }, transformOrigin: { vertical: 'top', horizontal: 'right' }, children: isLoading ? (0, jsx_runtime_1.jsx)(CardGridSecondaryActionsSkeleton_1.CardGridSecondaryActionsSkeleton, {}) : renderActions() }));
+};
+exports.CardGridSecondaryActions = CardGridSecondaryActions;

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const CardGridSecondaryActionsSkeleton: () => JSX.Element;

package/node/components/CardGridInfinite/CardGridSecondaryAction/CardGridSecondaryActionsSkeleton/CardGridSecondaryActionsSkeleton.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CardGridSecondaryActionsSkeleton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Skeleton_1 = require("../../../Skeleton");
+const styles_1 = require("./styles");
+const CardGridSecondaryActionsSkeleton = () => ((0, jsx_runtime_1.jsxs)(styles_1.SkeletonWrapper, { children: [(0, jsx_runtime_1.jsx)(styles_1.MenuItemWrapper, { children: (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { variant: "rounded", width: 110 }) }), (0, jsx_runtime_1.jsx)(styles_1.MenuItemWrapper, { children: (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { variant: "rounded", width: 60 }) }), (0, jsx_runtime_1.jsx)(styles_1.MenuItemWrapper, { children: (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { variant: "rounded", width: 90 }) })] }));
+exports.CardGridSecondaryActionsSkeleton = CardGridSecondaryActionsSkeleton;

package/node/components/CardGridInfinite/CardGridSecondaryAction/CardGridSecondaryActionsSkeleton/index.d.ts

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

package/node/components/CardGridInfinite/CardGridSecondaryAction/CardGridSecondaryActionsSkeleton/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("./CardGridSecondaryActionsSkeleton"), exports);

package/node/components/CardGridInfinite/CardGridSecondaryAction/CardGridSecondaryActionsSkeleton/styles.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare const SkeletonWrapper: 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 MenuItemWrapper: 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/CardGridSecondaryAction/CardGridSecondaryActionsSkeleton/styles.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuItemWrapper = exports.SkeletonWrapper = void 0;
+const material_1 = require("@mui/material");
+const styles_1 = require("../../../styles");
+exports.SkeletonWrapper = styles_1.styled.div `
+    display: flex;
+    flex-direction: column;
+    gap: ${({ theme }) => theme.spacing(5)};
+
+    min-width: 140px;
+    min-height: 96px;  
+    padding: ${({ theme }) => theme.microSpacing(5, 6)};
+
+    ${({ theme }) => theme.breakpoints.down('sm')} {
+        gap: 0;
+
+        padding: 0;
+    }
+`;
+exports.MenuItemWrapper = styles_1.styled.div `
+    & .${material_1.skeletonClasses.root} {
+        height: 12px;
+    }
+
+    ${({ theme }) => theme.breakpoints.down('sm')} {
+        min-height: 48px;
+        padding: ${({ theme }) => theme.spacing(2, 3, 3)};
+
+        & .${material_1.skeletonClasses.root} {
+            height: 20px;
+        }
+    }
+`;

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export type SecondaryActionsMenuContextProps = {
+    /**
+     * Флаг состояния меню (открыто-закрыто)
+     */
+    open: boolean;
+    /**
+     * Элемент, к которому привязано меню
+     */
+    anchorEl: HTMLButtonElement | null;
+};
+export declare const SecondaryActionsMenuContext: import("react").Context<SecondaryActionsMenuContextProps>;

package/node/components/CardGridInfinite/CardGridSecondaryAction/SecondaryActionsMenuContext/SecondaryActionsMenuContext.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SecondaryActionsMenuContext = void 0;
+const react_1 = require("react");
+exports.SecondaryActionsMenuContext = (0, react_1.createContext)({
+    open: false,
+    anchorEl: null,
+});

package/node/components/CardGridInfinite/CardGridSecondaryAction/SecondaryActionsMenuContext/SecondaryActionsMenuProvider/SecondaryActionsMenuProvider.d.ts

@@ -0,0 +1,8 @@
+import { type ReactNode } from 'react';
+import { type SecondaryActionsMenuContextProps } from '../SecondaryActionsMenuContext';
+type SecondaryActionsMenuProviderProps = {
+    children: ReactNode;
+    value: SecondaryActionsMenuContextProps;
+};
+export declare const SecondaryActionsMenuProvider: ({ children, value, }: SecondaryActionsMenuProviderProps) => JSX.Element;
+export {};

package/node/components/CardGridInfinite/CardGridSecondaryAction/SecondaryActionsMenuContext/SecondaryActionsMenuProvider/SecondaryActionsMenuProvider.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SecondaryActionsMenuProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const SecondaryActionsMenuContext_1 = require("../SecondaryActionsMenuContext");
+const SecondaryActionsMenuProvider = ({ children, value, }) => {
+    return ((0, jsx_runtime_1.jsx)(SecondaryActionsMenuContext_1.SecondaryActionsMenuContext.Provider, { value: value, children: children }));
+};
+exports.SecondaryActionsMenuProvider = SecondaryActionsMenuProvider;

package/node/components/CardGridInfinite/CardGridSecondaryAction/SecondaryActionsMenuContext/SecondaryActionsMenuProvider/index.d.ts

@@ -0,0 +1 @@
+export { SecondaryActionsMenuProvider } from './SecondaryActionsMenuProvider';

package/node/components/CardGridInfinite/CardGridSecondaryAction/SecondaryActionsMenuContext/SecondaryActionsMenuProvider/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SecondaryActionsMenuProvider = void 0;
+var SecondaryActionsMenuProvider_1 = require("./SecondaryActionsMenuProvider");
+Object.defineProperty(exports, "SecondaryActionsMenuProvider", { enumerable: true, get: function () { return SecondaryActionsMenuProvider_1.SecondaryActionsMenuProvider; } });

package/node/components/CardGridInfinite/CardGridSecondaryAction/SecondaryActionsMenuContext/index.d.ts

@@ -0,0 +1,2 @@
+export * from './SecondaryActionsMenuContext';
+export * from './SecondaryActionsMenuProvider';

package/node/components/CardGridInfinite/CardGridSecondaryAction/SecondaryActionsMenuContext/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("./SecondaryActionsMenuContext"), exports);
+__exportStar(require("./SecondaryActionsMenuProvider"), exports);

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

@@ -0,0 +1,4 @@
+export type { CardGridSecondaryActionsProps, SecondaryAction } from './types';
+export { SecondaryActionsMenuProvider, SecondaryActionsMenuContext, } from './SecondaryActionsMenuContext';
+export * from './CardGridSecondaryActions';
+export * from './CardGridSecondaryActionsSkeleton';

package/node/components/CardGridInfinite/CardGridSecondaryAction/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.SecondaryActionsMenuContext = exports.SecondaryActionsMenuProvider = void 0;
+var SecondaryActionsMenuContext_1 = require("./SecondaryActionsMenuContext");
+Object.defineProperty(exports, "SecondaryActionsMenuProvider", { enumerable: true, get: function () { return SecondaryActionsMenuContext_1.SecondaryActionsMenuProvider; } });
+Object.defineProperty(exports, "SecondaryActionsMenuContext", { enumerable: true, get: function () { return SecondaryActionsMenuContext_1.SecondaryActionsMenuContext; } });
+__exportStar(require("./CardGridSecondaryActions"), exports);
+__exportStar(require("./CardGridSecondaryActionsSkeleton"), exports);

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

@@ -0,0 +1,59 @@
+import type { ReactNode } from 'react';
+import type { ConfirmActionProps } from '../../ConfirmAction';
+import type { MenuItemProps } from '../../MenuItem';
+export type SecondaryAction<TItem> = MenuItemProps & {
+    /**
+     * Название действия
+     */
+    name: string;
+    /**
+     * Иконка действия
+     */
+    icon?: ReactNode;
+    /**
+     * Флаг показа выпадающего списка при клике
+     */
+    nested?: false;
+    /**
+     * Если `true`, при клике на кнопку будет вызываться подтверждение действия
+     */
+    needConfirm?: boolean;
+    /**
+     * Поясняющий текст для подтверждения действия
+     */
+    confirmText?: ConfirmActionProps['text'];
+    /**
+     * Параметры кнопки подтверждения действия
+     */
+    confirmButtonProps?: ConfirmActionProps['confirmButtonProps'];
+    /**
+     * Если true, блокирует взаимодействие с actions
+     */
+    isBlockingOperation?: boolean;
+    /**
+     * Причина блокировки действия
+     */
+    disabledReason?: string;
+    /**
+     * Обработчик действия
+     */
+    onClick?: (item: TItem) => void;
+    /**
+     * Если true, происходит загрузка
+     */
+    loading?: boolean;
+};
+export type CardGridSecondaryActionsProps<TItem> = {
+    /**
+     * Доп. действия отображаются в виде списка элементов меню (`MenuItem`)
+     */
+    actions?: SecondaryAction<TItem>[];
+    /**
+     *  Флаг состояния загрузки, применяется когда actions подгружаются динамически
+     */
+    isLoading?: boolean;
+    /**
+     * Заголовок для мобильного drawer
+     */
+    mobileTitle: string;
+};

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

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

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+type Props = {
+    endOfScrollMsg?: string;
+};
+export declare const EndData: ({ endOfScrollMsg }: Props) => JSX.Element;
+export {};

package/node/components/CardGridInfinite/EndData/EndData.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EndData = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Typography_1 = require("../../Typography");
+const constants_1 = require("./constants");
+const EndData = ({ endOfScrollMsg = constants_1.END_OF_SCROLL_MESSAGE }) => ((0, jsx_runtime_1.jsx)(Typography_1.Typography, { children: endOfScrollMsg }));
+exports.EndData = EndData;

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

@@ -0,0 +1 @@
+export declare const END_OF_SCROLL_MESSAGE = "\u0412\u044B \u0434\u043E\u0441\u0442\u0438\u0433\u043B\u0438 \u043A\u043E\u043D\u0446\u0430 \u0441\u043F\u0438\u0441\u043A\u0430";

package/node/components/CardGridInfinite/EndData/constants.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.END_OF_SCROLL_MESSAGE = void 0;
+exports.END_OF_SCROLL_MESSAGE = 'Вы достигли конца списка';

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

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

package/node/components/CardGridInfinite/EndData/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("./EndData"), exports);

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+type Props = {
+    onRetry: () => void;
+};
+export declare const ErrorMessage: ({ onRetry }: Props) => JSX.Element;
+export {};

package/node/components/CardGridInfinite/ErrorMessage/ErrorMessage.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ErrorMessage = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Button_1 = require("../../Button");
+const Typography_1 = require("../../Typography");
+const constants_1 = require("./constants");
+const styles_1 = require("./styles");
+const ErrorMessage = ({ onRetry }) => ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { children: [(0, jsx_runtime_1.jsx)(Typography_1.Typography, { align: "center", children: constants_1.ERROR_MESSAGE }), (0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: onRetry, children: "\u041F\u043E\u043F\u0440\u043E\u0431\u043E\u0432\u0430\u0442\u044C \u0441\u043D\u043E\u0432\u0430" })] }));
+exports.ErrorMessage = ErrorMessage;

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

@@ -0,0 +1 @@
+export declare const ERROR_MESSAGE = "\u041E\u0448\u0438\u0431\u043A\u0430 \u0437\u0430\u0433\u0440\u0443\u0437\u043A\u0438";

package/node/components/CardGridInfinite/ErrorMessage/constants.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ERROR_MESSAGE = void 0;
+exports.ERROR_MESSAGE = 'Ошибка загрузки';

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

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

package/node/components/CardGridInfinite/ErrorMessage/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("./ErrorMessage"), exports);

package/node/components/CardGridInfinite/ErrorMessage/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/ErrorMessage/styles.js

@@ -0,0 +1,20 @@
+"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-template-columns: 100%;
+  grid-template-rows: max-content max-content;
+  gap: ${({ theme }) => theme.spacing(2)};
+  justify-items: center;
+
+  padding: ${({ theme }) => theme.spacing(2, 0)};
+
+  ${({ theme }) => theme.breakpoints.down('sm')} {
+    gap: ${({ theme }) => theme.spacing(4)};
+    justify-items: normal;
+
+    padding: ${({ theme }) => theme.spacing(4)};
+  }
+`;

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+type FooterProps = {
+    isEndReached?: boolean;
+    isError?: boolean;
+    isLoading?: boolean;
+    onRetry: () => void;
+    endOfScrollMsg?: string;
+};
+export declare const Footer: ({ isEndReached, isError, isLoading, onRetry, endOfScrollMsg, }: FooterProps) => JSX.Element;
+export {};

package/node/components/CardGridInfinite/Footer/Footer.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Footer = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Loader_1 = require("../../Loader");
+const EndData_1 = require("../EndData");
+const ErrorMessage_1 = require("../ErrorMessage");
+const styles_1 = require("./styles");
+const Footer = ({ isEndReached, isError, isLoading, onRetry, endOfScrollMsg, }) => {
+    if (!isLoading && !isError && !isEndReached) {
+        // Компонент нужен для того что бы избежать прилипания карточек к нижней границы контейнера virtuoso
+        return (0, jsx_runtime_1.jsx)(styles_1.FooterDummy, {});
+    }
+    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { children: [isLoading && (0, jsx_runtime_1.jsx)(Loader_1.Loader, {}), isError && (0, jsx_runtime_1.jsx)(ErrorMessage_1.ErrorMessage, { onRetry: onRetry }), isEndReached && (0, jsx_runtime_1.jsx)(EndData_1.EndData, { endOfScrollMsg: endOfScrollMsg })] }));
+};
+exports.Footer = Footer;

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

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

package/node/components/CardGridInfinite/Footer/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("./Footer"), exports);

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

@@ -0,0 +1,9 @@
+/// <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<HTMLElement>, HTMLElement>, {}>;
+export declare const FooterDummy: 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/Footer/styles.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FooterDummy = exports.Wrapper = void 0;
+const styles_1 = require("../../styles");
+exports.Wrapper = styles_1.styled.footer `
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+
+  min-height: 64px;
+  max-height: 76px;
+  margin-top: ${({ theme }) => theme.spacing(4)};
+
+  border-top: 1px solid ${({ theme }) => theme.palette.grey[300]};
+`;
+exports.FooterDummy = styles_1.styled.div `
+  min-height: 20px;
+`;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { type ListProps as VirtuosoListProps } from 'react-virtuoso';
+export declare const List: import("react").ForwardRefExoticComponent<Omit<VirtuosoListProps, "ref"> & {
+    desktopCardWidth: {
+        max: string;
+        min: string;
+    };
+} & import("react").RefAttributes<HTMLDivElement>>;

package/node/components/CardGridInfinite/List/List.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.List = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const styles_1 = require("./styles");
+exports.List = (0, react_1.forwardRef)(({ children, desktopCardWidth, ...restProps }, ref) => ((0, jsx_runtime_1.jsx)(styles_1.Wrapper, { ref: ref, "$gridTemplate": desktopCardWidth, ...restProps, children: children })));

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

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

package/node/components/CardGridInfinite/List/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("./List"), exports);

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

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

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

@@ -0,0 +1,13 @@
+"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-template-columns: ${({ $gridTemplate }) => `repeat(auto-fill, minmax(${$gridTemplate.min}, ${$gridTemplate.max}))`};
+    gap: ${({ theme }) => theme.spacing(4)};
+
+    ${({ theme }) => theme.breakpoints.down('sm')} {
+      grid-template-columns: 100%;
+    }
+`;

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+type NoDataPlaceholderProps = {
+    noDataImgSrc?: string;
+};
+export declare const NoDataPlaceholder: ({ noDataImgSrc }: NoDataPlaceholderProps) => JSX.Element;
+export {};

package/node/components/CardGridInfinite/NoDataPlaceholder/NoDataPlaceholder.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NoDataPlaceholder = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const ConfigProvider_1 = require("../../ConfigProvider");
+const placeholders_1 = require("../../placeholders");
+const constants_1 = require("./constants");
+const NoDataPlaceholder = ({ noDataImgSrc }) => {
+    const { imagesMap } = (0, react_1.useContext)(ConfigProvider_1.ConfigContext);
+    const { noDataImgSrc: configProviderNoDataImgSrc } = imagesMap;
+    return ((0, jsx_runtime_1.jsx)(placeholders_1.Placeholder, { title: constants_1.NO_DATA_TEXT, imgSrc: noDataImgSrc ?? configProviderNoDataImgSrc, size: "medium" }));
+};
+exports.NoDataPlaceholder = NoDataPlaceholder;

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

@@ -0,0 +1 @@
+export declare const NO_DATA_TEXT = "\u041D\u0435\u0442 \u0434\u0430\u043D\u043D\u044B\u0445";

package/node/components/CardGridInfinite/NoDataPlaceholder/constants.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NO_DATA_TEXT = void 0;
+exports.NO_DATA_TEXT = 'Нет данных';