@astral/ui 4.13.1 → 4.15.0

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 = 'Нет данных';

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

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

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

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

@@ -0,0 +1,8 @@
+import { type RefObject } from 'react';
+type Props = {
+    isActive: boolean;
+    scrollRef: RefObject<HTMLElement>;
+    handleScrollToTop: () => void;
+};
+export declare const OnTopButton: ({ isActive, scrollRef, handleScrollToTop, }: Props) => import("react").ReactPortal | null;
+export {};

package/node/components/CardGridInfinite/OnTopButton/OnTopButton.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OnTopButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_dom_1 = require("react-dom");
+const styles_1 = require("./styles");
+const OnTopButton = ({ isActive, scrollRef, handleScrollToTop, }) => {
+    const parentElement = scrollRef?.current?.parentElement;
+    if (isActive && parentElement) {
+        return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(styles_1.StyledScrollToTopButton, { onClick: handleScrollToTop }), parentElement);
+    }
+    return null;
+};
+exports.OnTopButton = OnTopButton;

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

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

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

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

@@ -0,0 +1,3 @@
+export declare const StyledScrollToTopButton: import("@emotion/styled").StyledComponent<import("../../ScrollToTopButton").ScrollToTopButtonProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;

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

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledScrollToTopButton = void 0;
+const ScrollToTopButton_1 = require("../../ScrollToTopButton");
+const styles_1 = require("../../styles");
+exports.StyledScrollToTopButton = (0, styles_1.styled)(ScrollToTopButton_1.ScrollToTopButton) `
+    right: ${({ theme }) => theme.microSpacing(15)};
+
+    ${({ theme }) => theme.breakpoints.down('sm')} {
+        display: none;
+    }
+`;

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import type { SkeletonConfig } from '../types';
+type SkeletonGridProps = {
+    skeleton: SkeletonConfig;
+    desktopCardWidth: {
+        max: string;
+        min: string;
+    };
+};
+export declare const SkeletonGrid: ({ skeleton, desktopCardWidth, }: SkeletonGridProps) => JSX.Element;
+export {};

package/node/components/CardGridInfinite/SkeletonGrid/SkeletonGrid.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SkeletonGrid = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styles_1 = require("./styles");
+const SkeletonGrid = ({ skeleton, desktopCardWidth, }) => {
+    return ((0, jsx_runtime_1.jsx)(styles_1.StyledWrapper, { "$gridTemplate": desktopCardWidth, children: Array.from({ length: skeleton.count }).map((_, index) => ((0, jsx_runtime_1.jsx)("div", { children: skeleton.component }, `${index}-${skeleton.count}`))) }));
+};
+exports.SkeletonGrid = SkeletonGrid;

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

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

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

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

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

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

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

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledWrapper = void 0;
+const styles_1 = require("../../styles");
+const styles_2 = require("../List/styles");
+exports.StyledWrapper = (0, styles_1.styled)(styles_2.Wrapper) `
+    width: 100%;
+`;

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

@@ -0,0 +1,7 @@
+export declare const VIRTUOSO_CONTAINER_ID = "virtuoso-container";
+export declare const OVERSCAN = 30;
+export declare const cardGridClassnames: {
+    list: string;
+    root: string;
+    loading: string;
+};

package/node/components/CardGridInfinite/constants.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cardGridClassnames = exports.OVERSCAN = exports.VIRTUOSO_CONTAINER_ID = void 0;
+const utils_1 = require("../utils");
+exports.VIRTUOSO_CONTAINER_ID = 'virtuoso-container';
+exports.OVERSCAN = 30;
+exports.cardGridClassnames = {
+    list: (0, utils_1.createUIKitClassname)('card-grid__list'),
+    root: (0, utils_1.createUIKitClassname)('card-grid'),
+    loading: (0, utils_1.createUIKitClassname)('card-grid_loading'),
+};

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

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

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

package/node/components/CardGridInfinite/hooks/useBlockingActions/index.d.ts

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

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

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

@@ -0,0 +1,9 @@
+import type { CardGridMainAction } from '../../CardGridMainActions';
+import { type SecondaryAction } from '../../CardGridSecondaryAction';
+/**
+ * Хук для управления блокирующими операциями в CardGrid
+ */
+export declare const useBlockingActions: <TAction>(actions?: CardGridMainAction<TAction>[] | SecondaryAction<TAction>[] | undefined) => {
+    isDisabled: boolean | undefined;
+    onActionClick: import("../../CardGridMainActions").CardGridActionHandler<TAction>;
+};

package/node/components/CardGridInfinite/hooks/useBlockingActions/useBlockingActions.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useBlockingActions = void 0;
+const react_1 = require("react");
+const Card_1 = require("../../Card");
+/**
+ * Хук для управления блокирующими операциями в CardGrid
+ */
+const useBlockingActions = (actions) => {
+    const { isDisabled, onActionClick, setDisabledActions, isDisabledCard, removeDisabledActions, } = (0, react_1.useContext)(Card_1.CardActionContext);
+    const blockingAction = [...(actions || [])].find((action) => 'isBlockingOperation' in action &&
+        action.isBlockingOperation &&
+        'loading' in action &&
+        action.loading);
+    (0, react_1.useEffect)(() => {
+        if (blockingAction) {
+            setDisabledActions();
+            return;
+        }
+        removeDisabledActions();
+    }, [blockingAction]);
+    return {
+        isDisabled: isDisabled || isDisabledCard,
+        onActionClick,
+    };
+};
+exports.useBlockingActions = useBlockingActions;

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

@@ -0,0 +1,8 @@
+export { CardGridInfinite } from './CardGridInfinite';
+export { CardGridMainActions, replaceActionComponent, } from './CardGridMainActions';
+export { CardGridSecondaryActions, CardGridSecondaryActionsSkeleton, } from './CardGridSecondaryAction';
+export type { CardGridInfiniteProps, SkeletonConfig } from './types';
+export type { CardGridMainActionsProps, CardGridActionHandler, CardGridMainAction, } from './CardGridMainActions';
+export type { CardGridSecondaryActionsProps } from './CardGridSecondaryAction';
+export { cardGridClassnames } from './constants';
+export type { CardProps } from './Card';

package/node/components/CardGridInfinite/index.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cardGridClassnames = exports.CardGridSecondaryActionsSkeleton = exports.CardGridSecondaryActions = exports.replaceActionComponent = exports.CardGridMainActions = exports.CardGridInfinite = void 0;
+var CardGridInfinite_1 = require("./CardGridInfinite");
+Object.defineProperty(exports, "CardGridInfinite", { enumerable: true, get: function () { return CardGridInfinite_1.CardGridInfinite; } });
+var CardGridMainActions_1 = require("./CardGridMainActions");
+Object.defineProperty(exports, "CardGridMainActions", { enumerable: true, get: function () { return CardGridMainActions_1.CardGridMainActions; } });
+Object.defineProperty(exports, "replaceActionComponent", { enumerable: true, get: function () { return CardGridMainActions_1.replaceActionComponent; } });
+var CardGridSecondaryAction_1 = require("./CardGridSecondaryAction");
+Object.defineProperty(exports, "CardGridSecondaryActions", { enumerable: true, get: function () { return CardGridSecondaryAction_1.CardGridSecondaryActions; } });
+Object.defineProperty(exports, "CardGridSecondaryActionsSkeleton", { enumerable: true, get: function () { return CardGridSecondaryAction_1.CardGridSecondaryActionsSkeleton; } });
+var constants_1 = require("./constants");
+Object.defineProperty(exports, "cardGridClassnames", { enumerable: true, get: function () { return constants_1.cardGridClassnames; } });

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

@@ -0,0 +1,13 @@
+/// <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 ContentWrapper: 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 ContentStateWrapper: 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/styles.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContentStateWrapper = exports.ContentWrapper = exports.Wrapper = void 0;
+const placeholders_1 = require("../placeholders");
+const styles_1 = require("../styles");
+const constants_1 = require("./constants");
+exports.Wrapper = styles_1.styled.div `
+  display: flex;
+  flex-direction: column;
+
+  height: 100%;
+`;
+exports.ContentWrapper = styles_1.styled.div `
+  display: flex;
+  flex-direction: column;
+
+  height: 100%;
+`;
+exports.ContentStateWrapper = styles_1.styled.div `
+  height: 100%;
+
+  &.${constants_1.cardGridClassnames.loading} {
+    height: auto;
+  }
+
+  & .${placeholders_1.loadingPlaceholderClassnames.root} {
+    justify-content: flex-start
+  }
+`;

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

@@ -0,0 +1,98 @@
+import type { ReactNode, RefObject } from 'react';
+import type { CardProps } from './Card';
+export type SkeletonConfig = {
+    /**
+     * Скелетон, отображающийся внутри карточки
+     */
+    component: ReactNode;
+    /**
+     * Число отображаемых элементов в состоянии загрузки
+     */
+    count: number;
+};
+export type CardGridInfiniteProps<TDataItem extends Record<string, unknown>> = {
+    /**
+     * Отображается skeleton
+     */
+    isLoading?: boolean;
+    isError?: boolean;
+    errorMsg?: string;
+    /**
+     * Функция обработки нажатия на кнопку "Повторить снова"
+     */
+    onRetry: () => void;
+    /**
+     * Конфигурация состояния загрузки компонента
+     */
+    skeleton: SkeletonConfig;
+    /**
+     * Изображение отображающееся при отсутствии данных
+     */
+    noDataImgSrc?: string;
+    /**
+     * Список элементов для отображения
+     */
+    list?: TDataItem[];
+    /**
+     * Конфигурация отображения элементов
+     *
+     * @example
+     * defineCard={({ organization, content }) => {
+          return {
+            header: <CardHeader organization={organization} />
+            content: <DescriptionList leader items={content} />,
+            mainActions: () => <MainActions />,
+            secondaryActions: () => <SecondaryActions />,
+          };
+        }}
+     */
+    defineCard: (itemData: TDataItem) => Omit<CardProps<TDataItem>, 'item'>;
+    /**
+     * Определяет минимальную и максимальную ширину карточек в адаптивной сетке.
+     * Применяется через CSS Grid.
+     * Колонки автоматически перестраиваются при изменении ширины контейнера.
+     *
+     * @example
+     * desktopCardWidth={{
+     *   min: '350px',
+     *   max: '1fr',
+     * }}
+     */
+    desktopCardWidth: {
+        min: string;
+        max: string;
+    };
+    /**
+     * Вызывается, когда пользователь достигает конца списка и требуется загрузить дополнительные данные
+     */
+    onLoadMore: () => void;
+    /**
+     * Флаг достижения конца списка
+     */
+    isEndReached?: boolean;
+    /**
+     * Сообщение, отображаемое при достижении конца списка
+     *
+     * @default Вы достигли конца списка
+     */
+    endOfScrollMsg?: string;
+    /**
+     * Изображение при ошибке
+     *
+     * @default Берется из контекста ConfigContext (defaultErrorImgSrc)
+     */
+    errorImgSrc?: string;
+    /**
+     * Реф на контейнер, в котором должен быть скролл
+     *
+     * Используется тот же реф, что передается в компонент PageContent
+     *
+     * @example
+     * const scrollRef = useRef(null);
+     *
+     * <PageContent scrollRef={scrollRef}>
+     *   <CardGridInfinite scrollRef={scrollRef} ... />
+     * </PageContent>
+     */
+    scrollRef: RefObject<HTMLElement>;
+};

package/node/components/CardGridInfinite/types.js

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

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

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