@astral/ui 4.113.3 → 4.115.0

package/node/components/DataGrid/useLogic/useLogic.d.ts

@@ -1,7 +1,9 @@
 import { type ChangeEvent } from 'react';
-import type { CellValue, DataGridProps, DataGridRow } from '../types';
+import type { CellValue, DataGridProps, DataGridRow, DataGridRowWithOptions } from '../types';
 type UseLogicParams<TData extends Record<string, CellValue> = DataGridRow, TSortField extends keyof TData = keyof TData> = DataGridProps<TData, TSortField>;
-export declare const useLogic: <TData extends Record<string, unknown> = DataGridRow, TSortField extends keyof TData = keyof TData>({ keyId, columns, rows, variant, tree, subrows, selectedRows, isLoading, isDisabled, mobileDisplayVariant, onSelectRow, isError, onRetry, errorMsg, isHideSelectAll, isHideHeaderIfNoData, sorting, className, onSort, maxHeight, gridViewMode: gridViewModeProp, }: UseLogicParams<TData, TSortField>) => {
+export declare const useLogic: <TData extends Record<string, unknown> = DataGridRow, TSortField extends keyof TData = keyof TData>({ keyId, columns, rows, variant, tree, subrows, selectedRows, isLoading, isDisabled, getRowDisabled, mobileDisplayVariant, onSelectRow, isError, onRetry, errorMsg, isHideSelectAll, isHideHeaderIfNoData, sorting, className, onSort, maxHeight, gridViewMode: gridViewModeProp, massActions, }: UseLogicParams<TData, TSortField>) => {
+    hasMassActions: boolean;
+    isMassActionsOpen: boolean;
     dataGridClassName: string | undefined;
     containerCssVars: import("react").CSSProperties;
     isDataGridDisabled: boolean | undefined;
@@ -10,7 +12,7 @@ export declare const useLogic: <TData extends Record<string, unknown> = DataGrid
         expandedLevel?: number | undefined;
         initialVisibleChildrenCount?: number | undefined;
     } | undefined;
-    renderRows: TData[];
+    renderRows: DataGridRowWithOptions<TData>[];
     isAllowHorizontalScroll: boolean;
     isHideHead: boolean;
     hasPinnedColumns: boolean;
@@ -57,6 +59,9 @@ export declare const useLogic: <TData extends Record<string, unknown> = DataGrid
     };
     bodyProps: {
         isSelectable: boolean;
+        selectedIds: Set<TData[keyof TData]>;
+        rowsDisabled: Map<unknown, import("../types").DataGridRowDisabled | undefined>;
+        getRowDisabled: ((row: TData) => import("../types").DataGridRowDisabled | undefined) | undefined;
         onSelectRow: (row: TData) => (event: ChangeEvent<HTMLInputElement>) => void;
     };
     mobileDisplayVariant: "list" | "cards";

package/node/components/DataGrid/useLogic/useLogic.js

@@ -4,14 +4,14 @@ exports.useLogic = void 0;
 const react_1 = require("react");
 const ConfigProvider_1 = require("../../ConfigProvider");
 const useFirstMountState_1 = require("../../useFirstMountState");
-const prop_1 = require("../../utils/prop");
 const uniqueBy_1 = require("../../utils/uniqueBy");
 const constants_1 = require("../constants");
 const enums_1 = require("../enums");
+const hooks_1 = require("../hooks");
 const utils_1 = require("../utils");
-const hooks_1 = require("./hooks");
+const hooks_2 = require("./hooks");
 const utils_2 = require("./utils");
-const useLogic = ({ keyId, columns, rows = [], variant, tree, subrows, selectedRows = [], isLoading, isDisabled, mobileDisplayVariant = variant === 'subrows' ? 'cards' : 'list', onSelectRow, isError, onRetry, errorMsg, isHideSelectAll, isHideHeaderIfNoData = false, sorting, className, onSort, maxHeight, gridViewMode: gridViewModeProp = 'standard', }) => {
+const useLogic = ({ keyId, columns, rows = [], variant, tree, subrows, selectedRows = [], isLoading, isDisabled, getRowDisabled, mobileDisplayVariant = variant === 'subrows' ? 'cards' : 'list', onSelectRow, isError, onRetry, errorMsg, isHideSelectAll, isHideHeaderIfNoData = false, sorting, className, onSort, maxHeight, gridViewMode: gridViewModeProp = 'standard', massActions, }) => {
     const isFirstRender = (0, useFirstMountState_1.useFirstMountState)();
     const isSelectable = Boolean(onSelectRow);
     const isDataGridDisabled = isLoading || isDisabled;
@@ -35,11 +35,11 @@ const useLogic = ({ keyId, columns, rows = [], variant, tree, subrows, selectedR
     }, [columns, rows]);
     const renderRows = isLoading ? prevRowsRef.current : rows;
     const isNoData = !renderRows.length;
-    const { containerRef, rowHoverProps, sections, hasPinnedColumns } = (0, hooks_1.usePinnedColumns)({
+    const { containerRef, rowHoverProps, sections, hasPinnedColumns } = (0, hooks_2.usePinnedColumns)({
         isLoading,
         columns: processedColumns(),
     });
-    const { isMobile, mobileSkeletonProps } = (0, hooks_1.useDataGridMobileLogic)({
+    const { isMobile, mobileSkeletonProps } = (0, hooks_2.useDataGridMobileLogic)({
         containerRef,
         isLoading,
         columns: (0, utils_1.getFlattenColumns)(processedColumns()),
@@ -60,22 +60,24 @@ const useLogic = ({ keyId, columns, rows = [], variant, tree, subrows, selectedR
         }
         return config;
     }, [variant, subrows, tree, isMobile]);
-    const availableRows = rows.filter((row) => !(row.options?.isDisabled || row.options?.isNotSelectable));
+    // Блокировки строк: getRowDisabled вызывается один раз на строку
+    const { rowsDisabled, idsWithoutReason } = (0, react_1.useMemo)(() => (0, utils_1.resolveRowsDisabled)(renderRows, keyId, getRowDisabled), [renderRows, keyId, getRowDisabled]);
+    (0, hooks_1.useWarnRowsWithoutDisabledReason)(idsWithoutReason);
+    const selectedIds = (0, react_1.useMemo)(() => new Set(selectedRows.map((row) => row[keyId])), [selectedRows, keyId]);
+    const availableRows = (0, react_1.useMemo)(() => renderRows.filter((row) => !row.options?.isNotSelectable && !rowsDisabled.get(row[keyId])), [renderRows, rowsDisabled, keyId]);
     const gridColumns = (0, react_1.useMemo)(() => (0, utils_1.getGridTemplateColumns)((0, utils_1.getFlattenColumns)(columns)), [columns]);
     const isAllowHorizontalScroll = (0, utils_2.getIsAllowHorizontalScroll)((0, utils_1.getFlattenColumns)(columns));
-    const uncheckedRowsCount = (0, react_1.useMemo)(() => {
-        return availableRows.filter((row) => !selectedRows.find((selectedRow) => selectedRow[keyId] === row[keyId])).length;
-    }, [availableRows, selectedRows, keyId]);
+    const uncheckedRowsCount = (0, react_1.useMemo)(() => availableRows.filter((row) => !selectedIds.has(row[keyId])).length, [availableRows, selectedIds, keyId]);
     const handleSelectAllRows = (event) => {
         if (!onSelectRow) {
             return;
         }
         if (event.target.checked) {
-            const mergedSelectedRows = (0, uniqueBy_1.uniqueBy)([...selectedRows, ...availableRows], (0, prop_1.prop)(keyId));
+            const mergedSelectedRows = (0, uniqueBy_1.uniqueBy)([...selectedRowsRef.current, ...availableRows], (row) => row[keyId]);
             return onSelectRow(mergedSelectedRows);
         }
-        const filteredRows = selectedRows.filter((selectedRow) => !rows.find((row) => row[keyId] === selectedRow[keyId]));
-        onSelectRow(filteredRows);
+        const renderRowsIds = new Set(renderRows.map((row) => row[keyId]));
+        onSelectRow(selectedRowsRef.current.filter((selectedRow) => !renderRowsIds.has(selectedRow[keyId])));
     };
     const handleSelectRow = (0, react_1.useCallback)((row) => (event) => {
         if (!onSelectRow) {
@@ -105,7 +107,15 @@ const useLogic = ({ keyId, columns, rows = [], variant, tree, subrows, selectedR
         };
     }, [isLoading, isError, isNoData, errorMsg, onRetry, imagesMap]);
     const containerCssVars = (0, utils_1.getDataGridCssVars)(maxHeight);
+    const hasMassActions = Boolean(massActions);
+    const isMassActionsOpen = (0, utils_1.checkIsMassActionsOpen)({
+        hasMassActions,
+        selectedRowsCount: selectedRows.length,
+        isMobile,
+    });
     return {
+        hasMassActions,
+        isMassActionsOpen,
         dataGridClassName: className,
         containerCssVars,
         isDataGridDisabled,
@@ -136,6 +146,9 @@ const useLogic = ({ keyId, columns, rows = [], variant, tree, subrows, selectedR
         },
         bodyProps: {
             isSelectable,
+            selectedIds,
+            rowsDisabled,
+            getRowDisabled,
             onSelectRow: handleSelectRow,
         },
         mobileDisplayVariant,

package/node/components/DataGrid/utils/checkIsMassActionsOpen/checkIsMassActionsOpen.d.ts

@@ -0,0 +1,10 @@
+type CheckIsMassActionsOpenParams = {
+    hasMassActions: boolean;
+    selectedRowsCount: number;
+    isMobile: boolean;
+};
+/**
+ * Панель массовых действий открыта, если она передана, выбрана хотя бы одна строка и это не мобильное разрешение
+ */
+export declare const checkIsMassActionsOpen: ({ hasMassActions, selectedRowsCount, isMobile, }: CheckIsMassActionsOpenParams) => boolean;
+export {};

package/node/components/DataGrid/utils/checkIsMassActionsOpen/checkIsMassActionsOpen.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.checkIsMassActionsOpen = void 0;
+/**
+ * Панель массовых действий открыта, если она передана, выбрана хотя бы одна строка и это не мобильное разрешение
+ */
+const checkIsMassActionsOpen = ({ hasMassActions, selectedRowsCount, isMobile, }) => hasMassActions && selectedRowsCount > 0 && !isMobile;
+exports.checkIsMassActionsOpen = checkIsMassActionsOpen;

package/node/components/DataGrid/utils/checkIsMassActionsOpen/index.d.ts

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

package/node/components/DataGrid/utils/checkIsMassActionsOpen/index.js

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

package/node/components/DataGrid/utils/getRowDisabledState/getRowDisabledState.d.ts

@@ -0,0 +1,31 @@
+import type { DataGridRowDisabled } from '../../types';
+type GetRowDisabledStateParams = {
+    /**
+     * Итоговая блокировка строки, рассчитанная resolveRowDisabled
+     */
+    rowDisabled?: DataGridRowDisabled;
+    /**
+     * Если true, в строке выполняется блокирующее действие DataGridActionCell
+     */
+    hasBlockingAction?: boolean;
+    /**
+     * Причина блокировки от блокирующего действия
+     */
+    blockingActionReason?: string;
+    /**
+     * Значение options.isDisabledLastCell. Влияет только на блокировку от DataGridActionCell:
+     * options.isDisabled уже преобразован в mode в resolveRowDisabled
+     */
+    isDisabledLastCellOption?: boolean;
+};
+/**
+ * Вычисляет доступность строки и её checkbox по режиму блокировки и блокирующему действию
+ */
+export declare const getRowDisabledState: ({ rowDisabled, hasBlockingAction, blockingActionReason, isDisabledLastCellOption, }: GetRowDisabledStateParams) => {
+    isDisabled: boolean;
+    isDisabledLastCell: boolean;
+    disabledReason: string | undefined;
+    isCheckboxDisabled: boolean;
+    checkboxDisabledReason: string | undefined;
+};
+export {};

package/node/components/DataGrid/utils/getRowDisabledState/getRowDisabledState.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getRowDisabledState = void 0;
+/**
+ * Вычисляет доступность строки и её checkbox по режиму блокировки и блокирующему действию
+ */
+const getRowDisabledState = ({ rowDisabled, hasBlockingAction = false, blockingActionReason, isDisabledLastCellOption = true, }) => {
+    const mode = rowDisabled?.mode;
+    const isSelectionDisabled = mode === 'selection';
+    const isDisabled = hasBlockingAction || mode === 'row' || mode === 'row-except-last-cell';
+    const disabledReason = rowDisabled?.reason || blockingActionReason;
+    return {
+        isDisabled,
+        // Без режима сохраняется прежнее поведение: isDisabledLastCell действует и при блокирующем действии
+        isDisabledLastCell: mode
+            ? mode !== 'row-except-last-cell'
+            : isDisabledLastCellOption,
+        disabledReason,
+        isCheckboxDisabled: isDisabled || isSelectionDisabled,
+        // У полностью заблокированной строки причину показывает tooltip строки
+        checkboxDisabledReason: isSelectionDisabled ? disabledReason : undefined,
+    };
+};
+exports.getRowDisabledState = getRowDisabledState;

package/node/components/DataGrid/utils/getRowDisabledState/index.d.ts

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

package/node/components/DataGrid/utils/getRowDisabledState/index.js

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

package/node/components/DataGrid/utils/index.d.ts

@@ -2,3 +2,7 @@ export { getDataGridCssVars } from './getDataGridCssVars';
 export { getGridTemplateColumns } from './getGridTemplateColumns';
 export { isGroupColumns } from './isGroupColumns';
 export { getFlattenColumns } from './getFlattenColumns';
+export { checkIsMassActionsOpen } from './checkIsMassActionsOpen';
+export { getRowDisabledState } from './getRowDisabledState';
+export { resolveRowDisabled } from './resolveRowDisabled';
+export { resolveRowsDisabled } from './resolveRowsDisabled';

package/node/components/DataGrid/utils/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getFlattenColumns = exports.isGroupColumns = exports.getGridTemplateColumns = exports.getDataGridCssVars = void 0;
+exports.resolveRowsDisabled = exports.resolveRowDisabled = exports.getRowDisabledState = exports.checkIsMassActionsOpen = exports.getFlattenColumns = exports.isGroupColumns = exports.getGridTemplateColumns = exports.getDataGridCssVars = void 0;
 var getDataGridCssVars_1 = require("./getDataGridCssVars");
 Object.defineProperty(exports, "getDataGridCssVars", { enumerable: true, get: function () { return getDataGridCssVars_1.getDataGridCssVars; } });
 var getGridTemplateColumns_1 = require("./getGridTemplateColumns");
@@ -9,3 +9,11 @@ var isGroupColumns_1 = require("./isGroupColumns");
 Object.defineProperty(exports, "isGroupColumns", { enumerable: true, get: function () { return isGroupColumns_1.isGroupColumns; } });
 var getFlattenColumns_1 = require("./getFlattenColumns");
 Object.defineProperty(exports, "getFlattenColumns", { enumerable: true, get: function () { return getFlattenColumns_1.getFlattenColumns; } });
+var checkIsMassActionsOpen_1 = require("./checkIsMassActionsOpen");
+Object.defineProperty(exports, "checkIsMassActionsOpen", { enumerable: true, get: function () { return checkIsMassActionsOpen_1.checkIsMassActionsOpen; } });
+var getRowDisabledState_1 = require("./getRowDisabledState");
+Object.defineProperty(exports, "getRowDisabledState", { enumerable: true, get: function () { return getRowDisabledState_1.getRowDisabledState; } });
+var resolveRowDisabled_1 = require("./resolveRowDisabled");
+Object.defineProperty(exports, "resolveRowDisabled", { enumerable: true, get: function () { return resolveRowDisabled_1.resolveRowDisabled; } });
+var resolveRowsDisabled_1 = require("./resolveRowsDisabled");
+Object.defineProperty(exports, "resolveRowsDisabled", { enumerable: true, get: function () { return resolveRowsDisabled_1.resolveRowsDisabled; } });

package/node/components/DataGrid/utils/resolveRowDisabled/index.d.ts

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

package/node/components/DataGrid/utils/resolveRowDisabled/index.js

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

package/node/components/DataGrid/utils/resolveRowDisabled/resolveRowDisabled.d.ts

@@ -0,0 +1,5 @@
+import type { DataGridProps, DataGridRowDisabled, DataGridRowWithOptions } from '../../types';
+/**
+ * Возвращает блокировку строки: результат getRowDisabled, а если его нет — блокировку из deprecated-полей options (isDisabled, isDisabledLastCell, disabledReason)
+ */
+export declare const resolveRowDisabled: <TData extends Record<string, unknown>>(row: DataGridRowWithOptions<TData>, getRowDisabled?: ((row: TData) => DataGridRowDisabled | undefined) | undefined) => DataGridRowDisabled | undefined;

package/node/components/DataGrid/utils/resolveRowDisabled/resolveRowDisabled.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resolveRowDisabled = void 0;
+/**
+ * Возвращает блокировку строки: результат getRowDisabled, а если его нет — блокировку из deprecated-полей options (isDisabled, isDisabledLastCell, disabledReason)
+ */
+const resolveRowDisabled = (row, getRowDisabled) => {
+    const rowDisabled = getRowDisabled?.(row);
+    if (rowDisabled) {
+        return rowDisabled;
+    }
+    const { isDisabled, isDisabledLastCell = true, disabledReason = '', } = row.options ?? {};
+    if (!isDisabled) {
+        return undefined;
+    }
+    return {
+        mode: isDisabledLastCell ? 'row' : 'row-except-last-cell',
+        reason: disabledReason,
+    };
+};
+exports.resolveRowDisabled = resolveRowDisabled;

package/node/components/DataGrid/utils/resolveRowsDisabled/index.d.ts

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

package/node/components/DataGrid/utils/resolveRowsDisabled/index.js

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

package/node/components/DataGrid/utils/resolveRowsDisabled/resolveRowsDisabled.d.ts

@@ -0,0 +1,16 @@
+import type { DataGridProps, DataGridRowDisabled, DataGridRowWithOptions } from '../../types';
+type ResolveRowsDisabledResult = {
+    /**
+     * Блокировки строк по row[keyId]
+     */
+    rowsDisabled: Map<unknown, DataGridRowDisabled | undefined>;
+    /**
+     * Идентификаторы строк, для которых getRowDisabled вернул блокировку без причины
+     */
+    idsWithoutReason: unknown[];
+};
+/**
+ * Вычисляет блокировки строк
+ */
+export declare const resolveRowsDisabled: <TData extends Record<string, unknown>>(rows: DataGridRowWithOptions<TData>[], keyId: keyof TData, getRowDisabled?: ((row: TData) => DataGridRowDisabled | undefined) | undefined) => ResolveRowsDisabledResult;
+export {};

package/node/components/DataGrid/utils/resolveRowsDisabled/resolveRowsDisabled.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resolveRowsDisabled = void 0;
+const resolveRowDisabled_1 = require("../resolveRowDisabled");
+/**
+ * Вычисляет блокировки строк
+ */
+const resolveRowsDisabled = (rows, keyId, getRowDisabled) => {
+    const rowsDisabled = new Map();
+    const idsWithoutReason = [];
+    rows.forEach((row) => {
+        const rowId = row[keyId];
+        const rowDisabled = getRowDisabled?.(row);
+        if (rowDisabled && !rowDisabled.reason) {
+            idsWithoutReason.push(rowId);
+        }
+        rowsDisabled.set(rowId, rowDisabled ?? (0, resolveRowDisabled_1.resolveRowDisabled)(row));
+    });
+    return { rowsDisabled, idsWithoutReason };
+};
+exports.resolveRowsDisabled = resolveRowsDisabled;

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

@@ -8,16 +8,16 @@ const ActionCellContext_1 = require("../../ActionCellContext");
  * хук позволяющий подписаться на событие блокировки действий
  */
 const useBlockingActions = (actions) => {
-    const { addDisabledRow, removeDisabledRow } = (0, react_1.useContext)(Row_1.RowContext);
+    const { addBlockingAction, removeBlockingAction } = (0, react_1.useContext)(Row_1.RowContext);
     const { addDisabledCell, removeDisabledCell, isDisabled, onActionClick } = (0, react_1.useContext)(ActionCellContext_1.ActionCellContext);
     const blockingAction = [...(actions || [])].find((action) => action.isBlockingOperation && action.loading);
     (0, react_1.useEffect)(() => {
         if (blockingAction) {
-            addDisabledRow(blockingAction?.loadingNote);
+            addBlockingAction(blockingAction?.loadingNote);
             addDisabledCell(blockingAction?.loadingNote);
             return;
         }
-        removeDisabledRow();
+        removeBlockingAction();
         removeDisabledCell();
     }, [blockingAction]);
     return {

package/node/components/DataGridCollapsibleRow/useLogic/useLogic.d.ts

@@ -12,8 +12,9 @@ export declare const useLogic: ({ initialOpen, onOpen, onClose }: UseLogicParams
         keyId: unknown;
         columns: import("../..").DataGridColumns<Record<string, unknown>>[];
         rowId: string;
-        isDisabled: boolean;
-        disabledReason: string | undefined;
+        hasBlockingAction: boolean;
+        blockingActionReason: string | undefined;
+        rowDisabled: import("../..").DataGridRowDisabled | undefined;
         onSelectRow: (row: Record<string, unknown>) => (event: import("react").ChangeEvent<HTMLInputElement, Element>) => void;
         onRowEnter: ((rowId: string) => void) | undefined;
         onRowLeave: ((rowId: string, event: PointerEvent) => void) | undefined;

package/node/components/DataGridCollapsibleRow/useLogic/useLogic.js

@@ -8,7 +8,7 @@ const RowContext_1 = require("../../DataGrid/Row/RowContext");
 const constants_1 = require("../constants");
 const useLogic = ({ initialOpen, onOpen, onClose }) => {
     const { keyId, columns, gridColumns, activeRowId, emptyCellValue, onRowClick, mobileDisplayVariant, } = (0, react_1.useContext)(DataGridContext_1.DataGridContext);
-    const { row, onSelectRow, isDisabled, disabledReason, onRowEnter, onRowLeave, registerRowElement, unregisterRowElement, isSelectable, itemProps, isSelected, } = (0, react_1.useContext)(RowContext_1.RowContext);
+    const { row, onSelectRow, hasBlockingAction, blockingActionReason, onRowEnter, onRowLeave, registerRowElement, unregisterRowElement, isSelectable, itemProps, isSelected, rowDisabled, } = (0, react_1.useContext)(RowContext_1.RowContext);
     const rowId = row[keyId];
     /**
      * Используется локальное хранилище DataGridStorageContext. Для сохранения состояния раскрытия строки на время жизни DataGrid.
@@ -49,8 +49,9 @@ const useLogic = ({ initialOpen, onOpen, onClose }) => {
             keyId,
             columns,
             rowId,
-            isDisabled,
-            disabledReason,
+            hasBlockingAction,
+            blockingActionReason,
+            rowDisabled,
             onSelectRow,
             onRowEnter,
             onRowLeave,

package/node/components/DataGridInfinite/DataGridInfinite.js

@@ -12,21 +12,28 @@ const constants_2 = require("../DataGrid/constants");
 const DataGridContext_1 = require("../DataGrid/DataGridContext");
 const enums_1 = require("../DataGrid/enums");
 const Head_1 = require("../DataGrid/Head");
+const styles_1 = require("../DataGrid/styles");
 const Loader_1 = require("../Loader");
 const cn_1 = require("../utils/cn");
 const cva_1 = require("../utils/cva");
 const getInertProps_1 = require("../utils/getInertProps");
 const constants_3 = require("./constants");
 const DataGridInfiniteContext_1 = require("./DataGridInfiniteContext");
-const EndData_1 = require("./EndData");
 const ErrorMessage_1 = require("./ErrorMessage");
+const Footer_1 = require("./Footer");
 const List_1 = require("./List");
 const NoData_1 = require("./NoData");
 const Row_1 = require("./Row");
-const styles_1 = require("./styles");
+const styles_2 = require("./styles");
 const useLogic_1 = require("./useLogic");
 const dataGridInfiniteCva = (0, cva_1.cva)(constants_2.dataGridClassnames.root, {
     variants: {
+        hasMassActions: {
+            true: constants_2.dataGridClassnames.hasMassActions,
+        },
+        isMassActionsOpen: {
+            true: constants_2.dataGridClassnames.massActionsOpen,
+        },
         hasGroupedColumns: {
             true: constants_2.dataGridClassnames.hasGroupedColumns,
         },
@@ -45,17 +52,19 @@ const dataGridInfiniteCva = (0, cva_1.cva)(constants_2.dataGridClassnames.root,
 });
 const DataGridInfinite = (props) => {
     const { imagesMap, emptySymbol } = (0, react_1.useContext)(ConfigProvider_1.ConfigContext);
-    const { isNoData, isDataGridDisabled, treeRenderConfig, virtuosoProps, headProps, rowProps, scrollToTopButtonProps, isEndReached, isHideHead, containerCssVars, isMobile, mobileSkeletonProps, hasGroupedColumns, gridViewMode, gridColumns, handleSelectRow, mobileDisplayVariant, isSelfContained, isNotRenderHeader, initialTopMostItemIndex, } = (0, useLogic_1.useLogic)(props);
-    const { columns, rows = [], selectedRows = [], sorting, isLoading, isDisabled, keyId, emptyCellValue = emptySymbol, variant = enums_1.Variant.Tree, subrows, className, isError, endOfScrollMsg, errorMsg, noDataPlaceholder, onRowClick, onSort, onRetry, headPreAddon, activeRowId, isTabularNums, renderRow, renderLink, } = props;
+    const { isNoData, isDataGridDisabled, treeRenderConfig, virtuosoProps, headProps, rowProps, scrollToTopButtonProps, isHideHead, containerCssVars, isMobile, mobileSkeletonProps, hasGroupedColumns, gridViewMode, gridColumns, handleSelectRow, mobileDisplayVariant, isSelfContained, isNotRenderHeader, initialTopMostItemIndex, hasMassActions, isMassActionsOpen, virtuosoContext, } = (0, useLogic_1.useLogic)(props);
+    const { columns, rows = [], selectedRows = [], onSelectRow, sorting, isLoading, isDisabled, keyId, emptyCellValue = emptySymbol, variant = enums_1.Variant.Tree, subrows, className, isError, errorMsg, noDataPlaceholder, onRowClick, onSort, onRetry, headPreAddon, activeRowId, isTabularNums, renderRow, renderLink, massActions, } = props;
     const { moreButtonColumnPosition = 1, isVisibleCollapseButton = true } = subrows || {};
     const { isInitialExpanded = false, expandedLevel = constants_2.EXPANDED_LEVEL_BY_DEFAULT, initialVisibleChildrenCount = constants_2.INITIAL_OPENED_NESTED_CHILDREN_COUNT_BY_DEFAULT, } = treeRenderConfig || {};
     const { isSelectable } = rowProps;
-    const TableContainer = isDisabled ? styles_1.DisabledDataGridWrapper : styles_1.DataGridWrapper;
-    return ((0, jsx_runtime_1.jsx)(DataGridInfiniteContext_1.DataGridInfiniteContextProvider, { renderRow: renderRow, onSelectRow: handleSelectRow, variant: variant, isInitialExpanded: isInitialExpanded, expandedLevel: expandedLevel, initialVisibleChildrenCount: initialVisibleChildrenCount, isSelectable: isSelectable, selectedRows: selectedRows, moreButtonColumnPosition: moreButtonColumnPosition, isVisibleCollapseButton: isVisibleCollapseButton, children: (0, jsx_runtime_1.jsx)(DataGridContext_1.DataGridContextProvider, { gridColumns: gridColumns, emptyCellValue: emptyCellValue, activeRowId: activeRowId, columns: columns, keyId: keyId, isTabularNums: isTabularNums, onRowClick: onRowClick, mobileDisplayVariant: mobileDisplayVariant, renderLink: renderLink, children: (0, jsx_runtime_1.jsxs)(styles_1.StyledContainer, { style: containerCssVars, className: (0, cn_1.cn)(dataGridInfiniteCva({
+    const TableContainer = isDisabled ? styles_2.DisabledDataGridWrapper : styles_2.DataGridWrapper;
+    return ((0, jsx_runtime_1.jsx)(DataGridInfiniteContext_1.DataGridInfiniteContextProvider, { renderRow: renderRow, onSelectRow: handleSelectRow, variant: variant, isInitialExpanded: isInitialExpanded, expandedLevel: expandedLevel, initialVisibleChildrenCount: initialVisibleChildrenCount, isSelectable: isSelectable, moreButtonColumnPosition: moreButtonColumnPosition, isVisibleCollapseButton: isVisibleCollapseButton, children: (0, jsx_runtime_1.jsx)(DataGridContext_1.DataGridContextProvider, { gridColumns: gridColumns, emptyCellValue: emptyCellValue, activeRowId: activeRowId, columns: columns, keyId: keyId, isTabularNums: isTabularNums, onRowClick: onRowClick, mobileDisplayVariant: mobileDisplayVariant, renderLink: renderLink, selectedRows: selectedRows, onSelectRow: onSelectRow, isMassActionsOpen: isMassActionsOpen, children: (0, jsx_runtime_1.jsxs)(styles_2.StyledContainer, { style: containerCssVars, className: (0, cn_1.cn)(dataGridInfiniteCva({
                     hasGroupedColumns,
                     gridViewMode,
                     mobileDisplayVariant,
                     isSelfContained,
+                    hasMassActions,
+                    isMassActionsOpen,
                 }), className), children: [headPreAddon, (0, jsx_runtime_1.jsxs)(TableContainer, { ...(0, getInertProps_1.getInertProps)(isDataGridDisabled), children: [!isHideHead && ((0, jsx_runtime_1.jsx)(Head_1.Head, { ...headProps, onSort: onSort, sorting: sorting, columns: columns })), (0, jsx_runtime_1.jsx)(ContentState_1.ContentState, { isLoading: isLoading && !isNoData, loadingTitle: "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430 \u0434\u0430\u043D\u043D\u044B\u0445", isError: isError && !isNoData, loadingContent: isMobile && (0, jsx_runtime_1.jsx)(DataGrid_1.MobileSkeleton, { ...mobileSkeletonProps }), errorState: {
                                     imgAlt: 'Что-то пошло не так',
                                     errorList: [errorMsg || ''],
@@ -63,24 +72,19 @@ const DataGridInfinite = (props) => {
                                     onRetry,
                                 }, children: (0, jsx_runtime_1.jsx)(react_virtuoso_1.Virtuoso, { ...virtuosoProps, ...(initialTopMostItemIndex && {
                                         initialTopMostItemIndex,
-                                    }), style: { height: '100%' }, overscan: constants_3.OVERSCAN_COUNT, data: rows, components: {
+                                    }), style: { height: '100%' }, overscan: constants_3.OVERSCAN_COUNT, data: rows, context: virtuosoContext, components: {
                                         // biome-ignore lint/suspicious/noTsIgnore: Требует HTMLDivElement, а для элемента списка используем HTMLUListElement (https://github.com/petyosi/react-virtuoso/issues/864)
                                         // @ts-ignore
                                         List: List_1.List,
                                         Item: Row_1.Row,
                                         EmptyPlaceholder: () => ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: noDataPlaceholder || (0, jsx_runtime_1.jsx)(NoData_1.NoData, {}) })),
-                                        Footer: () => {
-                                            if (!isLoading && !isError && !isEndReached) {
-                                                return null;
-                                            }
-                                            return ((0, jsx_runtime_1.jsxs)(styles_1.FooterRow, { 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 }))] }));
-                                        },
+                                        Footer: Footer_1.Footer,
                                         Header: () => {
                                             if (isNotRenderHeader) {
                                                 return null;
                                             }
-                                            return ((0, jsx_runtime_1.jsxs)(styles_1.HeaderRow, { children: [isLoading && (0, jsx_runtime_1.jsx)(Loader_1.Loader, {}), isError && (0, jsx_runtime_1.jsx)(ErrorMessage_1.ErrorMessage, { onRetry: onRetry })] }));
+                                            return ((0, jsx_runtime_1.jsxs)(styles_2.HeaderRow, { className: constants_3.dataGridInfiniteClassnames.header, children: [isLoading && (0, jsx_runtime_1.jsx)(Loader_1.Loader, {}), isError && (0, jsx_runtime_1.jsx)(ErrorMessage_1.ErrorMessage, { onRetry: onRetry })] }));
                                         },
-                                    } }) }), (0, jsx_runtime_1.jsx)(styles_1.StyledScrollToTopButton, { ...scrollToTopButtonProps, className: constants_3.dataGridInfiniteClassnames.scrollToTopButton }), isDisabled && (0, jsx_runtime_1.jsx)(styles_1.Backdrop, {})] })] }) }) }));
+                                    } }) }), massActions && ((0, jsx_runtime_1.jsx)(styles_1.MassActionsAnchor, { children: massActions })), (0, jsx_runtime_1.jsx)(styles_2.StyledScrollToTopButton, { ...scrollToTopButtonProps, className: constants_3.dataGridInfiniteClassnames.scrollToTopButton }), isDisabled && (0, jsx_runtime_1.jsx)(styles_2.Backdrop, {})] })] }) }) }));
 };
 exports.DataGridInfinite = DataGridInfinite;

package/node/components/DataGridInfinite/DataGridInfiniteContext/DataGridInfiniteContext.d.ts

@@ -9,7 +9,6 @@ export type DataGridInfiniteContextProps = {
     moreButtonColumnPosition?: number;
     isVisibleCollapseButton?: boolean;
     isSelectable?: boolean;
-    selectedRows?: Record<string, unknown>[];
 };
 /**
  * Контекст общих параметров для компонента `Item` внутри `DataGridInfinite`.
@@ -19,5 +18,6 @@ export type DataGridInfiniteContextProps = {
  * лишние перерисовки виртуализированного списка.
  *
  * Поскольку `Virtuoso` сам управляет параметрами `Item`, общие настройки передаются через контекст.
+ * Состояние строк передаётся отдельно, см. `DataGridInfiniteItemContext` в `Row/types.ts`.
  */
 export declare const DataGridInfiniteContext: import("react").Context<DataGridInfiniteContextProps>;

package/node/components/DataGridInfinite/DataGridInfiniteContext/DataGridInfiniteContext.js

@@ -10,6 +10,7 @@ const react_1 = require("react");
  * лишние перерисовки виртуализированного списка.
  *
  * Поскольку `Virtuoso` сам управляет параметрами `Item`, общие настройки передаются через контекст.
+ * Состояние строк передаётся отдельно, см. `DataGridInfiniteItemContext` в `Row/types.ts`.
  */
 exports.DataGridInfiniteContext = (0, react_1.createContext)({
     renderRow: () => null,
@@ -20,5 +21,4 @@ exports.DataGridInfiniteContext = (0, react_1.createContext)({
     initialVisibleChildrenCount: 0,
     moreButtonColumnPosition: 0,
     isVisibleCollapseButton: true,
-    selectedRows: [],
 });

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

@@ -0,0 +1,6 @@
+import type { ContextProp } from 'react-virtuoso';
+import type { FooterContext } from './types';
+/**
+ * Футер списка для Virtuoso.
+ */
+export declare const Footer: ({ context }: ContextProp<FooterContext>) => import("react/jsx-runtime").JSX.Element;

package/node/components/DataGridInfinite/Footer/Footer.js

@@ -0,0 +1,29 @@
+"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 constants_1 = require("../constants");
+const EndData_1 = require("../EndData");
+const ErrorMessage_1 = require("../ErrorMessage");
+const styles_1 = require("../styles");
+/**
+ * Футер списка для Virtuoso.
+ */
+const Footer = ({ context }) => {
+    const { isLoading, isError, isEndReached, endOfScrollMsg, onRetry, hasMassActions, } = context;
+    const renderStatus = () => {
+        if (isLoading) {
+            return ((0, jsx_runtime_1.jsx)(styles_1.FooterRow, { children: (0, jsx_runtime_1.jsx)(Loader_1.Loader, {}) }));
+        }
+        if (isError) {
+            return ((0, jsx_runtime_1.jsx)(styles_1.FooterRow, { children: (0, jsx_runtime_1.jsx)(ErrorMessage_1.ErrorMessage, { onRetry: onRetry }) }));
+        }
+        if (isEndReached) {
+            return ((0, jsx_runtime_1.jsx)(styles_1.FooterRow, { children: (0, jsx_runtime_1.jsx)(EndData_1.EndData, { endOfScrollMsg: endOfScrollMsg }) }));
+        }
+        return null;
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { className: constants_1.dataGridInfiniteClassnames.footer, children: [renderStatus(), hasMassActions && ((0, jsx_runtime_1.jsx)(styles_1.MassActionsSpacer, { className: constants_1.dataGridInfiniteClassnames.massActionsSpacer }))] }));
+};
+exports.Footer = Footer;

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

@@ -0,0 +1,2 @@
+export * from './Footer';
+export type { FooterContext } from './types';

package/node/components/DataGridInfinite/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/DataGridInfinite/Footer/types.d.ts

@@ -0,0 +1,26 @@
+export type FooterContext = {
+    /**
+     * Флаг состояния загрузки
+     */
+    isLoading?: boolean;
+    /**
+     * Флаг состояния ошибки
+     */
+    isError?: boolean;
+    /**
+     * Флаг достижения конца списка
+     */
+    isEndReached?: boolean;
+    /**
+     * Текст достижения конца списка
+     */
+    endOfScrollMsg?: string;
+    /**
+     * Обработчик повторной загрузки при ошибке
+     */
+    onRetry: () => void;
+    /**
+     * Флаг наличия массовых действий
+     */
+    hasMassActions: boolean;
+};

package/node/components/DataGridInfinite/Footer/types.js

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