@astral/ui 4.114.0 → 4.115.1

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

@@ -1,7 +1,7 @@
 import { type CSSProperties, type SyntheticEvent } from 'react';
 import type { RowBaseProps } from '../types';
 type UseLogicParams = RowBaseProps;
-export declare const useLogic: ({ className, row, keyId, onRowClick, columns, sectionOffset, customContent, renderStartAdornment, isSelected, isDisabled, disabledReason, onSelectRow, onRowEnter, onRowLeave, registerRowElement, unregisterRowElement, gridColumns, activeRowId, emptyCellValue, isSelectable, rowId, mobileDisplayVariant, ...dataGridInfiniteItemProps }: UseLogicParams) => {
+export declare const useLogic: ({ className, row, keyId, onRowClick, columns, sectionOffset, customContent, renderStartAdornment, isSelected, hasBlockingAction, blockingActionReason, rowDisabled, onSelectRow, onRowEnter, onRowLeave, registerRowElement, unregisterRowElement, gridColumns, activeRowId, emptyCellValue, isSelectable, rowId, mobileDisplayVariant, ...dataGridInfiniteItemProps }: UseLogicParams) => {
     handleRowClick: () => void;
     tooltipProps: {
         open: boolean;
@@ -13,7 +13,8 @@ export declare const useLogic: ({ className, row, keyId, onRowClick, columns, se
     };
     checkboxProps: {
         checked: boolean | undefined;
-        disabled: boolean | undefined;
+        disabled: boolean;
+        disabledReason: string | undefined;
         onChange: (event: import("react").ChangeEvent<HTMLInputElement, Element>) => void;
     };
     drawerProps: {
@@ -34,10 +35,10 @@ export declare const useLogic: ({ className, row, keyId, onRowClick, columns, se
     onRowLeave: ((rowId: string, event: PointerEvent) => void) | undefined;
     rowId: string;
     row: import("../..").DataGridRowWithOptions<Record<string, unknown>>;
-    isDisabled: boolean | undefined;
+    isDisabled: boolean;
     sectionOffset: number | undefined;
     customContent: import("react").ReactNode;
-    isDisabledLastCell: boolean | undefined;
+    isDisabledLastCell: boolean;
     renderStartAdornment: ((isFirstCell: boolean) => import("react").ReactNode) | undefined;
     isSelectable: boolean | undefined;
     isNotSelectable: boolean | undefined;

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

@@ -4,16 +4,21 @@ exports.useLogic = void 0;
 const react_1 = require("react");
 const redirectToLink_1 = require("../../../utils/redirectToLink");
 const hooks_1 = require("../../Row/useLogic/hooks");
+const utils_1 = require("../../utils");
 const constants_1 = require("../constants");
-const useLogic = ({ className, row, keyId, onRowClick, columns, sectionOffset, customContent, renderStartAdornment, isSelected, isDisabled, disabledReason, onSelectRow, onRowEnter, onRowLeave, registerRowElement, unregisterRowElement, gridColumns, activeRowId, emptyCellValue, isSelectable, rowId, mobileDisplayVariant, ...dataGridInfiniteItemProps }) => {
+const useLogic = ({ className, row, keyId, onRowClick, columns, sectionOffset, customContent, renderStartAdornment, isSelected, hasBlockingAction, blockingActionReason, rowDisabled, onSelectRow, onRowEnter, onRowLeave, registerRowElement, unregisterRowElement, gridColumns, activeRowId, emptyCellValue, isSelectable, rowId, mobileDisplayVariant, ...dataGridInfiniteItemProps }) => {
     const [isVisibleTooltip, setVisibleTooltip] = (0, react_1.useState)(false);
     const savedElementRef = (0, react_1.useRef)(null);
     const { isDrawerOpen, handleOpenDrawer, handleCloseDrawer } = (0, hooks_1.useMobileLogic)();
     const { options } = row;
     const { style: dataGridInfiniteItemStyle, ...restDataGridInfiniteItemProps } = dataGridInfiniteItemProps || {};
-    const { disabledReason: propsDisabledReason, isDisabled: propsIsDisabled, isDisabledLastCell, href, isNotSelectable, target, } = options || {};
-    const disabled = isDisabled || propsIsDisabled;
-    const disabledReasonText = propsDisabledReason || disabledReason;
+    const { href, isNotSelectable, target } = options || {};
+    const { isDisabled, isDisabledLastCell, disabledReason, isCheckboxDisabled, checkboxDisabledReason, } = (0, utils_1.getRowDisabledState)({
+        rowDisabled,
+        hasBlockingAction,
+        blockingActionReason,
+        isDisabledLastCellOption: options?.isDisabledLastCell,
+    });
     const handleOpenTooltip = (event) => {
         const element = event.target;
         const isDisabledCell = element?.getAttribute(constants_1.DISABLE_ROW_ATTR) === 'true';
@@ -26,7 +31,7 @@ const useLogic = ({ className, row, keyId, onRowClick, columns, sectionOffset, c
         '--row-base-grid-columns': gridColumns,
         ...(dataGridInfiniteItemStyle || {}),
     };
-    const isHovered = Boolean(!disabled && (onRowClick || href));
+    const isHovered = Boolean(!isDisabled && (onRowClick || href));
     const isActive = activeRowId === rowId;
     const rowRef = (element) => {
         if (element) {
@@ -39,7 +44,7 @@ const useLogic = ({ className, row, keyId, onRowClick, columns, sectionOffset, c
         }
     };
     const handleRowClick = () => {
-        if (disabled) {
+        if (isDisabled) {
             handleOpenDrawer();
             return undefined;
         }
@@ -52,7 +57,7 @@ const useLogic = ({ className, row, keyId, onRowClick, columns, sectionOffset, c
         handleRowClick,
         tooltipProps: {
             open: isVisibleTooltip,
-            title: disabled ? disabledReasonText : undefined,
+            title: isDisabled ? disabledReason : undefined,
             onOpen: handleOpenTooltip,
             onClose: handleCloseTooltip,
             followCursor: true,
@@ -60,7 +65,8 @@ const useLogic = ({ className, row, keyId, onRowClick, columns, sectionOffset, c
         },
         checkboxProps: {
             checked: isSelected,
-            disabled,
+            disabled: isCheckboxDisabled,
+            disabledReason: checkboxDisabledReason,
             onChange: onSelectRow(row),
         },
         drawerProps: {
@@ -68,7 +74,7 @@ const useLogic = ({ className, row, keyId, onRowClick, columns, sectionOffset, c
             onClose: handleCloseDrawer,
             title: 'Заблокировано',
         },
-        drawerContent: disabledReasonText,
+        drawerContent: disabledReason,
         rowBaseVars,
         isHovered,
         isActive,
@@ -81,7 +87,7 @@ const useLogic = ({ className, row, keyId, onRowClick, columns, sectionOffset, c
         onRowLeave,
         rowId,
         row,
-        isDisabled: disabled,
+        isDisabled,
         sectionOffset,
         customContent,
         isDisabledLastCell,

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

@@ -0,0 +1,5 @@
+import { type RowCheckboxProps } from './types';
+/**
+ * Checkbox строки. Для заблокированного выбора показывает причину в tooltip
+ */
+export declare const RowCheckbox: ({ disabledReason, ...checkboxProps }: RowCheckboxProps) => import("react/jsx-runtime").JSX.Element;

package/node/components/DataGrid/RowCheckbox/RowCheckbox.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RowCheckbox = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Checkbox_1 = require("../../Checkbox");
+const Tooltip_1 = require("../../Tooltip");
+const constants_1 = require("./constants");
+/**
+ * Checkbox строки. Для заблокированного выбора показывает причину в tooltip
+ */
+const RowCheckbox = ({ disabledReason, ...checkboxProps }) => {
+    if (!disabledReason) {
+        return (0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { ...checkboxProps });
+    }
+    return ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { title: disabledReason, enterDelay: constants_1.DISABLED_REASON_TOOLTIP_DELAY, enterNextDelay: constants_1.DISABLED_REASON_TOOLTIP_DELAY, withoutContainer: false, children: (0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { ...checkboxProps }) }));
+};
+exports.RowCheckbox = RowCheckbox;

package/node/components/DataGrid/RowCheckbox/constants.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Задержка открытия tooltip с причиной блокировки выбора, мс
+ */
+export declare const DISABLED_REASON_TOOLTIP_DELAY = 300;

package/node/components/DataGrid/RowCheckbox/constants.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DISABLED_REASON_TOOLTIP_DELAY = void 0;
+/**
+ * Задержка открытия tooltip с причиной блокировки выбора, мс
+ */
+exports.DISABLED_REASON_TOOLTIP_DELAY = 300;

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

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

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

package/node/components/DataGrid/RowCheckbox/types.d.ts

@@ -0,0 +1,7 @@
+import { type CheckboxProps } from '../../Checkbox';
+export type RowCheckboxProps = CheckboxProps & {
+    /**
+     * Причина блокировки выбора
+     */
+    disabledReason?: string;
+};

package/node/components/DataGrid/RowCheckbox/types.js

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

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

@@ -1 +1,2 @@
 export * from './useRowHover';
+export * from './useWarnRowsWithoutDisabledReason';

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

@@ -15,3 +15,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./useRowHover"), exports);
+__exportStar(require("./useWarnRowsWithoutDisabledReason"), exports);

package/node/components/DataGrid/hooks/useWarnRowsWithoutDisabledReason/index.d.ts

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

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

package/node/components/DataGrid/hooks/useWarnRowsWithoutDisabledReason/useWarnRowsWithoutDisabledReason.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Выводит одно агрегированное предупреждение о строках с блокировкой без причины.
+ * Строки, о которых уже предупреждали, повторно не попадают в предупреждение
+ */
+export declare const useWarnRowsWithoutDisabledReason: (idsWithoutReason: unknown[]) => void;

package/node/components/DataGrid/hooks/useWarnRowsWithoutDisabledReason/useWarnRowsWithoutDisabledReason.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useWarnRowsWithoutDisabledReason = void 0;
+const react_1 = require("react");
+/**
+ * Выводит одно агрегированное предупреждение о строках с блокировкой без причины.
+ * Строки, о которых уже предупреждали, повторно не попадают в предупреждение
+ */
+const useWarnRowsWithoutDisabledReason = (idsWithoutReason) => {
+    const warnedIdsRef = (0, react_1.useRef)(new Set());
+    (0, react_1.useEffect)(() => {
+        const newIds = idsWithoutReason.filter((id) => !warnedIdsRef.current.has(id));
+        if (!newIds.length) {
+            return;
+        }
+        newIds.forEach((id) => warnedIdsRef.current.add(id));
+        // biome-ignore lint/suspicious/noConsole: Ошибка для интеграторов
+        console.warn(`UIKIT. DataGrid: getRowDisabled вернул блокировку без reason для строк: ${newIds.join(', ')}`);
+    }, [idsWithoutReason]);
+};
+exports.useWarnRowsWithoutDisabledReason = useWarnRowsWithoutDisabledReason;

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

@@ -1,5 +1,5 @@
 export { DataGrid } from './DataGrid';
-export type { DataGridProps, DataGridRenderLink, DataGridRenderLinkParams, DataGridColumns, DataGridSingleColumn, DataGridRow, DataGridRowOptions, DataGridSort, DataGridRowWithOptions, DataGridRowOptionColumns, } from './types';
+export type { DataGridProps, DataGridRenderLink, DataGridRenderLinkParams, DataGridColumns, DataGridSingleColumn, DataGridRow, DataGridRowOptions, DataGridRowDisabled, DataGridSort, DataGridRowWithOptions, DataGridRowOptionColumns, } from './types';
 export { dataGridClassnames } from './constants';
 export { MobileSkeleton } from './MobileSkeleton';
 export { RowBase, type RowBaseProps } from './RowBase';

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

@@ -1,3 +1,3 @@
 export { dataGridClassnames } from './constants';
 export { DataGrid } from './DataGrid';
-export type { DataGridColumns, DataGridProps, DataGridRenderLink, DataGridRenderLinkParams, DataGridRow, DataGridRowOptionColumns, DataGridRowOptions, DataGridRowWithOptions, DataGridSort, } from './types';
+export type { DataGridColumns, DataGridProps, DataGridRenderLink, DataGridRenderLinkParams, DataGridRow, DataGridRowDisabled, DataGridRowOptionColumns, DataGridRowOptions, DataGridRowWithOptions, DataGridSort, } from './types';

package/node/components/DataGrid/tests/performance/testDataGridPerformance.d.ts

@@ -1,11 +1,13 @@
 import { type ReactElement, type ReactNode } from 'react';
-import { type DataGridColumns, type DataGridRowWithOptions } from '../../types';
+import { type DataGridColumns, type DataGridProps, type DataGridRowDisabled, type DataGridRowWithOptions } from '../../types';
 type RenderRow = (row: Record<string, unknown>, index: number) => ReactNode;
 type GridRenderProps = {
     rows: DataGridRowWithOptions<DataItem>[];
     columns: DataGridColumns<DataItem>[];
     selectedRows?: DataItem[];
     onSelectRow?: (rows: DataItem[]) => void;
+    getRowDisabled?: (row: DataItem) => DataGridRowDisabled | undefined;
+    tree?: DataGridProps<DataItem>['tree'];
     renderRow?: RenderRow;
     onRetry: () => void;
 };

package/node/components/DataGrid/tests/performance/testDataGridPerformance.js

@@ -10,6 +10,22 @@ const TEST_ROWS = [
     { id: '2', name: 'Petya' },
     { id: '3', name: 'Ivan' },
 ];
+const TEST_ROWS_WITH_CHILDREN = [
+    ...TEST_ROWS,
+    {
+        id: '4',
+        name: 'Package',
+        children: [{ id: '4-1', name: 'Nested' }],
+    },
+];
+const SELECTION_DISABLED = {
+    mode: 'selection',
+    reason: 'Документ отправляется',
+};
+const ROW_DISABLED = {
+    mode: 'row',
+    reason: 'Документ отправляется',
+};
 const testDataGridPerformance = ({ render, renderGrid, }) => {
     const getRenderCountFor = (spy, id) => spy.mock.calls.filter(([row]) => row.id === id).length;
     (0, vitest_1.it)('При клике на чекбокс перерендеривается только выбранная строка', async () => {
@@ -102,5 +118,221 @@ const testDataGridPerformance = ({ render, renderGrid, }) => {
         (0, vitest_1.expect)(getRenderCountFor(renderCellSpy, '2')).toBe(0);
         (0, vitest_1.expect)(getRenderCountFor(renderCellSpy, '3')).toBe(1);
     });
+    (0, vitest_1.describe)('getRowDisabled', () => {
+        const createColumns = (renderCell) => [
+            { field: 'name', label: 'Наименование', renderCell },
+        ];
+        const getRenderCounts = (spy, ids) => Object.fromEntries(ids.map((id) => [id, getRenderCountFor(spy, id)]));
+        const setupSelectableGrid = () => {
+            const renderCellSpy = vitest_1.vi.fn((row) => row.name);
+            const getRowDisabledSpy = vitest_1.vi.fn(() => undefined);
+            const TestComponent = () => {
+                const [selectedRows, setSelectedRows] = (0, react_1.useState)([]);
+                const columns = (0, react_1.useMemo)(() => createColumns(renderCellSpy), []);
+                return renderGrid({
+                    rows: TEST_ROWS,
+                    columns,
+                    selectedRows,
+                    onSelectRow: setSelectedRows,
+                    getRowDisabled: getRowDisabledSpy,
+                    onRetry: () => { },
+                });
+            };
+            render((0, jsx_runtime_1.jsx)(TestComponent, {}));
+            renderCellSpy.mockClear();
+            getRowDisabledSpy.mockClear();
+            return { renderCellSpy, getRowDisabledSpy };
+        };
+        const setupParentRerender = () => {
+            const renderCellSpy = vitest_1.vi.fn((row) => row.name);
+            const getRowDisabledSpy = vitest_1.vi.fn(() => undefined);
+            const TestComponent = () => {
+                const [, setCounter] = (0, react_1.useState)(0);
+                const columns = (0, react_1.useMemo)(() => createColumns(renderCellSpy), []);
+                return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("button", { onClick: () => setCounter((value) => value + 1), children: "Rerender" }), renderGrid({
+                            rows: TEST_ROWS,
+                            columns,
+                            selectedRows: [],
+                            onSelectRow: () => { },
+                            getRowDisabled: getRowDisabledSpy,
+                            onRetry: () => { },
+                        })] }));
+            };
+            render((0, jsx_runtime_1.jsx)(TestComponent, {}));
+            renderCellSpy.mockClear();
+            getRowDisabledSpy.mockClear();
+            return { renderCellSpy, getRowDisabledSpy };
+        };
+        const setupChangedResult = () => {
+            const renderCellSpy = vitest_1.vi.fn((row) => row.name);
+            const getRowDisabledSpy = vitest_1.vi.fn();
+            const TestComponent = () => {
+                const [lockedId, setLockedId] = (0, react_1.useState)();
+                const columns = (0, react_1.useMemo)(() => createColumns(renderCellSpy), []);
+                const getRowDisabled = (0, react_1.useCallback)((row) => {
+                    getRowDisabledSpy(row);
+                    return row.id === lockedId ? SELECTION_DISABLED : undefined;
+                }, [lockedId]);
+                return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("button", { onClick: () => setLockedId('2'), children: "Lock row 2" }), renderGrid({
+                            rows: TEST_ROWS,
+                            columns,
+                            selectedRows: [],
+                            onSelectRow: () => { },
+                            getRowDisabled,
+                            onRetry: () => { },
+                        })] }));
+            };
+            render((0, jsx_runtime_1.jsx)(TestComponent, {}));
+            renderCellSpy.mockClear();
+            getRowDisabledSpy.mockClear();
+            return { renderCellSpy, getRowDisabledSpy };
+        };
+        const setupSameResult = () => {
+            const renderCellSpy = vitest_1.vi.fn((row) => row.name);
+            const getRowDisabledSpy = vitest_1.vi.fn();
+            const TestComponent = () => {
+                const [counter, setCounter] = (0, react_1.useState)(0);
+                const columns = (0, react_1.useMemo)(() => createColumns(renderCellSpy), []);
+                const getRowDisabled = (0, react_1.useCallback)((row) => {
+                    getRowDisabledSpy(row);
+                    return undefined;
+                }, [counter]);
+                return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("button", { onClick: () => setCounter((value) => value + 1), children: "New function" }), renderGrid({
+                            rows: TEST_ROWS_WITH_CHILDREN,
+                            columns,
+                            selectedRows: [],
+                            onSelectRow: () => { },
+                            getRowDisabled,
+                            tree: { isInitialExpanded: true },
+                            onRetry: () => { },
+                        })] }));
+            };
+            render((0, jsx_runtime_1.jsx)(TestComponent, {}));
+            renderCellSpy.mockClear();
+            getRowDisabledSpy.mockClear();
+            return { renderCellSpy, getRowDisabledSpy };
+        };
+        (0, vitest_1.describe)('Клик на чекбокс', () => {
+            (0, vitest_1.it)('Перерендеривается только выбранная строка', async () => {
+                const { renderCellSpy } = setupSelectableGrid();
+                // 0 - "Выбрать все", 1 - первая строка
+                await tests_1.userEvents.click(tests_1.screen.getAllByRole('checkbox')[2]);
+                (0, vitest_1.expect)(getRenderCounts(renderCellSpy, ['1', '2', '3'])).toEqual({
+                    '1': 0,
+                    '2': 1,
+                    '3': 0,
+                });
+            });
+            (0, vitest_1.it)('getRowDisabled не вызывается', async () => {
+                const { getRowDisabledSpy } = setupSelectableGrid();
+                await tests_1.userEvents.click(tests_1.screen.getAllByRole('checkbox')[2]);
+                (0, vitest_1.expect)(getRowDisabledSpy).not.toHaveBeenCalled();
+            });
+        });
+        (0, vitest_1.it)('getRowDisabled не вызывается при «Выбрать все»', async () => {
+            const { getRowDisabledSpy } = setupSelectableGrid();
+            await tests_1.userEvents.click(tests_1.screen.getAllByRole('checkbox')[0]);
+            (0, vitest_1.expect)(getRowDisabledSpy).not.toHaveBeenCalled();
+        });
+        (0, vitest_1.describe)('Перерисовка родителя со стабильной функцией', () => {
+            (0, vitest_1.it)('Строки не перерисовываются', async () => {
+                const { renderCellSpy } = setupParentRerender();
+                await tests_1.userEvents.click(tests_1.screen.getByText('Rerender'));
+                (0, vitest_1.expect)(renderCellSpy).not.toHaveBeenCalled();
+            });
+            (0, vitest_1.it)('getRowDisabled не вызывается', async () => {
+                const { getRowDisabledSpy } = setupParentRerender();
+                await tests_1.userEvents.click(tests_1.screen.getByText('Rerender'));
+                (0, vitest_1.expect)(getRowDisabledSpy).not.toHaveBeenCalled();
+            });
+        });
+        (0, vitest_1.describe)('Новая функция с изменившимся результатом', () => {
+            (0, vitest_1.it)('Перерендеривается только строка с изменившимся результатом', async () => {
+                const { renderCellSpy } = setupChangedResult();
+                await tests_1.userEvents.click(tests_1.screen.getByText('Lock row 2'));
+                (0, vitest_1.expect)(getRenderCounts(renderCellSpy, ['1', '2', '3'])).toEqual({
+                    '1': 0,
+                    '2': 1,
+                    '3': 0,
+                });
+            });
+            (0, vitest_1.it)('getRowDisabled вызывается один раз на строку', async () => {
+                const { getRowDisabledSpy } = setupChangedResult();
+                await tests_1.userEvents.click(tests_1.screen.getByText('Lock row 2'));
+                (0, vitest_1.expect)(getRowDisabledSpy).toHaveBeenCalledTimes(TEST_ROWS.length);
+            });
+        });
+        (0, vitest_1.describe)('Новая функция с тем же результатом', () => {
+            (0, vitest_1.it)('Перерисовываются только строки с дочерними элементами', async () => {
+                const { renderCellSpy } = setupSameResult();
+                await tests_1.userEvents.click(tests_1.screen.getByText('New function'));
+                (0, vitest_1.expect)(getRenderCounts(renderCellSpy, ['1', '2', '3', '4', '4-1'])).toEqual({ '1': 0, '2': 0, '3': 0, '4': 1, '4-1': 1 });
+            });
+            (0, vitest_1.it)('getRowDisabled вызывается один раз на строку, включая вложенную', async () => {
+                const { getRowDisabledSpy } = setupSameResult();
+                await tests_1.userEvents.click(tests_1.screen.getByText('New function'));
+                // 4 строки и 1 вложенная
+                (0, vitest_1.expect)(getRowDisabledSpy).toHaveBeenCalledTimes(5);
+            });
+        });
+        // Virtuoso отдаёт строкам новые данные на рендер позже родителя: состояние строки
+        // не должно приходить раньше данных и перерисовывать строку дважды
+        (0, vitest_1.describe)('Новые rows вместе с изменением состояния строки', () => {
+            const createVersionRows = (version) => TEST_ROWS.map((row) => ({ ...row, name: `${row.name} v${version}` }));
+            const setupRowsUpdate = () => {
+                const renderCellSpy = vitest_1.vi.fn((row) => row.name);
+                const TestComponent = () => {
+                    const [version, setVersion] = (0, react_1.useState)(0);
+                    const [isOptionsLocked, setOptionsLocked] = (0, react_1.useState)(false);
+                    const [lockedId, setLockedId] = (0, react_1.useState)();
+                    const [selectedRows, setSelectedRows] = (0, react_1.useState)([]);
+                    const columns = (0, react_1.useMemo)(() => createColumns(renderCellSpy), []);
+                    const versionRows = (0, react_1.useMemo)(() => createVersionRows(version), [version]);
+                    // Заново создаётся только заблокированная строка, остальные сохраняют ссылки
+                    const rows = (0, react_1.useMemo)(() => versionRows.map((row) => isOptionsLocked && row.id === '2'
+                        ? { ...row, options: { isDisabled: true } }
+                        : row), [versionRows, isOptionsLocked]);
+                    const getRowDisabled = (0, react_1.useCallback)((row) => (row.id === lockedId ? ROW_DISABLED : undefined), [lockedId]);
+                    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("button", { onClick: () => setOptionsLocked(true), children: "Lock via options" }), (0, jsx_runtime_1.jsx)("button", { onClick: () => {
+                                    setVersion(1);
+                                    setSelectedRows([TEST_ROWS[1]]);
+                                }, children: "Refetch and select" }), (0, jsx_runtime_1.jsx)("button", { onClick: () => {
+                                    setVersion(1);
+                                    setLockedId('2');
+                                }, children: "Refetch and lock" }), renderGrid({
+                                rows,
+                                columns,
+                                selectedRows,
+                                onSelectRow: setSelectedRows,
+                                getRowDisabled,
+                                onRetry: () => { },
+                            })] }));
+                };
+                render((0, jsx_runtime_1.jsx)(TestComponent, {}));
+                renderCellSpy.mockClear();
+                return { renderCellSpy };
+            };
+            (0, vitest_1.it)('Строка перерисовывается один раз при блокировке через options', async () => {
+                const { renderCellSpy } = setupRowsUpdate();
+                await tests_1.userEvents.click(tests_1.screen.getByText('Lock via options'));
+                (0, vitest_1.expect)(getRenderCounts(renderCellSpy, ['1', '2', '3'])).toEqual({
+                    '1': 0,
+                    '2': 1,
+                    '3': 0,
+                });
+            });
+            vitest_1.it.each([
+                { condition: 'изменении выбора', action: 'Refetch and select' },
+                {
+                    condition: 'блокировке через getRowDisabled',
+                    action: 'Refetch and lock',
+                },
+            ])('Строки перерисовываются один раз и сразу с новыми данными при $condition', async ({ action }) => {
+                const { renderCellSpy } = setupRowsUpdate();
+                await tests_1.userEvents.click(tests_1.screen.getByText(action));
+                (0, vitest_1.expect)(renderCellSpy.mock.calls.map(([row]) => row.name)).toEqual(['Vasya v1', 'Petya v1', 'Ivan v1']);
+            });
+        });
+    });
 };
 exports.testDataGridPerformance = testDataGridPerformance;

package/node/components/DataGrid/tests/selection/testDataGridSelection.d.ts

@@ -0,0 +1,14 @@
+import { type RenderResult } from '@ui/dev/tests';
+import { type ReactElement } from 'react';
+import { type DataGridProps } from '../../types';
+type DataItem = {
+    id: string | number;
+    name: string;
+};
+type GridRenderProps = Pick<DataGridProps<DataItem>, 'rows' | 'columns' | 'selectedRows' | 'onSelectRow' | 'getRowDisabled' | 'onRowClick' | 'variant' | 'tree' | 'onRetry'>;
+type TestDataGridSelectionParams = {
+    render: (ui: ReactElement) => Pick<RenderResult, 'rerender'>;
+    renderGrid: (props: GridRenderProps) => ReactElement;
+};
+export declare const testDataGridSelection: ({ render, renderGrid, }: TestDataGridSelectionParams) => void;
+export {};