@astral/ui 4.113.3 → 4.115.0

package/node/components/DataGrid/Row/RowContext/RowContext.d.ts

@@ -1,10 +1,17 @@
 import { type ChangeEvent } from 'react';
+import { type DataGridRowDisabled } from '../../types';
 export type RowContextProps = {
-    isDisabled: boolean;
+    /**
+     * Если true, в строке выполняется блокирующее действие DataGridActionCell
+     */
+    hasBlockingAction: boolean;
+    /**
+     * Причина блокировки от блокирующего действия
+     */
+    blockingActionReason?: string;
+    addBlockingAction: (reason?: string) => void;
+    removeBlockingAction: () => void;
     isSelectable?: boolean;
-    disabledReason?: string;
-    addDisabledRow: (disabledReason?: string) => void;
-    removeDisabledRow: () => void;
     row: Record<string, unknown>;
     onSelectRow: (row: Record<string, unknown>) => (event: ChangeEvent<HTMLInputElement>) => void;
     onRowEnter?: (rowId: string) => void;
@@ -13,5 +20,9 @@ export type RowContextProps = {
     unregisterRowElement?: (rowId: string, el: HTMLElement) => void;
     itemProps?: object;
     isSelected?: boolean;
+    /**
+     * Итоговая блокировка строки, рассчитанная resolveRowDisabled
+     */
+    rowDisabled?: DataGridRowDisabled;
 };
 export declare const RowContext: import("react").Context<RowContextProps>;

package/node/components/DataGrid/Row/RowContext/RowContext.js

@@ -3,10 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.RowContext = void 0;
 const react_1 = require("react");
 exports.RowContext = (0, react_1.createContext)({
-    isDisabled: false,
+    hasBlockingAction: false,
     isSelectable: false,
-    addDisabledRow: () => undefined,
-    removeDisabledRow: () => undefined,
+    addBlockingAction: () => undefined,
+    removeBlockingAction: () => undefined,
     row: {},
     onSelectRow: () => () => undefined,
     onRowEnter: () => undefined,

package/node/components/DataGrid/Row/RowContext/RowProvider/RowProvider.d.ts

@@ -1,7 +1,16 @@
 import { type ReactNode } from 'react';
+import { type DataGridRowDisabled } from '../../../types';
 import { type RowContextProps } from '../RowContext';
 type RowContextProviderProps = Pick<RowContextProps, 'row' | 'itemProps' | 'onSelectRow' | 'onRowEnter' | 'onRowLeave' | 'registerRowElement' | 'unregisterRowElement' | 'isSelectable' | 'isSelected'> & {
+    /**
+     * Режим блокировки строки
+     */
+    disabledMode?: DataGridRowDisabled['mode'];
+    /**
+     * Причина блокировки строки
+     */
+    disabledReason?: string;
     children: ReactNode;
 };
-export declare const RowContextProvider: ({ row, itemProps, onSelectRow, onRowEnter, onRowLeave, registerRowElement, unregisterRowElement, children, isSelectable, isSelected, }: RowContextProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RowContextProvider: ({ row, itemProps, onSelectRow, onRowEnter, onRowLeave, registerRowElement, unregisterRowElement, children, isSelectable, isSelected, disabledMode, disabledReason, }: RowContextProviderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/node/components/DataGrid/Row/RowContext/RowProvider/RowProvider.js

@@ -4,23 +4,27 @@ exports.RowContextProvider = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const RowContext_1 = require("../RowContext");
-const RowContextProvider = ({ row, itemProps, onSelectRow, onRowEnter, onRowLeave, registerRowElement, unregisterRowElement, children, isSelectable, isSelected, }) => {
-    const [isDisabled, setDisabled] = (0, react_1.useState)(false);
-    const [disabledReason, setDisabledReason] = (0, react_1.useState)();
-    const addDisabledRow = (0, react_1.useCallback)((reason) => {
-        setDisabled(true);
-        setDisabledReason(reason);
+const RowContextProvider = ({ row, itemProps, onSelectRow, onRowEnter, onRowLeave, registerRowElement, unregisterRowElement, children, isSelectable, isSelected, disabledMode, disabledReason, }) => {
+    const [hasBlockingAction, setHasBlockingAction] = (0, react_1.useState)(false);
+    const [blockingActionReason, setBlockingActionReason] = (0, react_1.useState)();
+    const addBlockingAction = (0, react_1.useCallback)((reason) => {
+        setHasBlockingAction(true);
+        setBlockingActionReason(reason);
     }, []);
-    const removeDisabledRow = (0, react_1.useCallback)(() => {
-        setDisabled(false);
-        setDisabledReason(undefined);
+    const removeBlockingAction = (0, react_1.useCallback)(() => {
+        setHasBlockingAction(false);
+        setBlockingActionReason(undefined);
     }, []);
+    // Блокировка приходит примитивами, чтобы новый объект с тем же содержимым не обновлял контекст
+    const rowDisabled = (0, react_1.useMemo)(() => disabledMode
+        ? { mode: disabledMode, reason: disabledReason ?? '' }
+        : undefined, [disabledMode, disabledReason]);
     const contextValue = (0, react_1.useMemo)(() => ({
-        isDisabled,
+        hasBlockingAction,
+        blockingActionReason,
+        addBlockingAction,
+        removeBlockingAction,
         isSelectable,
-        disabledReason,
-        addDisabledRow,
-        removeDisabledRow,
         row,
         itemProps,
         onSelectRow,
@@ -29,12 +33,13 @@ const RowContextProvider = ({ row, itemProps, onSelectRow, onRowEnter, onRowLeav
         registerRowElement,
         unregisterRowElement,
         isSelected,
+        rowDisabled,
     }), [
-        isDisabled,
+        hasBlockingAction,
+        blockingActionReason,
+        addBlockingAction,
+        removeBlockingAction,
         isSelectable,
-        disabledReason,
-        addDisabledRow,
-        removeDisabledRow,
         row,
         itemProps,
         onSelectRow,
@@ -43,6 +48,7 @@ const RowContextProvider = ({ row, itemProps, onSelectRow, onRowEnter, onRowLeav
         registerRowElement,
         unregisterRowElement,
         isSelected,
+        rowDisabled,
     ]);
     return ((0, jsx_runtime_1.jsx)(RowContext_1.RowContext.Provider, { value: contextValue, children: children }));
 };

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

@@ -1,6 +1,6 @@
 import { type ChangeEvent, type CSSProperties, type ReactNode } from 'react';
 import { type Variant } from '../enums';
-import { type CellValue, type DataGridColumns, type DataGridRowOptions } from '../types';
+import { type CellValue, type DataGridColumns, type DataGridProps, type DataGridRowOptions } from '../types';
 export type RowProps<TData extends Record<string, CellValue>> = {
     /**
      * Название класса, применяется к корневому компоненту
@@ -71,9 +71,13 @@ export type RowProps<TData extends Record<string, CellValue>> = {
      */
     isSelected?: boolean;
     /**
-     * Массив выбранных строк
+     * Если true, строка вложенная и сама вычисляет блокировку
      */
-    selectedRows?: TData[];
+    isNested?: boolean;
+    /**
+     * Функция блокировки для вложенных строк. Передаётся только строкам с дочерними элементами
+     */
+    getRowDisabled?: DataGridProps<TData>['getRowDisabled'];
     /**
      * Заглушка для пустых ячеек (если отсутствует field и filter и renderCell)
      * @default '-'

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

@@ -2,8 +2,8 @@ import { type MouseEvent, type SyntheticEvent } from 'react';
 import type { CellValue } from '../../types';
 import type { RowProps } from '../types';
 type UseLogicParams<TData extends Record<string, CellValue>> = RowProps<TData>;
-export declare const useLogic: <TData extends Record<string, unknown>>({ keyId, columns, row, nestedChildren, level, variant, options, isInitialExpanded, expandedLevel, isSelectable, isSelected, onSelectRow, onRowClick, isVisibleCollapseButton, registerRowElement, unregisterRowElement, style, activeRowId, }: UseLogicParams<TData>) => {
-    disabledReasonText: string | undefined;
+export declare const useLogic: <TData extends Record<string, unknown>>({ keyId, columns, row, nestedChildren, level, variant, options, isInitialExpanded, expandedLevel, isSelectable, isSelected, getRowDisabled, isNested, onSelectRow, onRowClick, isVisibleCollapseButton, registerRowElement, unregisterRowElement, style, activeRowId, }: UseLogicParams<TData>) => {
+    disabledReason: string | undefined;
     rowStyles: {
         accentColor?: import("csstype").Property.AccentColor | undefined;
         alignContent?: import("csstype").Property.AlignContent | undefined;
@@ -869,7 +869,8 @@ export declare const useLogic: <TData extends Record<string, unknown>>({ keyId,
     childrenColumns: any[];
     rowId: string;
     rowRef: (element: HTMLElement | null) => void;
-    disabled: boolean | undefined;
+    isDisabled: boolean;
+    isDisabledLastCell: boolean;
     isSelectable: boolean | undefined;
     isRenderCollapseButton: boolean;
     handleToggle: (event: MouseEvent<HTMLButtonElement>) => void;
@@ -895,7 +896,8 @@ export declare const useLogic: <TData extends Record<string, unknown>>({ keyId,
     };
     checkboxProps: {
         checked: boolean | undefined;
-        disabled: boolean | undefined;
+        disabled: boolean;
+        disabledReason: string | undefined;
         onChange: (event: import("react").ChangeEvent<HTMLInputElement, Element>) => void;
     };
     nestedChildrenProps: {

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

@@ -4,11 +4,12 @@ exports.useLogic = void 0;
 const react_1 = require("react");
 const DataGridContext_1 = require("../../DataGridContext");
 const enums_1 = require("../../enums");
+const utils_1 = require("../../utils");
 const constants_1 = require("../constants");
 const RowContext_1 = require("../RowContext");
 const hooks_1 = require("./hooks");
-const utils_1 = require("./utils");
-const useLogic = ({ keyId, columns, row, nestedChildren, level, variant, options, isInitialExpanded = false, expandedLevel, isSelectable, isSelected, onSelectRow, onRowClick, isVisibleCollapseButton, registerRowElement, unregisterRowElement, style, activeRowId, }) => {
+const utils_2 = require("./utils");
+const useLogic = ({ keyId, columns, row, nestedChildren, level, variant, options, isInitialExpanded = false, expandedLevel, isSelectable, isSelected, getRowDisabled, isNested = false, onSelectRow, onRowClick, isVisibleCollapseButton, registerRowElement, unregisterRowElement, style, activeRowId, }) => {
     const { isDrawerOpen, handleOpenDrawer, handleCloseDrawer } = (0, hooks_1.useMobileLogic)();
     const [rootRowElement, setRootRowElement] = (0, react_1.useState)(null);
     const rootRowRef = (0, react_1.useCallback)((element) => {
@@ -18,7 +19,7 @@ const useLogic = ({ keyId, columns, row, nestedChildren, level, variant, options
     }, []);
     const isDefaultExpanded = Boolean(isInitialExpanded && level <= expandedLevel - 1 && nestedChildren?.length);
     const { mobileDisplayVariant } = (0, react_1.useContext)(DataGridContext_1.DataGridContext);
-    const { isDisabled, disabledReason } = (0, react_1.useContext)(RowContext_1.RowContext);
+    const { hasBlockingAction, blockingActionReason, rowDisabled: contextRowDisabled, } = (0, react_1.useContext)(RowContext_1.RowContext);
     const [isOpen, setIsOpen] = (0, react_1.useState)(isDefaultExpanded);
     const savedElementRef = (0, react_1.useRef)(null);
     const rowRef = (element) => {
@@ -33,17 +34,24 @@ const useLogic = ({ keyId, columns, row, nestedChildren, level, variant, options
     };
     const [isVisibleTooltip, setVisibleTooltip] = (0, react_1.useState)(false);
     const rowId = row[keyId];
-    const { isDisabled: isExternalDisabled, disabledReason: externalDisabledReason, href, } = options || {};
-    const disabled = isDisabled || isExternalDisabled;
+    const { href } = options || {};
+    // Блокировку строки из rows таблица передаёт через контекст, вложенная строка считает её сама и не наследует блокировку родителя
+    const rowDisabled = (0, react_1.useMemo)(() => isNested ? (0, utils_1.resolveRowDisabled)(row, getRowDisabled) : contextRowDisabled, [isNested, row, getRowDisabled, contextRowDisabled]);
+    const { isDisabled, isDisabledLastCell, disabledReason, isCheckboxDisabled, checkboxDisabledReason, } = (0, utils_1.getRowDisabledState)({
+        rowDisabled,
+        hasBlockingAction,
+        blockingActionReason,
+        isDisabledLastCellOption: options?.isDisabledLastCell,
+    });
     const handleRowClick = () => {
-        if (disabled) {
+        if (isDisabled) {
             handleOpenDrawer();
             return undefined;
         }
         onRowClick?.(row);
     };
     const isShowConnector = Object.is(variant, enums_1.Variant.Tree);
-    const childrenColumns = (0, react_1.useMemo)(() => (0, utils_1.mergeColumnsOptions)(columns, options?.childrenColumns), [columns, options]);
+    const childrenColumns = (0, react_1.useMemo)(() => (0, utils_2.mergeColumnsOptions)(columns, options?.childrenColumns), [columns, options]);
     const handleToggle = (0, react_1.useCallback)((event) => {
         event.stopPropagation();
         setIsOpen((prev) => !prev);
@@ -57,7 +65,7 @@ const useLogic = ({ keyId, columns, row, nestedChildren, level, variant, options
     };
     const handleCloseTooltip = () => setVisibleTooltip(false);
     const handleMouseMove = (event) => {
-        if (!disabled) {
+        if (!isDisabled) {
             return;
         }
         const element = event.target;
@@ -71,19 +79,19 @@ const useLogic = ({ keyId, columns, row, nestedChildren, level, variant, options
         '--level': level,
         ...style,
     }), [level, style]);
-    const isHovered = Boolean(!disabled && (onRowClick || href));
+    const isHovered = Boolean(!isDisabled && (onRowClick || href));
     const isActive = activeRowId === rowId;
-    const disabledReasonText = externalDisabledReason || disabledReason;
     const handleCheckboxChange = (0, react_1.useMemo)(() => onSelectRow(row), [onSelectRow, row]);
     return {
-        disabledReasonText,
+        disabledReason,
         rowStyles,
         isOpen,
         isShowConnector,
         childrenColumns,
         rowId,
         rowRef,
-        disabled,
+        isDisabled,
+        isDisabledLastCell,
         isSelectable,
         isRenderCollapseButton,
         handleToggle,
@@ -103,13 +111,14 @@ const useLogic = ({ keyId, columns, row, nestedChildren, level, variant, options
         },
         tooltipProps: {
             open: isVisibleTooltip,
-            title: disabled ? disabledReasonText : undefined,
+            title: isDisabled ? disabledReason : undefined,
             onOpen: handleOpenTooltip,
             onClose: handleCloseTooltip,
         },
         checkboxProps: {
             checked: isSelected,
-            disabled,
+            disabled: isCheckboxDisabled,
+            disabledReason: checkboxDisabledReason,
             onChange: handleCheckboxChange,
         },
         nestedChildrenProps: {

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

@@ -4,7 +4,6 @@ exports.RowBase = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const BottomDrawer_1 = require("../../BottomDrawer");
-const Checkbox_1 = require("../../Checkbox");
 const Tooltip_1 = require("../../Tooltip");
 const cn_1 = require("../../utils/cn");
 const cva_1 = require("../../utils/cva");
@@ -12,6 +11,7 @@ const getInertProps_1 = require("../../utils/getInertProps");
 const Cell_1 = require("../Cell");
 const constants_1 = require("../Row/constants");
 const utils_1 = require("../Row/utils");
+const RowCheckbox_1 = require("../RowCheckbox");
 const utils_2 = require("../utils");
 const constants_2 = require("./constants");
 const GroupCell_1 = require("./GroupCell");
@@ -43,7 +43,7 @@ exports.RowBase = (0, react_1.memo)((props) => {
         if (!adornment && !shouldRenderCheckbox) {
             return null;
         }
-        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [adornment, shouldRenderCheckbox && ((0, jsx_runtime_1.jsx)(styles_1.CheckboxCell, { ...(0, getInertProps_1.getInertProps)(isDisabled), onClick: (event) => event.stopPropagation(), className: constants_1.dataGridRowClassnames.checkbox, children: (0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { ...checkboxProps }) }))] }));
+        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [adornment, shouldRenderCheckbox && ((0, jsx_runtime_1.jsx)(styles_1.CheckboxCell, { ...(0, getInertProps_1.getInertProps)(isDisabled), onClick: (event) => event.stopPropagation(), className: constants_1.dataGridRowClassnames.checkbox, children: (0, jsx_runtime_1.jsx)(RowCheckbox_1.RowCheckbox, { ...checkboxProps }) }))] }));
     };
     const renderCells = (0, react_1.useCallback)(() => {
         const lastCellGlobalIndex = columns.length - 1;
@@ -64,9 +64,12 @@ exports.RowBase = (0, react_1.memo)((props) => {
         row,
         columns,
         isDisabled,
+        isDisabledLastCell,
         sectionOffset,
         renderStartAdornment,
         checkboxProps.checked,
+        checkboxProps.disabled,
+        checkboxProps.disabledReason,
     ]);
     return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { className: (0, cn_1.cn)(className, rootCva({ mobileDisplayVariant })), style: rowBaseVars, ...dataGridInfiniteItemProps, children: [(0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { ...tooltipProps, children: (0, jsx_runtime_1.jsx)(styles_1.ContentWrapper, { ref: rowRef, onPointerEnter: () => onRowEnter?.(rowId), onPointerLeave: (event) => onRowLeave?.(rowId, event.nativeEvent), className: contentWrapperCva({ isHovered, isActive }), [constants_1.DISABLE_ROW_ATTR]: isDisabled, onClick: handleRowClick, children: renderCells() }) }), customContent, (0, jsx_runtime_1.jsx)(BottomDrawer_1.BottomDrawer, { ...drawerProps, children: (0, jsx_runtime_1.jsx)(styles_1.BottomDrawerContent, { children: drawerContent }) })] }, `row-base-${rowId}`));
 });

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

@@ -1,5 +1,5 @@
 import { type ChangeEvent, type ReactNode } from 'react';
-import type { DataGridColumns, DataGridRowWithOptions } from '../types';
+import type { DataGridColumns, DataGridRowDisabled, DataGridRowWithOptions } from '../types';
 export type RowBaseProps = {
     /**
      * Массив колонок
@@ -42,13 +42,17 @@ export type RowBaseProps = {
      */
     isSelected?: boolean;
     /**
-     * Заблокирована ли строка
+     * Если true, в строке выполняется блокирующее действие DataGridActionCell
      */
-    isDisabled?: boolean;
+    hasBlockingAction?: boolean;
     /**
-     * Причина блокировки строки
+     * Причина блокировки от блокирующего действия
      */
-    disabledReason?: string;
+    blockingActionReason?: string;
+    /**
+     * Итоговая блокировка строки, рассчитанная resolveRowDisabled
+     */
+    rowDisabled?: DataGridRowDisabled;
     /**
      * Обработчик выбора строки
      */

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/constants.d.ts

@@ -21,6 +21,8 @@ export declare const dataGridClassnames: {
     rightPinnedSection: string;
     overflowed: string;
     wrapper: string;
+    hasMassActions: string;
+    massActionsOpen: string;
     isAllowHorizontalScroll: string;
     hasGroupedColumns: string;
     gridViewFull: string;

package/node/components/DataGrid/constants.js

@@ -25,6 +25,8 @@ exports.dataGridClassnames = {
     rightPinnedSection: (0, createUIKitClassname_1.createUIKitClassname)('data-grid__right-pinned-section'),
     overflowed: (0, createUIKitClassname_1.createUIKitClassname)('data-grid_overflowed'),
     wrapper: (0, createUIKitClassname_1.createUIKitClassname)('data-grid__wrapper'),
+    hasMassActions: (0, createUIKitClassname_1.createUIKitClassname)('data-grid_has-mass-actions'),
+    massActionsOpen: (0, createUIKitClassname_1.createUIKitClassname)('data-grid_mass-actions-open'),
     isAllowHorizontalScroll: (0, createUIKitClassname_1.createUIKitClassname)('data-grid_is-allow-horizontal-scroll'),
     hasGroupedColumns: (0, createUIKitClassname_1.createUIKitClassname)('data-grid_has-grouped-columns'),
     gridViewFull: (0, createUIKitClassname_1.createUIKitClassname)('data-grid_grid-view-full'),

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;