@astral/ui 4.113.3 → 4.115.0

package/components/MassActions/styles.js

@@ -0,0 +1,43 @@
+import { ActionGroup } from '../ActionGroup';
+import { styled } from '../styled';
+import { Tag } from '../Tag';
+export const Wrapper = styled.div `
+  display: flex;
+  gap: ${({ theme }) => theme.spacing(3)};
+  align-items: center;
+
+  width: fit-content;
+  padding: ${({ theme }) => theme.spacing(4)};
+
+  background-color: ${({ theme }) => theme.palette.background.default};
+
+  /* 16px по макету, токена под это значение в теме нет */
+  border-radius: calc(${({ theme }) => theme.shape.medium} * 2);
+  box-shadow: ${({ theme }) => theme.elevation[200]};
+`;
+export const Selection = styled.div `
+  display: flex;
+  gap: ${({ theme }) => theme.spacing(2)};
+  align-items: center;
+
+  padding-left: ${({ theme }) => theme.spacing(2)};
+`;
+export const StyledActionGroup = styled(ActionGroup) `
+  gap: ${({ theme }) => theme.spacing(3)};
+`;
+/**
+ * Невидимая заглушка и счётчик лежат в одной ячейке: ширину задаёт заглушка, поэтому панель не прыгает при смене количества
+ */
+export const SelectionLabel = styled.div `
+  display: grid;
+  justify-items: start;
+
+  font-variant-numeric: tabular-nums;
+
+  & > * {
+    grid-area: 1 / 1;
+  }
+`;
+export const ReservedLabel = styled(Tag) `
+  visibility: hidden;
+`;

package/components/MassActions/types.d.ts

@@ -0,0 +1,20 @@
+import { type ActionGroupProps } from '../ActionGroup';
+export type MassActionsProps = Pick<ActionGroupProps, 'main' | 'secondary'> & {
+    /**
+     * Количество выбранных элементов
+     */
+    selectedCount: number;
+    /**
+     * Три формы названия выбранной сущности
+     * @example ['документ', 'документа', 'документов']
+     */
+    entityDeclension: [string, string, string];
+    /**
+     * Обработчик закрытия панели
+     */
+    onClose: () => void;
+    /**
+     * Название класса, применяется к корневому компоненту
+     */
+    className?: string;
+};

package/components/MassActions/types.js

@@ -0,0 +1 @@
+export {};

package/components/MassActions/useLogic/index.d.ts

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

package/components/MassActions/useLogic/index.js

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

package/components/MassActions/useLogic/useLogic.d.ts

@@ -0,0 +1,7 @@
+import { type MassActionsProps } from '../types';
+type UseLogicParams = Pick<MassActionsProps, 'entityDeclension' | 'selectedCount'>;
+export declare const useLogic: ({ entityDeclension, selectedCount, }: UseLogicParams) => {
+    selectionLabel: string;
+    reservedLabel: string;
+};
+export {};

package/components/MassActions/useLogic/useLogic.js

@@ -0,0 +1,9 @@
+import { declensionOfWords } from '@astral/utils/declension/declensionOfWords';
+import { RESERVED_SELECTED_COUNT } from '../constants';
+export const useLogic = ({ entityDeclension, selectedCount, }) => {
+    const selectionLabel = `Выбрано: ${selectedCount} ${declensionOfWords(entityDeclension)(selectedCount)}`;
+    // Самая длинная форма слова — чтобы ширина панели не менялась при смене склонения
+    const longestEntity = entityDeclension.reduce((longest, entity) => entity.length > longest.length ? entity : longest);
+    const reservedLabel = `Выбрано: ${RESERVED_SELECTED_COUNT} ${longestEntity}`;
+    return { selectionLabel, reservedLabel };
+};

package/components/PageHeader/PageActions/SecondaryActions/styles.d.ts

@@ -9,4 +9,4 @@ export declare const StyledMobileButton: import("../../../styled").StyledCompone
 } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const StyledSecondaryActions: <TSecondaryActionComponent extends import("react").ElementType = import("react").ElementType>({ actions, isDisabled, className, size, }: import("../../../ActionGroup").SecondaryActionProps<TSecondaryActionComponent>) => import("react/jsx-runtime").JSX.Element | null;
+export declare const StyledSecondaryActions: <TSecondaryActionComponent extends import("react").ElementType = import("react").ElementType>({ actions, isDisabled, className, size, popoverProps, }: import("../../../ActionGroup").SecondaryActionProps<TSecondaryActionComponent>) => import("react/jsx-runtime").JSX.Element | null;

package/components/Tree/TreeItem/MobileSlidePanel/MobileSlidePanelContent/useLogic/hooks/index.d.ts

@@ -1,3 +1,2 @@
-export * from './useDelayedUnmount';
 export * from './usePanelHeader';
 export * from './useRegisterClose';

package/components/Tree/TreeItem/MobileSlidePanel/MobileSlidePanelContent/useLogic/hooks/index.js

@@ -1,3 +1,2 @@
-export * from './useDelayedUnmount';
 export * from './usePanelHeader';
 export * from './useRegisterClose';

package/components/Tree/TreeItem/MobileSlidePanel/MobileSlidePanelContent/useLogic/useLogic.js

@@ -1,7 +1,8 @@
 import { useContext } from 'react';
 import { useTheme } from '../../../../../theme/hooks';
+import { useDelayedUnmount } from '../../../../../useDelayedUnmount';
 import { MobileSlidePanelContext } from '../../MobileSlidePanelContext';
-import { useDelayedUnmount, usePanelHeader, useRegisterClose } from './hooks';
+import { usePanelHeader, useRegisterClose } from './hooks';
 /**
  * Собирает жизненный цикл панели: присутствие в DOM, закрытие и шапку стека.
  */

package/components/index.d.ts

@@ -131,7 +131,7 @@ export * from './MenuItem';
 export * from './MenuList';
 export { MinimalisticPagination, type MinimalisticPaginationProps, } from './MinimalisticPagination';
 export * from './NavMenu';
-export { type DataGridColumns, type DataGridRenderLink, type DataGridRenderLinkParams, type DataGridRow, type DataGridRowOptions, type DataGridSort, DataGrid, type DataGridProps, } from './DataGrid';
+export { type DataGridColumns, type DataGridRenderLink, type DataGridRenderLinkParams, type DataGridRow, type DataGridRowDisabled, type DataGridRowOptions, type DataGridSort, DataGrid, type DataGridProps, } from './DataGrid';
 export { DataGridInfinite, type DataGridInfiniteProps, } from './DataGridInfinite';
 export { DataGridColumnHintIcon, type DataGridColumnHintIconProps, } from './DataGridColumnHintIcon';
 export { type DateItemProps, type DateRangePickerProps, type DateRangePickerValue, DateRangePicker, } from './DateRangePicker';

package/node/components/ActionGroup/ActionGroup.js

@@ -8,8 +8,8 @@ const SecondaryActions_1 = require("./SecondaryActions");
 const SecondaryVisibleActions_1 = require("./SecondaryVisibleActions");
 const styles_1 = require("./styles");
 const ActionGroup = (props) => {
-    const { main, secondary, secondaryVisible, className, size = 'medium', } = props;
+    const { main, secondary, secondaryVisible, secondaryPopoverProps, className, size = 'medium', } = props;
     const { disabledAction } = (0, hooks_1.useActionsState)({ main, secondary });
-    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { className: className, children: [secondary && ((0, jsx_runtime_1.jsx)(SecondaryActions_1.SecondaryActions, { isDisabled: disabledAction, actions: secondary, size: size })), secondaryVisible && ((0, jsx_runtime_1.jsx)(SecondaryVisibleActions_1.SecondaryVisibleActions, { actions: secondaryVisible, size: size })), main && ((0, jsx_runtime_1.jsx)(MainActions_1.MainActions, { isDisabled: disabledAction, actions: main, size: size }))] }));
+    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { className: className, children: [secondary && ((0, jsx_runtime_1.jsx)(SecondaryActions_1.SecondaryActions, { isDisabled: disabledAction, actions: secondary, size: size, popoverProps: secondaryPopoverProps })), secondaryVisible && ((0, jsx_runtime_1.jsx)(SecondaryVisibleActions_1.SecondaryVisibleActions, { actions: secondaryVisible, size: size })), main && ((0, jsx_runtime_1.jsx)(MainActions_1.MainActions, { isDisabled: disabledAction, actions: main, size: size }))] }));
 };
 exports.ActionGroup = ActionGroup;

package/node/components/ActionGroup/SecondaryActions/SecondaryActions.d.ts

@@ -1,3 +1,3 @@
 import { type ElementType } from 'react';
 import type { SecondaryActionProps } from '../types';
-export declare const SecondaryActions: <TSecondaryActionComponent extends ElementType = ElementType>({ actions, isDisabled, className, size, }: SecondaryActionProps<TSecondaryActionComponent>) => import("react/jsx-runtime").JSX.Element | null;
+export declare const SecondaryActions: <TSecondaryActionComponent extends ElementType = ElementType>({ actions, isDisabled, className, size, popoverProps, }: SecondaryActionProps<TSecondaryActionComponent>) => import("react/jsx-runtime").JSX.Element | null;

package/node/components/ActionGroup/SecondaryActions/SecondaryActions.js

@@ -8,11 +8,11 @@ const IconDropdownButton_1 = require("../../IconDropdownButton");
 const ListItemButton_1 = require("../../ListItemButton");
 const ListItemText_1 = require("../../ListItemText");
 const TOOLTIP_PLACEMENT = 'right';
-const SecondaryActions = ({ actions, isDisabled, className, size, }) => {
+const SecondaryActions = ({ actions, isDisabled, className, size, popoverProps, }) => {
     if (!actions.length) {
         return null;
     }
-    return ((0, jsx_runtime_1.jsx)(IconDropdownButton_1.IconDropdownButton, { disabled: isDisabled, icon: (0, jsx_runtime_1.jsx)(DotsOutlineMd_1.DotsOutlineMd, {}), variant: "outlined", color: "grey", size: size, className: className, children: actions.map(({ text, ...secondaryProps }) => ((0, react_1.createElement)(ListItemButton_1.ListItemButton, { tooltipPlacement: TOOLTIP_PLACEMENT, ...secondaryProps, key: text },
+    return ((0, jsx_runtime_1.jsx)(IconDropdownButton_1.IconDropdownButton, { disabled: isDisabled, icon: (0, jsx_runtime_1.jsx)(DotsOutlineMd_1.DotsOutlineMd, {}), variant: "outlined", color: "grey", size: size, className: className, popoverProps: popoverProps, children: actions.map(({ text, ...secondaryProps }) => ((0, react_1.createElement)(ListItemButton_1.ListItemButton, { tooltipPlacement: TOOLTIP_PLACEMENT, ...secondaryProps, key: text },
             (0, jsx_runtime_1.jsx)(ListItemText_1.ListItemText, { primary: text })))) }));
 };
 exports.SecondaryActions = SecondaryActions;

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

@@ -1,6 +1,7 @@
 import type { ComponentProps, ElementType, ReactElement, ReactNode } from 'react';
 import type { ButtonProps, ButtonSize } from '../Button';
 import type { DropdownButtonProps } from '../DropdownButton';
+import type { IconDropdownButtonProps } from '../IconDropdownButton';
 import type { ListItemButtonProps } from '../ListItemButton';
 import type { MenuItemProps } from '../MenuItem';
 import type { TooltipProps } from '../Tooltip';
@@ -143,6 +144,10 @@ export type SecondaryActionProps<TSecondaryActionComponent extends ElementType>
      */
     className?: string;
     size?: ButtonSize;
+    /**
+     * Пропсы Popover меню второстепенных действий
+     */
+    popoverProps?: IconDropdownButtonProps['popoverProps'];
 };
 /** Модель второстепенного видимого экшена */
 export type SecondaryVisibleAction = Omit<ButtonProps, 'children'> & {
@@ -177,6 +182,10 @@ export type ActionGroupProps<TMainActionComponent extends ElementType = ElementT
      * Второстепенные действия, спрятанные за троеточием
      */
     secondary?: SecondaryAction<TSecondaryActionComponent>[];
+    /**
+     * Пропсы Popover меню второстепенных действий
+     */
+    secondaryPopoverProps?: IconDropdownButtonProps['popoverProps'];
     /**
      * Видимые второстепенные действия
      */

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

@@ -1,2 +1,2 @@
 import type { BodyProps } from './types';
-export declare const Body: <TData extends Record<string, unknown>>({ rows, selectedRows, minDisplayRows, keyId, noDataPlaceholder, className, renderRow, columns, isSelectable, onSelectRow, onRowEnter, onRowLeave, registerRowElement, unregisterRowElement, ...rowProps }: BodyProps<TData>) => import("react/jsx-runtime").JSX.Element;
+export declare const Body: <TData extends Record<string, unknown>>({ rows, selectedIds, rowsDisabled, getRowDisabled, minDisplayRows, keyId, noDataPlaceholder, className, renderRow, columns, isSelectable, onSelectRow, onRowEnter, onRowLeave, registerRowElement, unregisterRowElement, ...rowProps }: BodyProps<TData>) => import("react/jsx-runtime").JSX.Element;

package/node/components/DataGrid/Body/Body.js

@@ -18,13 +18,17 @@ const bodyCva = (0, cva_1.cva)(constants_1.bodyClassnames.root, {
         },
     },
 });
-const Body = ({ rows, selectedRows = [], minDisplayRows, keyId, noDataPlaceholder, className, renderRow, columns, isSelectable, onSelectRow, onRowEnter, onRowLeave, registerRowElement, unregisterRowElement, ...rowProps }) => {
+const Body = ({ rows, selectedIds, rowsDisabled, getRowDisabled, minDisplayRows, keyId, noDataPlaceholder, className, renderRow, columns, isSelectable, onSelectRow, onRowEnter, onRowLeave, registerRowElement, unregisterRowElement, ...rowProps }) => {
     const { disableMinHeight, bodyCssVars } = (0, useLogic_1.useLogic)({ minDisplayRows });
     const renderedRows = rows.map((row, index) => {
         const rowId = row[keyId];
-        const isSelected = Boolean(selectedRows?.find((selectedRow) => selectedRow[keyId] === rowId));
+        const isSelected = selectedIds.has(rowId);
+        const rowDisabled = rowsDisabled.get(rowId);
         const { children, options } = row;
-        return ((0, jsx_runtime_1.jsx)(RowContext_1.RowContextProvider, { row: row, onSelectRow: onSelectRow, onRowEnter: onRowEnter, onRowLeave: onRowLeave, registerRowElement: registerRowElement, unregisterRowElement: unregisterRowElement, isSelectable: isSelectable, isSelected: isSelected, children: renderRow ? ((0, jsx_runtime_1.jsx)(CustomRowWrapper_1.CustomRowWrapper, { index: index, renderRow: renderRow, row: row })) : ((0, jsx_runtime_1.jsx)(Row_1.Row, { row: row, options: options, keyId: keyId, level: INITIAL_LEVEL, nestedChildren: children, isSelected: isSelected, columns: columns, isSelectable: isSelectable, onSelectRow: onSelectRow, onRowEnter: onRowEnter, onRowLeave: onRowLeave, registerRowElement: registerRowElement, unregisterRowElement: unregisterRowElement, ...rowProps }, rowId)) }, rowId));
+        const hasNestedChildren = Array.isArray(children) && children.length > 0;
+        return ((0, jsx_runtime_1.jsx)(RowContext_1.RowContextProvider, { row: row, onSelectRow: onSelectRow, onRowEnter: onRowEnter, onRowLeave: onRowLeave, registerRowElement: registerRowElement, unregisterRowElement: unregisterRowElement, isSelectable: isSelectable, isSelected: isSelected, disabledMode: rowDisabled?.mode, disabledReason: rowDisabled?.reason, children: renderRow ? ((0, jsx_runtime_1.jsx)(CustomRowWrapper_1.CustomRowWrapper, { index: index, renderRow: renderRow, row: row })) : ((0, jsx_runtime_1.jsx)(Row_1.Row, { row: row, options: options, keyId: keyId, level: INITIAL_LEVEL, nestedChildren: children, isSelected: isSelected, 
+                // Функция нужна только для расчёта блокировки вложенных строк, остальным не передаём, чтобы не сбрасывать memo
+                getRowDisabled: hasNestedChildren ? getRowDisabled : undefined, columns: columns, isSelectable: isSelectable, onSelectRow: onSelectRow, onRowEnter: onRowEnter, onRowLeave: onRowLeave, registerRowElement: registerRowElement, unregisterRowElement: unregisterRowElement, ...rowProps }, rowId)) }, rowId));
     });
     return ((0, jsx_runtime_1.jsx)(styles_1.Wrapper, { className: (0, cn_1.cn)(className, bodyCva({ disableMinHeight })), style: bodyCssVars, children: rows.length ? renderedRows : noDataPlaceholder }));
 };

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

@@ -1,6 +1,6 @@
 import { type ChangeEvent, 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 DataGridRowDisabled, type DataGridRowOptions } from '../types';
 export type BodyProps<TData extends Record<string, CellValue>> = {
     /**
      * Конфигурация колонок для таблицы
@@ -46,9 +46,17 @@ export type BodyProps<TData extends Record<string, CellValue>> = {
      */
     isSelectable?: boolean;
     /**
-     * Массив выбранных строк
+     * Идентификаторы выбранных строк
      */
-    selectedRows?: TData[];
+    selectedIds: Set<unknown>;
+    /**
+     * Блокировки строк по идентификатору
+     */
+    rowsDisabled: Map<unknown, DataGridRowDisabled | undefined>;
+    /**
+     * Функция блокировки для вложенных строк
+     */
+    getRowDisabled?: DataGridProps<TData>['getRowDisabled'];
     /**
      * Массив данных для отображения
      */

package/node/components/DataGrid/DataGrid.js

@@ -29,6 +29,12 @@ const pinnedSectionsCva = (0, cva_1.cva)(constants_2.dataGridClassnames.pinnedSe
 });
 const dataGridCva = (0, cva_1.cva)(constants_2.dataGridClassnames.root, {
     variants: {
+        hasMassActions: {
+            true: constants_2.dataGridClassnames.hasMassActions,
+        },
+        isMassActionsOpen: {
+            true: constants_2.dataGridClassnames.massActionsOpen,
+        },
         hasPinnedColumns: {
             true: constants_2.dataGridClassnames.hasPinnedSections,
         },
@@ -59,9 +65,9 @@ const bodyCva = (0, cva_1.cva)(constants_2.dataGridClassnames.body, {
     },
 });
 const DataGrid = (props) => {
-    const { dataGridClassName, isDataGridDisabled, treeRenderConfig, headColumns, headProps, bodyProps, gridColumns, loaderProps, renderRows, isAllowHorizontalScroll, isHideHead, hasPinnedColumns, contentStateProps, rowHoverProps, containerRef, sections, isNoData, isMobile, mobileSkeletonProps, isLoading, containerCssVars, hasGroupedColumns, gridViewMode, mobileDisplayVariant, isSelfContained, } = (0, useLogic_1.useLogic)(props);
+    const { dataGridClassName, isDataGridDisabled, treeRenderConfig, headColumns, headProps, bodyProps, gridColumns, loaderProps, renderRows, isAllowHorizontalScroll, isHideHead, hasPinnedColumns, contentStateProps, rowHoverProps, containerRef, sections, isNoData, isMobile, mobileSkeletonProps, isLoading, containerCssVars, hasGroupedColumns, gridViewMode, mobileDisplayVariant, isSelfContained, isMassActionsOpen, hasMassActions, } = (0, useLogic_1.useLogic)(props);
     const { emptySymbol } = (0, react_1.useContext)(ConfigProvider_1.ConfigContext);
-    const { columns, selectedRows = [], minDisplayRows = constants_2.MIN_DISPLAY_ROWS_BY_DEFAULT, variant = enums_1.Variant.Tree, footer, noDataPlaceholder, subrows, keyId, activeRowId, emptyCellValue = emptySymbol, onRowClick, noDataOptions, headPreAddon, isTabularNums, renderRow, renderLink, } = props;
+    const { columns, selectedRows = [], onSelectRow, minDisplayRows = constants_2.MIN_DISPLAY_ROWS_BY_DEFAULT, variant = enums_1.Variant.Tree, footer, massActions, noDataPlaceholder, subrows, keyId, activeRowId, emptyCellValue = emptySymbol, onRowClick, noDataOptions, headPreAddon, isTabularNums, renderRow, renderLink, } = 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 Wrapper = isDataGridDisabled
@@ -76,7 +82,6 @@ const DataGrid = (props) => {
     const commonBodyProps = {
         ...bodyProps,
         keyId,
-        selectedRows,
         minDisplayRows,
         rows: renderRows,
         variant,
@@ -101,13 +106,15 @@ const DataGrid = (props) => {
                     isDisabled: isDataGridDisabled,
                 }), isDisabled: isDataGridDisabled, headProps: headProps, gridColumns: gridColumns, bodyProps: commonBodyProps, isNoData: isNoData }) }));
     };
-    return ((0, jsx_runtime_1.jsx)(DataGridContext_1.DataGridContextProvider, { isLoading: isLoading, isTabularNums: isTabularNums, gridColumns: gridColumns, emptyCellValue: emptyCellValue, activeRowId: activeRowId, keyId: keyId, columns: columns, onRowClick: onRowClick, mobileDisplayVariant: mobileDisplayVariant, renderLink: renderLink, children: (0, jsx_runtime_1.jsxs)(styles_1.Container, { ref: containerRef, style: containerCssVars, className: (0, cn_1.cn)(dataGridClassName, dataGridCva({
+    return ((0, jsx_runtime_1.jsx)(DataGridContext_1.DataGridContextProvider, { isLoading: isLoading, isTabularNums: isTabularNums, gridColumns: gridColumns, emptyCellValue: emptyCellValue, activeRowId: activeRowId, keyId: keyId, columns: columns, onRowClick: onRowClick, mobileDisplayVariant: mobileDisplayVariant, renderLink: renderLink, selectedRows: selectedRows, onSelectRow: onSelectRow, isMassActionsOpen: isMassActionsOpen, children: (0, jsx_runtime_1.jsxs)(styles_1.Container, { ref: containerRef, style: containerCssVars, className: (0, cn_1.cn)(dataGridClassName, dataGridCva({
                 isAllowHorizontalScroll,
                 hasPinnedColumns,
                 gridViewMode,
                 hasGroupedColumns,
                 mobileDisplayVariant,
                 isSelfContained,
-            })), children: [renderTableContent(), (0, jsx_runtime_1.jsx)(Loader_1.Loader, { ...loaderProps }), footer && footer] }) }));
+                hasMassActions,
+                isMassActionsOpen,
+            })), children: [renderTableContent(), (0, jsx_runtime_1.jsx)(Loader_1.Loader, { ...loaderProps }), massActions && (0, jsx_runtime_1.jsx)(styles_1.MassActionsAnchor, { children: massActions }), footer && footer] }) }));
 };
 exports.DataGrid = DataGrid;

package/node/components/DataGrid/DataGridContext/DataGridProvider/DataGridProvider.d.ts

@@ -1,7 +1,8 @@
 import { type ReactNode } from 'react';
+import { type DataGridSelectionContextProps } from '../../DataGridSelectionContext';
 import { type DataGridContextProps } from '../DataGridContext';
-type DataGridContextProviderProps = Pick<DataGridContextProps, 'isLoading' | 'isTabularNums' | 'gridColumns' | 'emptyCellValue' | 'activeRowId' | 'keyId' | 'columns' | 'onRowClick' | 'mobileDisplayVariant' | 'renderLink'> & {
+type DataGridContextProviderProps = Pick<DataGridContextProps, 'isLoading' | 'isTabularNums' | 'gridColumns' | 'emptyCellValue' | 'activeRowId' | 'keyId' | 'columns' | 'onRowClick' | 'mobileDisplayVariant' | 'renderLink'> & Partial<DataGridSelectionContextProps> & {
     children: ReactNode;
 };
-export declare const DataGridContextProvider: ({ isLoading, isTabularNums, gridColumns, emptyCellValue, activeRowId, children, keyId, columns, onRowClick, mobileDisplayVariant, renderLink, }: DataGridContextProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DataGridContextProvider: ({ isLoading, isTabularNums, gridColumns, emptyCellValue, activeRowId, children, keyId, columns, onRowClick, mobileDisplayVariant, renderLink, selectedRows, onSelectRow, isMassActionsOpen, }: DataGridContextProviderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/node/components/DataGrid/DataGridContext/DataGridProvider/DataGridProvider.js

@@ -3,9 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DataGridContextProvider = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
+const DataGridSelectionContext_1 = require("../../DataGridSelectionContext");
 const DataGridStorageContext_1 = require("../../DataGridStorageContext");
 const DataGridContext_1 = require("../DataGridContext");
-const DataGridContextProvider = ({ isLoading, isTabularNums, gridColumns, emptyCellValue, activeRowId, children, keyId, columns, onRowClick, mobileDisplayVariant, renderLink, }) => {
+const DataGridContextProvider = ({ isLoading, isTabularNums, gridColumns, emptyCellValue, activeRowId, children, keyId, columns, onRowClick, mobileDisplayVariant, renderLink, selectedRows, onSelectRow, isMassActionsOpen, }) => {
     const contextValue = (0, react_1.useMemo)(() => ({
         isLoading,
         isTabularNums,
@@ -29,6 +30,6 @@ const DataGridContextProvider = ({ isLoading, isTabularNums, gridColumns, emptyC
         mobileDisplayVariant,
         renderLink,
     ]);
-    return ((0, jsx_runtime_1.jsx)(DataGridContext_1.DataGridContext.Provider, { value: contextValue, children: (0, jsx_runtime_1.jsx)(DataGridStorageContext_1.DataGridStorageProvider, { children: children }) }));
+    return ((0, jsx_runtime_1.jsx)(DataGridContext_1.DataGridContext.Provider, { value: contextValue, children: (0, jsx_runtime_1.jsx)(DataGridSelectionContext_1.DataGridSelectionProvider, { selectedRows: selectedRows, onSelectRow: onSelectRow, isMassActionsOpen: isMassActionsOpen, children: (0, jsx_runtime_1.jsx)(DataGridStorageContext_1.DataGridStorageProvider, { children: children }) }) }));
 };
 exports.DataGridContextProvider = DataGridContextProvider;

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

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+import { type ContextOnChangeSelectedRows, type ContextSelectedRows } from '../types';
+export type DataGridSelectionContextProps = {
+    /**
+     * Выбранные строки таблицы
+     */
+    selectedRows: ContextSelectedRows;
+    /**
+     * Обработчик изменения выбора, переданный в таблицу.
+     */
+    onSelectRow?: ContextOnChangeSelectedRows;
+    /**
+     * Флаг отображения панели массовых действий
+     */
+    isMassActionsOpen: boolean;
+};
+/**
+ * Контекст выбранных строк таблицы для панели массовых действий.
+ *
+ * Вынесен из `DataGridContext`, чтобы изменение выбора не вызывало ре-рендер всех строк и ячеек:
+ * контекст читает только панель массовых действий.
+ *
+ * Провайдер подключается внутри `DataGridContextProvider`.
+ */
+export declare const DataGridSelectionContext: import("react").Context<DataGridSelectionContextProps>;

package/node/components/DataGrid/DataGridSelectionContext/DataGridSelectionContext.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataGridSelectionContext = void 0;
+const react_1 = require("react");
+/**
+ * Контекст выбранных строк таблицы для панели массовых действий.
+ *
+ * Вынесен из `DataGridContext`, чтобы изменение выбора не вызывало ре-рендер всех строк и ячеек:
+ * контекст читает только панель массовых действий.
+ *
+ * Провайдер подключается внутри `DataGridContextProvider`.
+ */
+exports.DataGridSelectionContext = (0, react_1.createContext)({
+    selectedRows: [],
+    isMassActionsOpen: false,
+});

package/node/components/DataGrid/DataGridSelectionContext/DataGridSelectionProvider/DataGridSelectionProvider.d.ts

@@ -0,0 +1,7 @@
+import { type ReactNode } from 'react';
+import { type DataGridSelectionContextProps } from '../DataGridSelectionContext';
+type DataGridSelectionProviderProps = Partial<DataGridSelectionContextProps> & {
+    children: ReactNode;
+};
+export declare const DataGridSelectionProvider: ({ selectedRows, onSelectRow, isMassActionsOpen, children, }: DataGridSelectionProviderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/node/components/DataGrid/DataGridSelectionContext/DataGridSelectionProvider/DataGridSelectionProvider.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataGridSelectionProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const DataGridSelectionContext_1 = require("../DataGridSelectionContext");
+const EMPTY_SELECTED_ROWS = [];
+const DataGridSelectionProvider = ({ selectedRows = EMPTY_SELECTED_ROWS, onSelectRow, isMassActionsOpen = false, children, }) => {
+    const contextValue = (0, react_1.useMemo)(() => ({ selectedRows, onSelectRow, isMassActionsOpen }), [selectedRows, onSelectRow, isMassActionsOpen]);
+    return ((0, jsx_runtime_1.jsx)(DataGridSelectionContext_1.DataGridSelectionContext.Provider, { value: contextValue, children: children }));
+};
+exports.DataGridSelectionProvider = DataGridSelectionProvider;

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

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

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

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

@@ -0,0 +1,2 @@
+export * from './DataGridSelectionContext';
+export * from './DataGridSelectionProvider';

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

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./DataGridSelectionContext"), exports);
+__exportStar(require("./DataGridSelectionProvider"), exports);

package/node/components/DataGrid/PinnedSections/PinnedSections.js

@@ -7,9 +7,9 @@ const Section_1 = require("./Section");
 const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
 const PinnedSections = ({ gridColumns, className, isDisabled, headProps, bodyProps, sections, isNoData, }) => {
-    const { pinnedContainerStyles, sectionOffsets } = (0, useLogic_1.useLogic)({ sections });
+    const { pinnedContainerStyles, sectionOffsets, totalColumnsCount } = (0, useLogic_1.useLogic)({ sections });
     return ((0, jsx_runtime_1.jsx)(styles_1.PinnedColumnsContainer, { "$gridColumns": gridColumns, className: className, ...(0, getInertProps_1.getInertProps)(isDisabled), style: pinnedContainerStyles, children: sections.map(({ columns, position }) => {
-            return ((0, jsx_runtime_1.jsx)(Section_1.Section, { columns: columns, position: position, sectionOffset: sectionOffsets[position], bodyProps: bodyProps, headProps: headProps, isNoData: isNoData }, position));
+            return ((0, jsx_runtime_1.jsx)(Section_1.Section, { columns: columns, position: position, sectionOffset: sectionOffsets[position], bodyProps: { ...bodyProps, totalColumnsCount }, headProps: headProps, isNoData: isNoData }, position));
         }) }));
 };
 exports.PinnedSections = PinnedSections;

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

@@ -5,5 +5,6 @@ type UseLogicParams<TData extends Record<string, CellValue> = DataGridRow> = Pic
 export declare const useLogic: <TData extends Record<string, unknown> = DataGridRow>({ sections, }: UseLogicParams<TData>) => {
     pinnedContainerStyles: CSSProperties;
     sectionOffsets: Record<string, number>;
+    totalColumnsCount: number;
 };
 export {};

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

@@ -14,15 +14,16 @@ const useLogic = ({ sections, }) => {
             ? (0, utils_1.getFlattenColumns)(rightColumns).length
             : 0,
     };
-    const sectionOffsets = (0, react_1.useMemo)(() => {
+    // Строка в секции видит только свои колонки, поэтому для поиска последней ячейки таблицы ей передаётся общее число колонок всех секций
+    const { sectionOffsets, totalColumnsCount } = (0, react_1.useMemo)(() => {
         const offsets = {};
         let currentOffset = 0;
         sections.forEach((section) => {
             offsets[section.position] = currentOffset;
             currentOffset += (0, utils_1.getFlattenColumns)(section.columns).length;
         });
-        return offsets;
+        return { sectionOffsets: offsets, totalColumnsCount: currentOffset };
     }, [sections]);
-    return { pinnedContainerStyles, sectionOffsets };
+    return { pinnedContainerStyles, sectionOffsets, totalColumnsCount };
 };
 exports.useLogic = useLogic;

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

@@ -4,12 +4,12 @@ exports.Row = 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");
 const getInertProps_1 = require("../../utils/getInertProps");
 const Cell_1 = require("../Cell");
+const RowCheckbox_1 = require("../RowCheckbox");
 const utils_1 = require("../utils");
 const constants_1 = require("./constants");
 const NestedChildren_1 = require("./NestedChildren");
@@ -60,17 +60,17 @@ const singleCellCva = (0, cva_1.cva)(constants_1.dataGridRowCellClassnames.singl
  * который позволяет полностью контролировать рендер каждой строки.
  */
 const RowInner = (props) => {
-    const { isOpen, isShowConnector, childrenColumns, rowId, handleToggle, checkboxProps, rowProps, isHovered, tooltipProps, nestedChildrenProps, disabled, isRenderCollapseButton, rowRef, rowStyles, drawerProps, disabledReasonText, isActive, isSelectable, mobileDisplayVariant, rootRowElement, rootRowRef, } = (0, useLogic_1.useLogic)(props);
-    const { className, row, options, variant, gridColumns, isInitialExpanded, expandedLevel, level, nestedChildren, initialVisibleChildrenCount, moreButtonColumnPosition, isVisibleCollapseButton, columns, emptyCellValue, activeRowId, keyId, onSelectRow, onRowClick, sectionOffset, totalColumnsCount, registerRowElement, unregisterRowElement, onRowEnter, onRowLeave, style, 
+    const { isOpen, isShowConnector, childrenColumns, rowId, handleToggle, checkboxProps, rowProps, isHovered, tooltipProps, nestedChildrenProps, isDisabled, isDisabledLastCell, isRenderCollapseButton, rowRef, rowStyles, drawerProps, disabledReason, isActive, isSelectable, mobileDisplayVariant, rootRowElement, rootRowRef, } = (0, useLogic_1.useLogic)(props);
+    const { className, row, options, variant, gridColumns, isInitialExpanded, expandedLevel, level, nestedChildren, initialVisibleChildrenCount, moreButtonColumnPosition, isVisibleCollapseButton, columns, emptyCellValue, activeRowId, keyId, onSelectRow, onRowClick, sectionOffset, totalColumnsCount, registerRowElement, unregisterRowElement, onRowEnter, onRowLeave, style, getRowDisabled, isNested, 
     // В этот rest-оператор попадают специфичные пропсы (атрибуты) virtuoso
     // Необходимы для DataGridInfinite
     ...selfProps } = props;
-    const { isDisabledLastCell = true, isNotSelectable, href, target, } = options || {};
+    const { isNotSelectable, href, target } = options || {};
     const renderStartAdornment = () => {
         if (!isRenderCollapseButton && (!isSelectable || isNotSelectable)) {
             return null;
         }
-        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isRenderCollapseButton && ((0, jsx_runtime_1.jsx)(styles_1.CollapseCell, { children: (0, jsx_runtime_1.jsx)(styles_1.CollapseButton, { variant: "text", onClick: handleToggle, children: (0, jsx_runtime_1.jsx)(styles_1.ChevronIcon, { "$isActive": isOpen }) }) })), isSelectable && !isNotSelectable && ((0, jsx_runtime_1.jsx)(styles_1.CheckboxCell, { ...(0, getInertProps_1.getInertProps)(disabled), 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: [isRenderCollapseButton && ((0, jsx_runtime_1.jsx)(styles_1.CollapseCell, { children: (0, jsx_runtime_1.jsx)(styles_1.CollapseButton, { variant: "text", onClick: handleToggle, children: (0, jsx_runtime_1.jsx)(styles_1.ChevronIcon, { "$isActive": isOpen }) }) })), isSelectable && !isNotSelectable && ((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 = (totalColumnsCount ?? columns.length) - 1;
@@ -80,7 +80,7 @@ const RowInner = (props) => {
         return columns?.map((cell, index) => {
             const cellId = `${rowId}-${index}`;
             const globalIndex = (sectionOffset ?? 0) + index;
-            const isDisabledCell = (0, utils_2.checkIsDisabled)(disabled, availableCellsByIndex, globalIndex);
+            const isDisabledCell = (0, utils_2.checkIsDisabled)(isDisabled, availableCellsByIndex, globalIndex);
             const isFirstCell = globalIndex === 0;
             if ((0, utils_1.isGroupColumns)(cell)) {
                 const { label, children, hideTitleOnMobile, isHideOnMobile } = cell;
@@ -98,13 +98,16 @@ const RowInner = (props) => {
         row,
         isOpen,
         columns,
-        disabled,
+        isDisabled,
+        isDisabledLastCell,
         checkboxProps.checked,
+        checkboxProps.disabled,
+        checkboxProps.disabledReason,
         totalColumnsCount,
         sectionOffset,
         rootRowElement,
     ]);
-    const renderRow = (0, react_1.useCallback)(({ key, ...nestedRowProps }) => ((0, jsx_runtime_1.jsx)(RowInner, { keyId: keyId, ...nestedRowProps, variant: variant, isSelectable: isSelectable, gridColumns: gridColumns, isInitialExpanded: isInitialExpanded, expandedLevel: expandedLevel, initialVisibleChildrenCount: initialVisibleChildrenCount, moreButtonColumnPosition: moreButtonColumnPosition, isVisibleCollapseButton: isVisibleCollapseButton, activeRowId: activeRowId, columns: childrenColumns, onSelectRow: onSelectRow, onRowClick: onRowClick, totalColumnsCount: totalColumnsCount, registerRowElement: registerRowElement, unregisterRowElement: unregisterRowElement, onRowEnter: onRowEnter, onRowLeave: onRowLeave, sectionOffset: sectionOffset }, key)), [
+    const renderRow = (0, react_1.useCallback)(({ key, ...nestedRowProps }) => ((0, jsx_runtime_1.jsx)(RowInner, { keyId: keyId, ...nestedRowProps, variant: variant, isSelectable: isSelectable, gridColumns: gridColumns, isInitialExpanded: isInitialExpanded, expandedLevel: expandedLevel, initialVisibleChildrenCount: initialVisibleChildrenCount, moreButtonColumnPosition: moreButtonColumnPosition, isVisibleCollapseButton: isVisibleCollapseButton, activeRowId: activeRowId, columns: childrenColumns, onSelectRow: onSelectRow, onRowClick: onRowClick, totalColumnsCount: totalColumnsCount, registerRowElement: registerRowElement, unregisterRowElement: unregisterRowElement, onRowEnter: onRowEnter, onRowLeave: onRowLeave, sectionOffset: sectionOffset, getRowDisabled: getRowDisabled, isNested: true }, key)), [
         keyId,
         variant,
         isSelectable,
@@ -123,11 +126,12 @@ const RowInner = (props) => {
         unregisterRowElement,
         onRowEnter,
         onRowLeave,
+        getRowDisabled,
     ]);
     return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { className: (0, cn_1.cn)(className, rootCva({
             isShowConnector,
             mobileDisplayVariant,
             hasNestedChildren: Boolean(nestedChildren?.length),
-        })), style: rowStyles, ...selfProps, ref: rootRowRef, children: [(0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { followCursor: true, arrow: false, ...tooltipProps, children: (0, jsx_runtime_1.jsx)(styles_1.ContentWrapper, { "data-row-id": rowId, ref: rowRef, onPointerEnter: () => onRowEnter?.(rowId), onPointerLeave: (event) => onRowLeave?.(rowId, event.nativeEvent), className: rowContentCva({ isHovered, isActive }), "$gridColumns": gridColumns, [constants_1.DISABLE_ROW_ATTR]: disabled, ...rowProps, children: renderCells() }) }), (0, jsx_runtime_1.jsx)(NestedChildren_1.NestedChildren, { ...nestedChildrenProps, data: nestedChildren, keyId: keyId, level: level, variant: variant, gridColumns: gridColumns, initialVisibleChildrenCount: initialVisibleChildrenCount, moreButtonColumnPosition: moreButtonColumnPosition, renderRow: renderRow }), (0, jsx_runtime_1.jsx)(BottomDrawer_1.BottomDrawer, { ...drawerProps, children: (0, jsx_runtime_1.jsx)(styles_1.BottomDrawerContent, { children: disabledReasonText }) })] }, `row-${rowId}`));
+        })), style: rowStyles, ...selfProps, ref: rootRowRef, children: [(0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { followCursor: true, arrow: false, ...tooltipProps, children: (0, jsx_runtime_1.jsx)(styles_1.ContentWrapper, { "data-row-id": rowId, ref: rowRef, onPointerEnter: () => onRowEnter?.(rowId), onPointerLeave: (event) => onRowLeave?.(rowId, event.nativeEvent), className: rowContentCva({ isHovered, isActive }), "$gridColumns": gridColumns, [constants_1.DISABLE_ROW_ATTR]: isDisabled, ...rowProps, children: renderCells() }) }), (0, jsx_runtime_1.jsx)(NestedChildren_1.NestedChildren, { ...nestedChildrenProps, data: nestedChildren, keyId: keyId, level: level, variant: variant, gridColumns: gridColumns, initialVisibleChildrenCount: initialVisibleChildrenCount, moreButtonColumnPosition: moreButtonColumnPosition, renderRow: renderRow }), (0, jsx_runtime_1.jsx)(BottomDrawer_1.BottomDrawer, { ...drawerProps, children: (0, jsx_runtime_1.jsx)(styles_1.BottomDrawerContent, { children: disabledReason }) })] }, `row-${rowId}`));
 };
 exports.Row = (0, react_1.memo)(RowInner);