@astral/ui 4.3.0 → 4.4.0

package/components/DataGrid/DataGrid.d.ts

@@ -1,163 +1,3 @@
-import { type ReactNode } from 'react';
-import { Variant } from './enums';
-import { type NoDataProps } from './NoData';
-import type { CellValue, DataGridColumns, DataGridRow, DataGridRowWithOptions, DataGridSort } from './types';
-export type DataGridProps<TData extends Record<string, CellValue> = DataGridRow, TSortField extends keyof TData = keyof TData> = {
-    /**
-     * Название класса, применяется к корневому компоненту
-     */
-    className?: string;
-    /**
-     * Массив данных для таблицы
-     */
-    rows: DataGridRowWithOptions<TData>[];
-    /**
-     * @example <DataGrid columns={[
-     *   {
-     *     field: 'test',
-     *     label: 'Тестовая колонка',
-     *     sortable: true,
-     *   }]} />
-     * Конфигурация колонок для таблицы
-     */
-    columns: DataGridColumns<TData>[];
-    /**
-     * Идентификатор активного элемента массива rows. Выделяет активную строку в таблице
-     */
-    activeRowId?: string;
-    /**
-     * Поле, которое будет использоваться в качестве ключа
-     */
-    keyId: keyof TData;
-    /**
-     * @example <DataGrid selectedRows={[{name: 'test'}]} />
-     * Массив выбранных строк
-     */
-    selectedRows?: TData[];
-    /**
-     * @example <DataGrid sorting={{fieldId: 'test', sort: 'asc'}} />
-     * Параметры сортируемой колонки
-     */
-    sorting?: DataGridSort<TSortField>;
-    /**
-     * Компонент кастомного футера (например Pagination)
-     */
-    footer?: ReactNode;
-    /**
-     *  Используется для отображения placeholder при отсутствии данных в таблице
-     */
-    noDataPlaceholder?: ReactNode;
-    /**
-     * Максимальная высота для таблицы
-     */
-    maxHeight?: number;
-    /**
-     * Если true, показывается анимация загрузки
-     */
-    isLoading?: boolean;
-    /**
-     * Если true, таблица будет заблокирована для взаимодействия
-     */
-    isDisabled?: boolean;
-    /**
-     * Флаг состояния ошибки
-     */
-    isError?: boolean;
-    /**
-     * Текст ошибки
-     */
-    errorMsg?: string;
-    /**
-     * Вариант отображения вложенных элементов
-     * @default 'tree'
-     */
-    variant?: `${Variant}`;
-    /**
-     * Опции для отображения древовидных списков
-     * Применяется если variant="tree"
-     */
-    tree?: {
-        /**
-         * Если true, то дерево будет раскрыто по умолчанию
-         * @default 'false'
-         */
-        isInitialExpanded?: boolean;
-        /**
-         * Уровень раскрытия дерева по умолчанию, при `isInitialExpanded=true`
-         * @default '1'
-         */
-        expandedLevel?: number;
-        /**
-         * Количество отображаемых по умолчанию дочерних элементов
-         * @default '2'
-         */
-        initialVisibleChildrenCount?: number;
-    };
-    /**
-     * Опции для отображения вложенных списков
-     * Применяется если variant="subrows"
-     */
-    subrows?: {
-        /**
-         * Уровень раскрытия дочерних элементов по умолчанию, при `isInitialExpanded=true`
-         * @default '1'
-         */
-        expandedLevel?: number;
-        /**
-         * Количество отображаемых по умолчанию дочерних элементов
-         * @default '2'
-         */
-        initialVisibleChildrenCount?: number;
-        /**
-         * Номер колонки, в которой будет расположена кнопка "Показать все"
-         * @default 1
-         */
-        moreButtonColumnPosition?: number;
-        /**
-         * Если false, кнопка разворачивания элементов не показывается
-         * @default true
-         */
-        isVisibleCollapseButton?: boolean;
-    };
-    /**
-     * Заглушка для пустых ячеек (если отсутствует field и filter и renderCell)
-     * @default '—'
-     */
-    emptyCellValue?: ReactNode;
-    /**
-     * Используется для отображения переданного кол-ва строк при отсутствии данных
-     * @default 10
-     */
-    minDisplayRows?: number;
-    /**
-     * Функция обработки нажатия на кнопку "Повторить запрос"
-     */
-    onRetry: () => void;
-    /**
-     * Обработчик клика строки таблицы
-     */
-    onRowClick?: (row: TData) => void;
-    /**
-     * Обработчик выбора строки
-     */
-    onSelectRow?: (row: TData[]) => void;
-    /**
-     * @example <DataGrid onSort={({fieldId: 'test', sort: 'asc'}) => console.log('sorted')} />
-     * Обработчик сортировки
-     */
-    onSort?: (sorting: DataGridSort<TSortField> | undefined) => void;
-    /**
-     * Используется для кастомизации компонента, использующегося в сценарии отсутствия данных
-     */
-    noDataOptions?: NoDataProps;
-    /**
-     * Используется для скрытия чекбокса "Выбрать все"
-     */
-    isHideSelectAll?: boolean;
-    /**
-     * Место для рендера перед head страницы
-     * @private Предполагается для использования в реализации изменения размеров таблицы
-     */
-    headPreAddon?: ReactNode;
-};
+/// <reference types="react" />
+import { type DataGridProps, type DataGridRow } from './types';
 export declare const DataGrid: <TData extends Record<string, unknown> = DataGridRow, TSortField extends keyof TData = keyof TData>(props: DataGridProps<TData, TSortField>) => JSX.Element;

package/components/DataGrid/DataGrid.js

@@ -12,7 +12,7 @@ import { NoData } from './NoData';
 import { Container, DataGridWrapper, DisabledDataGridWrapper } from './styles';
 import { useLogic } from './useLogic';
 export const DataGrid = (props) => {
-    const { isDataGridDisabled, treeRenderConfig, headProps, bodyProps, loaderProps, renderRows, isAllowHorizontalScroll, } = useLogic(props);
+    const { isDataGridDisabled, treeRenderConfig, headProps, bodyProps, loaderProps, renderRows, isAllowHorizontalScroll, isHideHead, } = useLogic(props);
     const { emptySymbol } = useContext(ConfigContext);
     const { columns, selectedRows = [], sorting, maxHeight, minDisplayRows = MIN_DISPLAY_ROWS_BY_DEFAULT, errorMsg, variant = Variant.Tree, footer, noDataPlaceholder, isLoading, isError, subrows, keyId, activeRowId, emptyCellValue = emptySymbol, className, onRowClick, onSort, noDataOptions, onRetry, headPreAddon, } = props;
     const { moreButtonColumnPosition = 1, isVisibleCollapseButton = true } = subrows || {};
@@ -26,5 +26,5 @@ export const DataGrid = (props) => {
         }
         return null;
     }, [noDataPlaceholder, noDataOptions, isLoading]);
-    return (_jsx(DataGridContextProvider, { isLoading: isLoading, children: _jsxs(Container, { "$maxHeight": maxHeight, "$isAllowHorizontalScroll": isAllowHorizontalScroll, className: classNames(dataGridClassnames.root, className), children: [_jsxs(TableContainer, { "$isAllowHorizontalScroll": isAllowHorizontalScroll, inert: isDataGridDisabled ? '' : undefined, children: [headPreAddon, _jsx(Head, { ...headProps, sorting: sorting, onSort: onSort }), _jsx(Body, { ...bodyProps, activeRowId: activeRowId, keyId: keyId, selectedRows: selectedRows, minDisplayRows: minDisplayRows, rows: renderRows, columns: columns, variant: variant, emptyCellValue: emptyCellValue, isInitialExpanded: isInitialExpanded, expandedLevel: expandedLevel, initialVisibleChildrenCount: initialVisibleChildrenCount, moreButtonColumnPosition: moreButtonColumnPosition, isVisibleCollapseButton: isVisibleCollapseButton, isLoading: isLoading, isError: isError, errorMsg: errorMsg, noDataPlaceholder: renderedPlaceholder(), onRowClick: onRowClick, onRetry: onRetry })] }), _jsx(Loader, { ...loaderProps }), footer && footer] }) }));
+    return (_jsx(DataGridContextProvider, { isLoading: isLoading, children: _jsxs(Container, { "$maxHeight": maxHeight, "$isAllowHorizontalScroll": isAllowHorizontalScroll, className: classNames(dataGridClassnames.root, className), children: [_jsxs(TableContainer, { "$isAllowHorizontalScroll": isAllowHorizontalScroll, inert: isDataGridDisabled ? '' : undefined, children: [headPreAddon, !isHideHead && (_jsx(Head, { ...headProps, sorting: sorting, onSort: onSort })), _jsx(Body, { ...bodyProps, activeRowId: activeRowId, keyId: keyId, selectedRows: selectedRows, minDisplayRows: minDisplayRows, rows: renderRows, columns: columns, variant: variant, emptyCellValue: emptyCellValue, isInitialExpanded: isInitialExpanded, expandedLevel: expandedLevel, initialVisibleChildrenCount: initialVisibleChildrenCount, moreButtonColumnPosition: moreButtonColumnPosition, isVisibleCollapseButton: isVisibleCollapseButton, isLoading: isLoading, isError: isError, errorMsg: errorMsg, noDataPlaceholder: renderedPlaceholder(), onRowClick: onRowClick, onRetry: onRetry })] }), _jsx(Loader, { ...loaderProps }), footer && footer] }) }));
 };

package/components/DataGrid/types.d.ts

@@ -1,9 +1,173 @@
 import { type CSSProperties, type ReactNode } from 'react';
 import { type Target } from '../utils';
+import { type Variant } from './enums';
+import type { NoDataProps } from './NoData';
 export type AlignVariant = 'left' | 'center' | 'right';
 export type SortState = 'asc' | 'desc';
 export type RenderCell<TData> = (params: TData) => ReactNode;
 export type CellValue = unknown;
+export type DataGridProps<TData extends Record<string, CellValue> = DataGridRow, TSortField extends keyof TData = keyof TData> = {
+    /**
+     * Название класса, применяется к корневому компоненту
+     */
+    className?: string;
+    /**
+     * Массив данных для таблицы
+     */
+    rows: DataGridRowWithOptions<TData>[];
+    /**
+     * @example <DataGrid columns={[
+     *   {
+     *     field: 'test',
+     *     label: 'Тестовая колонка',
+     *     sortable: true,
+     *   }]} />
+     * Конфигурация колонок для таблицы
+     */
+    columns: DataGridColumns<TData>[];
+    /**
+     * Идентификатор активного элемента массива rows. Выделяет активную строку в таблице
+     */
+    activeRowId?: string;
+    /**
+     * Поле, которое будет использоваться в качестве ключа
+     */
+    keyId: keyof TData;
+    /**
+     * @example <DataGrid selectedRows={[{name: 'test'}]} />
+     * Массив выбранных строк
+     */
+    selectedRows?: TData[];
+    /**
+     * @example <DataGrid sorting={{fieldId: 'test', sort: 'asc'}} />
+     * Параметры сортируемой колонки
+     */
+    sorting?: DataGridSort<TSortField>;
+    /**
+     * Компонент кастомного футера (например Pagination)
+     */
+    footer?: ReactNode;
+    /**
+     *  Используется для отображения placeholder при отсутствии данных в таблице
+     */
+    noDataPlaceholder?: ReactNode;
+    /**
+     * Максимальная высота для таблицы
+     */
+    maxHeight?: number;
+    /**
+     * Если true, показывается анимация загрузки
+     */
+    isLoading?: boolean;
+    /**
+     * Если true, таблица будет заблокирована для взаимодействия
+     */
+    isDisabled?: boolean;
+    /**
+     * Флаг состояния ошибки
+     */
+    isError?: boolean;
+    /**
+     * Текст ошибки
+     */
+    errorMsg?: string;
+    /**
+     * Вариант отображения вложенных элементов
+     * @default 'tree'
+     */
+    variant?: `${Variant}`;
+    /**
+     * Опции для отображения древовидных списков
+     * Применяется если variant="tree"
+     */
+    tree?: {
+        /**
+         * Если true, то дерево будет раскрыто по умолчанию
+         * @default 'false'
+         */
+        isInitialExpanded?: boolean;
+        /**
+         * Уровень раскрытия дерева по умолчанию, при `isInitialExpanded=true`
+         * @default '1'
+         */
+        expandedLevel?: number;
+        /**
+         * Количество отображаемых по умолчанию дочерних элементов
+         * @default '2'
+         */
+        initialVisibleChildrenCount?: number;
+    };
+    /**
+     * Опции для отображения вложенных списков
+     * Применяется если variant="subrows"
+     */
+    subrows?: {
+        /**
+         * Уровень раскрытия дочерних элементов по умолчанию, при `isInitialExpanded=true`
+         * @default '1'
+         */
+        expandedLevel?: number;
+        /**
+         * Количество отображаемых по умолчанию дочерних элементов
+         * @default '2'
+         */
+        initialVisibleChildrenCount?: number;
+        /**
+         * Номер колонки, в которой будет расположена кнопка "Показать все"
+         * @default 1
+         */
+        moreButtonColumnPosition?: number;
+        /**
+         * Если false, кнопка разворачивания элементов не показывается
+         * @default true
+         */
+        isVisibleCollapseButton?: boolean;
+    };
+    /**
+     * Заглушка для пустых ячеек (если отсутствует field и filter и renderCell)
+     * @default '—'
+     */
+    emptyCellValue?: ReactNode;
+    /**
+     * Используется для отображения переданного кол-ва строк при отсутствии данных
+     * @default 10
+     */
+    minDisplayRows?: number;
+    /**
+     * Функция обработки нажатия на кнопку "Повторить запрос"
+     */
+    onRetry: () => void;
+    /**
+     * Обработчик клика строки таблицы
+     */
+    onRowClick?: (row: TData) => void;
+    /**
+     * Обработчик выбора строки
+     */
+    onSelectRow?: (row: TData[]) => void;
+    /**
+     * @example <DataGrid onSort={({fieldId: 'test', sort: 'asc'}) => console.log('sorted')} />
+     * Обработчик сортировки
+     */
+    onSort?: (sorting: DataGridSort<TSortField> | undefined) => void;
+    /**
+     * Используется для кастомизации компонента, использующегося в сценарии отсутствия данных
+     */
+    noDataOptions?: NoDataProps;
+    /**
+     * Используется для скрытия чекбокса "Выбрать все"
+     */
+    isHideSelectAll?: boolean;
+    /**
+     * Место для рендера перед head страницы
+     * @private Предполагается для использования в реализации изменения размеров таблицы
+     */
+    headPreAddon?: ReactNode;
+    /**
+     * Убирает шапку таблицы, когда нет данных
+     */
+    isHideHeaderIfNoData?: boolean;
+};
 export type DataGridSort<TSortField> = {
     /**
      * @example {fieldId: 'test'}

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

@@ -1,8 +1,7 @@
 import { type ChangeEvent } from 'react';
-import { type DataGridProps } from '../DataGrid';
-import type { CellValue, DataGridRow } from '../types';
+import type { CellValue, DataGridProps, DataGridRow } from '../types';
 type UseLogicParams<TData extends Record<string, CellValue> = DataGridRow, TSortField extends keyof TData = keyof TData> = DataGridProps<TData, TSortField>;
-export declare const useLogic: <TData extends Record<string, unknown> = DataGridRow, TSortField extends keyof TData = keyof TData>({ keyId, columns, rows, variant, tree, subrows, selectedRows, isLoading, isDisabled, onSelectRow, isHideSelectAll, }: UseLogicParams<TData, TSortField>) => {
+export declare const useLogic: <TData extends Record<string, unknown> = DataGridRow, TSortField extends keyof TData = keyof TData>({ keyId, columns, rows, variant, tree, subrows, selectedRows, isLoading, isDisabled, onSelectRow, isHideSelectAll, isHideHeaderIfNoData, }: UseLogicParams<TData, TSortField>) => {
     isDataGridDisabled: boolean | undefined;
     treeRenderConfig: {
         isInitialExpanded?: boolean | undefined;
@@ -11,6 +10,7 @@ export declare const useLogic: <TData extends Record<string, unknown> = DataGrid
     } | undefined;
     renderRows: TData[];
     isAllowHorizontalScroll: boolean;
+    isHideHead: boolean;
     headProps: {
         rowsCount: number;
         uncheckedRowsCount: number;

package/components/DataGrid/useLogic/useLogic.js

@@ -3,7 +3,7 @@ import { useFirstMountState } from '../../hooks';
 import { prop, uniqueBy } from '../../utils';
 import { Variant } from '../enums';
 import { getGridTemplateColumns, getIsAllowHorizontalScroll } from './utils';
-export const useLogic = ({ keyId, columns, rows = [], variant, tree, subrows, selectedRows = [], isLoading, isDisabled, onSelectRow, isHideSelectAll, }) => {
+export const useLogic = ({ keyId, columns, rows = [], variant, tree, subrows, selectedRows = [], isLoading, isDisabled, onSelectRow, isHideSelectAll, isHideHeaderIfNoData = false, }) => {
     const isFirstRender = useFirstMountState();
     const isSelectable = Boolean(onSelectRow);
     const isDataGridDisabled = isLoading || isDisabled;
@@ -54,11 +54,13 @@ export const useLogic = ({ keyId, columns, rows = [], variant, tree, subrows, se
         }
         onSelectRow(selectedRowsRef.current.filter((selectedRow) => selectedRow[keyId] !== row[keyId]));
     };
+    const isHideHead = isHideHeaderIfNoData && rows.length === 0;
     return {
         isDataGridDisabled,
         treeRenderConfig,
         renderRows,
         isAllowHorizontalScroll,
+        isHideHead,
         headProps: {
             rowsCount: availableRows.length,
             uncheckedRowsCount,

package/components/DataGridInfinite/DataGridInfinite.d.ts

@@ -1,17 +1,4 @@
 /// <reference types="react" />
-import { type CellValue, type DataGridProps, type DataGridRow } from '../DataGrid';
-export type DataGridInfiniteProps<TData extends Record<string, CellValue> = DataGridRow, TSortField extends keyof TData = keyof TData> = Omit<DataGridProps<TData, TSortField>, 'footer' | 'minDisplayRows'> & {
-    /**
-     * Флаг достижения конца списка
-     */
-    isEndReached?: boolean;
-    /**
-     * Текст достижения конца списка
-     */
-    endOfScrollMsg?: string;
-    /**
-     * Обработчик подгрузки данных
-     */
-    onEndReached?: () => void;
-};
+import { type DataGridRow } from '../DataGrid';
+import { type DataGridInfiniteProps } from './types';
 export declare const DataGridInfinite: <TData extends Record<string, unknown> = DataGridRow, TSortField extends keyof TData = keyof TData>(props: DataGridInfiniteProps<TData, TSortField>) => JSX.Element;

package/components/DataGridInfinite/DataGridInfinite.js

@@ -18,12 +18,12 @@ import { useLogic } from './useLogic';
 const INITIAL_LEVEL = 0;
 export const DataGridInfinite = (props) => {
     const { imagesMap, emptySymbol } = useContext(ConfigContext);
-    const { isNoData, isDataGridDisabled, isStickyButtonActive, treeRenderConfig, virtuosoProps, headProps, rowProps, scrollToTopButtonProps, isEndReached, } = useLogic(props);
+    const { isNoData, isDataGridDisabled, isStickyButtonActive, treeRenderConfig, virtuosoProps, headProps, rowProps, scrollToTopButtonProps, isEndReached, isHideHead, } = useLogic(props);
     const { columns, rows = [], selectedRows = [], sorting, maxHeight, isLoading, isDisabled, keyId, activeRowId, emptyCellValue = emptySymbol, variant = Variant.Tree, subrows, className, isError, endOfScrollMsg, errorMsg, noDataPlaceholder, onRowClick, onSort, onRetry, headPreAddon, } = props;
     const { moreButtonColumnPosition = 1, isVisibleCollapseButton = true } = subrows || {};
     const { isInitialExpanded = false, expandedLevel = EXPANDED_LEVEL_BY_DEFAULT, initialVisibleChildrenCount = INITIAL_OPENED_NESTED_CHILDREN_COUNT_BY_DEFAULT, } = treeRenderConfig || {};
     const TableContainer = isDisabled ? DisabledDataGridWrapper : DataGridWrapper;
-    return (_jsx(DataGridContextProvider, { children: _jsxs(Container, { "$maxHeight": maxHeight, className: classNames(dataGridClassnames.root, className), children: [headPreAddon, _jsxs(TableContainer, { inert: isDataGridDisabled ? '' : undefined, children: [_jsx(Head, { ...headProps, onSort: onSort, sorting: sorting, columns: columns }), _jsx(ContentState, { isLoading: isLoading && !isNoData, loadingTitle: "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430 \u0434\u0430\u043D\u043D\u044B\u0445", isError: isError && !isNoData, errorState: {
+    return (_jsx(DataGridContextProvider, { children: _jsxs(Container, { "$maxHeight": maxHeight, className: classNames(dataGridClassnames.root, className), children: [headPreAddon, _jsxs(TableContainer, { inert: isDataGridDisabled ? '' : undefined, children: [!isHideHead && (_jsx(Head, { ...headProps, onSort: onSort, sorting: sorting, columns: columns })), _jsx(ContentState, { isLoading: isLoading && !isNoData, loadingTitle: "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430 \u0434\u0430\u043D\u043D\u044B\u0445", isError: isError && !isNoData, errorState: {
                                 imgAlt: 'Что-то пошло не так',
                                 errorList: [errorMsg || ''],
                                 imgSrc: imagesMap.defaultErrorImgSrc,

package/components/DataGridInfinite/index.d.ts

@@ -1 +1,2 @@
 export * from './DataGridInfinite';
+export type { DataGridInfiniteProps } from './types';

package/components/DataGridInfinite/types.d.ts

@@ -0,0 +1,19 @@
+import type { CellValue, DataGridProps, DataGridRow } from '../DataGrid';
+export type DataGridInfiniteProps<TData extends Record<string, CellValue> = DataGridRow, TSortField extends keyof TData = keyof TData> = Omit<DataGridProps<TData, TSortField>, 'footer' | 'minDisplayRows'> & {
+    /**
+     * Флаг достижения конца списка
+     */
+    isEndReached?: boolean;
+    /**
+     * Текст достижения конца списка
+     */
+    endOfScrollMsg?: string;
+    /**
+     * Обработчик подгрузки данных
+     */
+    onEndReached?: () => void;
+    /**
+     * Убирает шапку таблицы, когда нет данных
+     */
+    isHideHeaderIfNoData?: boolean;
+};

package/components/DataGridInfinite/types.js

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

package/components/DataGridInfinite/useLogic/useLogic.d.ts

@@ -1,9 +1,9 @@
 import { type ChangeEvent } from 'react';
 import type { ListRange, VirtuosoHandle } from 'react-virtuoso';
 import { type CellValue, type DataGridRow } from '../../DataGrid';
-import { type DataGridInfiniteProps } from '../DataGridInfinite';
+import { type DataGridInfiniteProps } from '../types';
 type UseLogicParams<TData extends Record<string, CellValue> = DataGridRow, TSortField extends keyof TData = keyof TData> = DataGridInfiniteProps<TData, TSortField>;
-export declare const useLogic: <TData extends Record<string, unknown> = DataGridRow, TSortField extends keyof TData = keyof TData>({ keyId, columns, rows, variant, tree, subrows, selectedRows, isLoading, isDisabled, isEndReached, onEndReached, onSelectRow, isHideSelectAll, }: UseLogicParams<TData, TSortField>) => {
+export declare const useLogic: <TData extends Record<string, unknown> = DataGridRow, TSortField extends keyof TData = keyof TData>({ keyId, columns, rows, variant, tree, subrows, selectedRows, isLoading, isDisabled, isEndReached, onEndReached, onSelectRow, isHideSelectAll, isHideHeaderIfNoData, }: UseLogicParams<TData, TSortField>) => {
     isNoData: boolean;
     isDataGridDisabled: boolean | undefined;
     isStickyButtonActive: boolean;
@@ -13,6 +13,7 @@ export declare const useLogic: <TData extends Record<string, unknown> = DataGrid
         initialVisibleChildrenCount?: number | undefined;
     } | undefined;
     isEndReached: boolean | undefined;
+    isHideHead: boolean;
     virtuosoProps: {
         id: string;
         ref: import("react").RefObject<VirtuosoHandle>;

package/components/DataGridInfinite/useLogic/useLogic.js

@@ -4,7 +4,7 @@ import { getGridTemplateColumns } from '../../DataGrid/useLogic/utils';
 import { useToggle } from '../../hooks';
 import { prop, uniqueBy } from '../../utils';
 import { VIRTUOSO_CONTAINER_ID, VIRTUOSO_LIST_ID } from '../constants';
-export const useLogic = ({ keyId, columns, rows, variant, tree, subrows, selectedRows = [], isLoading, isDisabled, isEndReached, onEndReached, onSelectRow, isHideSelectAll, }) => {
+export const useLogic = ({ keyId, columns, rows, variant, tree, subrows, selectedRows = [], isLoading, isDisabled, isEndReached, onEndReached, onSelectRow, isHideSelectAll, isHideHeaderIfNoData = false, }) => {
     const virtuoso = useRef(null);
     const [hasVerticalScroll, setHasVerticalScroll] = useState(false);
     const [isStickyButtonActive, showStickyButton, hideStickyButton] = useToggle();
@@ -57,12 +57,14 @@ export const useLogic = ({ keyId, columns, rows, variant, tree, subrows, selecte
             setHasVerticalScroll(list?.clientHeight > container?.clientHeight);
         }
     };
+    const isHideHead = isHideHeaderIfNoData && rows.length === 0;
     return {
         isNoData,
         isDataGridDisabled,
         isStickyButtonActive,
         treeRenderConfig,
         isEndReached: isEndReached && hasVerticalScroll,
+        isHideHead,
         virtuosoProps: {
             id: VIRTUOSO_CONTAINER_ID,
             ref: virtuoso,

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

@@ -1,163 +1,3 @@
-import { type ReactNode } from 'react';
-import { Variant } from './enums';
-import { type NoDataProps } from './NoData';
-import type { CellValue, DataGridColumns, DataGridRow, DataGridRowWithOptions, DataGridSort } from './types';
-export type DataGridProps<TData extends Record<string, CellValue> = DataGridRow, TSortField extends keyof TData = keyof TData> = {
-    /**
-     * Название класса, применяется к корневому компоненту
-     */
-    className?: string;
-    /**
-     * Массив данных для таблицы
-     */
-    rows: DataGridRowWithOptions<TData>[];
-    /**
-     * @example <DataGrid columns={[
-     *   {
-     *     field: 'test',
-     *     label: 'Тестовая колонка',
-     *     sortable: true,
-     *   }]} />
-     * Конфигурация колонок для таблицы
-     */
-    columns: DataGridColumns<TData>[];
-    /**
-     * Идентификатор активного элемента массива rows. Выделяет активную строку в таблице
-     */
-    activeRowId?: string;
-    /**
-     * Поле, которое будет использоваться в качестве ключа
-     */
-    keyId: keyof TData;
-    /**
-     * @example <DataGrid selectedRows={[{name: 'test'}]} />
-     * Массив выбранных строк
-     */
-    selectedRows?: TData[];
-    /**
-     * @example <DataGrid sorting={{fieldId: 'test', sort: 'asc'}} />
-     * Параметры сортируемой колонки
-     */
-    sorting?: DataGridSort<TSortField>;
-    /**
-     * Компонент кастомного футера (например Pagination)
-     */
-    footer?: ReactNode;
-    /**
-     *  Используется для отображения placeholder при отсутствии данных в таблице
-     */
-    noDataPlaceholder?: ReactNode;
-    /**
-     * Максимальная высота для таблицы
-     */
-    maxHeight?: number;
-    /**
-     * Если true, показывается анимация загрузки
-     */
-    isLoading?: boolean;
-    /**
-     * Если true, таблица будет заблокирована для взаимодействия
-     */
-    isDisabled?: boolean;
-    /**
-     * Флаг состояния ошибки
-     */
-    isError?: boolean;
-    /**
-     * Текст ошибки
-     */
-    errorMsg?: string;
-    /**
-     * Вариант отображения вложенных элементов
-     * @default 'tree'
-     */
-    variant?: `${Variant}`;
-    /**
-     * Опции для отображения древовидных списков
-     * Применяется если variant="tree"
-     */
-    tree?: {
-        /**
-         * Если true, то дерево будет раскрыто по умолчанию
-         * @default 'false'
-         */
-        isInitialExpanded?: boolean;
-        /**
-         * Уровень раскрытия дерева по умолчанию, при `isInitialExpanded=true`
-         * @default '1'
-         */
-        expandedLevel?: number;
-        /**
-         * Количество отображаемых по умолчанию дочерних элементов
-         * @default '2'
-         */
-        initialVisibleChildrenCount?: number;
-    };
-    /**
-     * Опции для отображения вложенных списков
-     * Применяется если variant="subrows"
-     */
-    subrows?: {
-        /**
-         * Уровень раскрытия дочерних элементов по умолчанию, при `isInitialExpanded=true`
-         * @default '1'
-         */
-        expandedLevel?: number;
-        /**
-         * Количество отображаемых по умолчанию дочерних элементов
-         * @default '2'
-         */
-        initialVisibleChildrenCount?: number;
-        /**
-         * Номер колонки, в которой будет расположена кнопка "Показать все"
-         * @default 1
-         */
-        moreButtonColumnPosition?: number;
-        /**
-         * Если false, кнопка разворачивания элементов не показывается
-         * @default true
-         */
-        isVisibleCollapseButton?: boolean;
-    };
-    /**
-     * Заглушка для пустых ячеек (если отсутствует field и filter и renderCell)
-     * @default '—'
-     */
-    emptyCellValue?: ReactNode;
-    /**
-     * Используется для отображения переданного кол-ва строк при отсутствии данных
-     * @default 10
-     */
-    minDisplayRows?: number;
-    /**
-     * Функция обработки нажатия на кнопку "Повторить запрос"
-     */
-    onRetry: () => void;
-    /**
-     * Обработчик клика строки таблицы
-     */
-    onRowClick?: (row: TData) => void;
-    /**
-     * Обработчик выбора строки
-     */
-    onSelectRow?: (row: TData[]) => void;
-    /**
-     * @example <DataGrid onSort={({fieldId: 'test', sort: 'asc'}) => console.log('sorted')} />
-     * Обработчик сортировки
-     */
-    onSort?: (sorting: DataGridSort<TSortField> | undefined) => void;
-    /**
-     * Используется для кастомизации компонента, использующегося в сценарии отсутствия данных
-     */
-    noDataOptions?: NoDataProps;
-    /**
-     * Используется для скрытия чекбокса "Выбрать все"
-     */
-    isHideSelectAll?: boolean;
-    /**
-     * Место для рендера перед head страницы
-     * @private Предполагается для использования в реализации изменения размеров таблицы
-     */
-    headPreAddon?: ReactNode;
-};
+/// <reference types="react" />
+import { type DataGridProps, type DataGridRow } from './types';
 export declare const DataGrid: <TData extends Record<string, unknown> = DataGridRow, TSortField extends keyof TData = keyof TData>(props: DataGridProps<TData, TSortField>) => JSX.Element;

package/node/components/DataGrid/DataGrid.js

@@ -15,7 +15,7 @@ const NoData_1 = require("./NoData");
 const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
 const DataGrid = (props) => {
-    const { isDataGridDisabled, treeRenderConfig, headProps, bodyProps, loaderProps, renderRows, isAllowHorizontalScroll, } = (0, useLogic_1.useLogic)(props);
+    const { isDataGridDisabled, treeRenderConfig, headProps, bodyProps, loaderProps, renderRows, isAllowHorizontalScroll, isHideHead, } = (0, useLogic_1.useLogic)(props);
     const { emptySymbol } = (0, react_1.useContext)(ConfigProvider_1.ConfigContext);
     const { columns, selectedRows = [], sorting, maxHeight, minDisplayRows = constants_1.MIN_DISPLAY_ROWS_BY_DEFAULT, errorMsg, variant = enums_1.Variant.Tree, footer, noDataPlaceholder, isLoading, isError, subrows, keyId, activeRowId, emptyCellValue = emptySymbol, className, onRowClick, onSort, noDataOptions, onRetry, headPreAddon, } = props;
     const { moreButtonColumnPosition = 1, isVisibleCollapseButton = true } = subrows || {};
@@ -29,6 +29,6 @@ const DataGrid = (props) => {
         }
         return null;
     }, [noDataPlaceholder, noDataOptions, isLoading]);
-    return ((0, jsx_runtime_1.jsx)(DataGridContext_1.DataGridContextProvider, { isLoading: isLoading, children: (0, jsx_runtime_1.jsxs)(styles_1.Container, { "$maxHeight": maxHeight, "$isAllowHorizontalScroll": isAllowHorizontalScroll, className: (0, utils_1.classNames)(constants_1.dataGridClassnames.root, className), children: [(0, jsx_runtime_1.jsxs)(TableContainer, { "$isAllowHorizontalScroll": isAllowHorizontalScroll, inert: isDataGridDisabled ? '' : undefined, children: [headPreAddon, (0, jsx_runtime_1.jsx)(Head_1.Head, { ...headProps, sorting: sorting, onSort: onSort }), (0, jsx_runtime_1.jsx)(Body_1.Body, { ...bodyProps, activeRowId: activeRowId, keyId: keyId, selectedRows: selectedRows, minDisplayRows: minDisplayRows, rows: renderRows, columns: columns, variant: variant, emptyCellValue: emptyCellValue, isInitialExpanded: isInitialExpanded, expandedLevel: expandedLevel, initialVisibleChildrenCount: initialVisibleChildrenCount, moreButtonColumnPosition: moreButtonColumnPosition, isVisibleCollapseButton: isVisibleCollapseButton, isLoading: isLoading, isError: isError, errorMsg: errorMsg, noDataPlaceholder: renderedPlaceholder(), onRowClick: onRowClick, onRetry: onRetry })] }), (0, jsx_runtime_1.jsx)(Loader_1.Loader, { ...loaderProps }), footer && footer] }) }));
+    return ((0, jsx_runtime_1.jsx)(DataGridContext_1.DataGridContextProvider, { isLoading: isLoading, children: (0, jsx_runtime_1.jsxs)(styles_1.Container, { "$maxHeight": maxHeight, "$isAllowHorizontalScroll": isAllowHorizontalScroll, className: (0, utils_1.classNames)(constants_1.dataGridClassnames.root, className), children: [(0, jsx_runtime_1.jsxs)(TableContainer, { "$isAllowHorizontalScroll": isAllowHorizontalScroll, inert: isDataGridDisabled ? '' : undefined, children: [headPreAddon, !isHideHead && ((0, jsx_runtime_1.jsx)(Head_1.Head, { ...headProps, sorting: sorting, onSort: onSort })), (0, jsx_runtime_1.jsx)(Body_1.Body, { ...bodyProps, activeRowId: activeRowId, keyId: keyId, selectedRows: selectedRows, minDisplayRows: minDisplayRows, rows: renderRows, columns: columns, variant: variant, emptyCellValue: emptyCellValue, isInitialExpanded: isInitialExpanded, expandedLevel: expandedLevel, initialVisibleChildrenCount: initialVisibleChildrenCount, moreButtonColumnPosition: moreButtonColumnPosition, isVisibleCollapseButton: isVisibleCollapseButton, isLoading: isLoading, isError: isError, errorMsg: errorMsg, noDataPlaceholder: renderedPlaceholder(), onRowClick: onRowClick, onRetry: onRetry })] }), (0, jsx_runtime_1.jsx)(Loader_1.Loader, { ...loaderProps }), footer && footer] }) }));
 };
 exports.DataGrid = DataGrid;

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

@@ -1,9 +1,173 @@
 import { type CSSProperties, type ReactNode } from 'react';
 import { type Target } from '../utils';
+import { type Variant } from './enums';
+import type { NoDataProps } from './NoData';
 export type AlignVariant = 'left' | 'center' | 'right';
 export type SortState = 'asc' | 'desc';
 export type RenderCell<TData> = (params: TData) => ReactNode;
 export type CellValue = unknown;
+export type DataGridProps<TData extends Record<string, CellValue> = DataGridRow, TSortField extends keyof TData = keyof TData> = {
+    /**
+     * Название класса, применяется к корневому компоненту
+     */
+    className?: string;
+    /**
+     * Массив данных для таблицы
+     */
+    rows: DataGridRowWithOptions<TData>[];
+    /**
+     * @example <DataGrid columns={[
+     *   {
+     *     field: 'test',
+     *     label: 'Тестовая колонка',
+     *     sortable: true,
+     *   }]} />
+     * Конфигурация колонок для таблицы
+     */
+    columns: DataGridColumns<TData>[];
+    /**
+     * Идентификатор активного элемента массива rows. Выделяет активную строку в таблице
+     */
+    activeRowId?: string;
+    /**
+     * Поле, которое будет использоваться в качестве ключа
+     */
+    keyId: keyof TData;
+    /**
+     * @example <DataGrid selectedRows={[{name: 'test'}]} />
+     * Массив выбранных строк
+     */
+    selectedRows?: TData[];
+    /**
+     * @example <DataGrid sorting={{fieldId: 'test', sort: 'asc'}} />
+     * Параметры сортируемой колонки
+     */
+    sorting?: DataGridSort<TSortField>;
+    /**
+     * Компонент кастомного футера (например Pagination)
+     */
+    footer?: ReactNode;
+    /**
+     *  Используется для отображения placeholder при отсутствии данных в таблице
+     */
+    noDataPlaceholder?: ReactNode;
+    /**
+     * Максимальная высота для таблицы
+     */
+    maxHeight?: number;
+    /**
+     * Если true, показывается анимация загрузки
+     */
+    isLoading?: boolean;
+    /**
+     * Если true, таблица будет заблокирована для взаимодействия
+     */
+    isDisabled?: boolean;
+    /**
+     * Флаг состояния ошибки
+     */
+    isError?: boolean;
+    /**
+     * Текст ошибки
+     */
+    errorMsg?: string;
+    /**
+     * Вариант отображения вложенных элементов
+     * @default 'tree'
+     */
+    variant?: `${Variant}`;
+    /**
+     * Опции для отображения древовидных списков
+     * Применяется если variant="tree"
+     */
+    tree?: {
+        /**
+         * Если true, то дерево будет раскрыто по умолчанию
+         * @default 'false'
+         */
+        isInitialExpanded?: boolean;
+        /**
+         * Уровень раскрытия дерева по умолчанию, при `isInitialExpanded=true`
+         * @default '1'
+         */
+        expandedLevel?: number;
+        /**
+         * Количество отображаемых по умолчанию дочерних элементов
+         * @default '2'
+         */
+        initialVisibleChildrenCount?: number;
+    };
+    /**
+     * Опции для отображения вложенных списков
+     * Применяется если variant="subrows"
+     */
+    subrows?: {
+        /**
+         * Уровень раскрытия дочерних элементов по умолчанию, при `isInitialExpanded=true`
+         * @default '1'
+         */
+        expandedLevel?: number;
+        /**
+         * Количество отображаемых по умолчанию дочерних элементов
+         * @default '2'
+         */
+        initialVisibleChildrenCount?: number;
+        /**
+         * Номер колонки, в которой будет расположена кнопка "Показать все"
+         * @default 1
+         */
+        moreButtonColumnPosition?: number;
+        /**
+         * Если false, кнопка разворачивания элементов не показывается
+         * @default true
+         */
+        isVisibleCollapseButton?: boolean;
+    };
+    /**
+     * Заглушка для пустых ячеек (если отсутствует field и filter и renderCell)
+     * @default '—'
+     */
+    emptyCellValue?: ReactNode;
+    /**
+     * Используется для отображения переданного кол-ва строк при отсутствии данных
+     * @default 10
+     */
+    minDisplayRows?: number;
+    /**
+     * Функция обработки нажатия на кнопку "Повторить запрос"
+     */
+    onRetry: () => void;
+    /**
+     * Обработчик клика строки таблицы
+     */
+    onRowClick?: (row: TData) => void;
+    /**
+     * Обработчик выбора строки
+     */
+    onSelectRow?: (row: TData[]) => void;
+    /**
+     * @example <DataGrid onSort={({fieldId: 'test', sort: 'asc'}) => console.log('sorted')} />
+     * Обработчик сортировки
+     */
+    onSort?: (sorting: DataGridSort<TSortField> | undefined) => void;
+    /**
+     * Используется для кастомизации компонента, использующегося в сценарии отсутствия данных
+     */
+    noDataOptions?: NoDataProps;
+    /**
+     * Используется для скрытия чекбокса "Выбрать все"
+     */
+    isHideSelectAll?: boolean;
+    /**
+     * Место для рендера перед head страницы
+     * @private Предполагается для использования в реализации изменения размеров таблицы
+     */
+    headPreAddon?: ReactNode;
+    /**
+     * Убирает шапку таблицы, когда нет данных
+     */
+    isHideHeaderIfNoData?: boolean;
+};
 export type DataGridSort<TSortField> = {
     /**
      * @example {fieldId: 'test'}

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

@@ -1,8 +1,7 @@
 import { type ChangeEvent } from 'react';
-import { type DataGridProps } from '../DataGrid';
-import type { CellValue, DataGridRow } from '../types';
+import type { CellValue, DataGridProps, DataGridRow } from '../types';
 type UseLogicParams<TData extends Record<string, CellValue> = DataGridRow, TSortField extends keyof TData = keyof TData> = DataGridProps<TData, TSortField>;
-export declare const useLogic: <TData extends Record<string, unknown> = DataGridRow, TSortField extends keyof TData = keyof TData>({ keyId, columns, rows, variant, tree, subrows, selectedRows, isLoading, isDisabled, onSelectRow, isHideSelectAll, }: UseLogicParams<TData, TSortField>) => {
+export declare const useLogic: <TData extends Record<string, unknown> = DataGridRow, TSortField extends keyof TData = keyof TData>({ keyId, columns, rows, variant, tree, subrows, selectedRows, isLoading, isDisabled, onSelectRow, isHideSelectAll, isHideHeaderIfNoData, }: UseLogicParams<TData, TSortField>) => {
     isDataGridDisabled: boolean | undefined;
     treeRenderConfig: {
         isInitialExpanded?: boolean | undefined;
@@ -11,6 +10,7 @@ export declare const useLogic: <TData extends Record<string, unknown> = DataGrid
     } | undefined;
     renderRows: TData[];
     isAllowHorizontalScroll: boolean;
+    isHideHead: boolean;
     headProps: {
         rowsCount: number;
         uncheckedRowsCount: number;

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

@@ -6,7 +6,7 @@ const hooks_1 = require("../../hooks");
 const utils_1 = require("../../utils");
 const enums_1 = require("../enums");
 const utils_2 = require("./utils");
-const useLogic = ({ keyId, columns, rows = [], variant, tree, subrows, selectedRows = [], isLoading, isDisabled, onSelectRow, isHideSelectAll, }) => {
+const useLogic = ({ keyId, columns, rows = [], variant, tree, subrows, selectedRows = [], isLoading, isDisabled, onSelectRow, isHideSelectAll, isHideHeaderIfNoData = false, }) => {
     const isFirstRender = (0, hooks_1.useFirstMountState)();
     const isSelectable = Boolean(onSelectRow);
     const isDataGridDisabled = isLoading || isDisabled;
@@ -57,11 +57,13 @@ const useLogic = ({ keyId, columns, rows = [], variant, tree, subrows, selectedR
         }
         onSelectRow(selectedRowsRef.current.filter((selectedRow) => selectedRow[keyId] !== row[keyId]));
     };
+    const isHideHead = isHideHeaderIfNoData && rows.length === 0;
     return {
         isDataGridDisabled,
         treeRenderConfig,
         renderRows,
         isAllowHorizontalScroll,
+        isHideHead,
         headProps: {
             rowsCount: availableRows.length,
             uncheckedRowsCount,

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

@@ -1,17 +1,4 @@
 /// <reference types="react" />
-import { type CellValue, type DataGridProps, type DataGridRow } from '../DataGrid';
-export type DataGridInfiniteProps<TData extends Record<string, CellValue> = DataGridRow, TSortField extends keyof TData = keyof TData> = Omit<DataGridProps<TData, TSortField>, 'footer' | 'minDisplayRows'> & {
-    /**
-     * Флаг достижения конца списка
-     */
-    isEndReached?: boolean;
-    /**
-     * Текст достижения конца списка
-     */
-    endOfScrollMsg?: string;
-    /**
-     * Обработчик подгрузки данных
-     */
-    onEndReached?: () => void;
-};
+import { type DataGridRow } from '../DataGrid';
+import { type DataGridInfiniteProps } from './types';
 export declare const DataGridInfinite: <TData extends Record<string, unknown> = DataGridRow, TSortField extends keyof TData = keyof TData>(props: DataGridInfiniteProps<TData, TSortField>) => JSX.Element;

package/node/components/DataGridInfinite/DataGridInfinite.js

@@ -21,12 +21,12 @@ const useLogic_1 = require("./useLogic");
 const INITIAL_LEVEL = 0;
 const DataGridInfinite = (props) => {
     const { imagesMap, emptySymbol } = (0, react_1.useContext)(ConfigProvider_1.ConfigContext);
-    const { isNoData, isDataGridDisabled, isStickyButtonActive, treeRenderConfig, virtuosoProps, headProps, rowProps, scrollToTopButtonProps, isEndReached, } = (0, useLogic_1.useLogic)(props);
+    const { isNoData, isDataGridDisabled, isStickyButtonActive, treeRenderConfig, virtuosoProps, headProps, rowProps, scrollToTopButtonProps, isEndReached, isHideHead, } = (0, useLogic_1.useLogic)(props);
     const { columns, rows = [], selectedRows = [], sorting, maxHeight, isLoading, isDisabled, keyId, activeRowId, emptyCellValue = emptySymbol, variant = DataGrid_1.Variant.Tree, subrows, className, isError, endOfScrollMsg, errorMsg, noDataPlaceholder, onRowClick, onSort, onRetry, headPreAddon, } = props;
     const { moreButtonColumnPosition = 1, isVisibleCollapseButton = true } = subrows || {};
     const { isInitialExpanded = false, expandedLevel = DataGrid_1.EXPANDED_LEVEL_BY_DEFAULT, initialVisibleChildrenCount = DataGrid_1.INITIAL_OPENED_NESTED_CHILDREN_COUNT_BY_DEFAULT, } = treeRenderConfig || {};
     const TableContainer = isDisabled ? styles_1.DisabledDataGridWrapper : styles_1.DataGridWrapper;
-    return ((0, jsx_runtime_1.jsx)(DataGridContext_1.DataGridContextProvider, { children: (0, jsx_runtime_1.jsxs)(DataGrid_1.Container, { "$maxHeight": maxHeight, className: (0, utils_1.classNames)(DataGrid_1.dataGridClassnames.root, className), children: [headPreAddon, (0, jsx_runtime_1.jsxs)(TableContainer, { inert: isDataGridDisabled ? '' : undefined, children: [(0, jsx_runtime_1.jsx)(DataGrid_1.Head, { ...headProps, onSort: onSort, sorting: sorting, columns: columns }), (0, jsx_runtime_1.jsx)(ContentState_1.ContentState, { isLoading: isLoading && !isNoData, loadingTitle: "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430 \u0434\u0430\u043D\u043D\u044B\u0445", isError: isError && !isNoData, errorState: {
+    return ((0, jsx_runtime_1.jsx)(DataGridContext_1.DataGridContextProvider, { children: (0, jsx_runtime_1.jsxs)(DataGrid_1.Container, { "$maxHeight": maxHeight, className: (0, utils_1.classNames)(DataGrid_1.dataGridClassnames.root, className), children: [headPreAddon, (0, jsx_runtime_1.jsxs)(TableContainer, { inert: isDataGridDisabled ? '' : undefined, children: [!isHideHead && ((0, jsx_runtime_1.jsx)(DataGrid_1.Head, { ...headProps, onSort: onSort, sorting: sorting, columns: columns })), (0, jsx_runtime_1.jsx)(ContentState_1.ContentState, { isLoading: isLoading && !isNoData, loadingTitle: "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430 \u0434\u0430\u043D\u043D\u044B\u0445", isError: isError && !isNoData, errorState: {
                                 imgAlt: 'Что-то пошло не так',
                                 errorList: [errorMsg || ''],
                                 imgSrc: imagesMap.defaultErrorImgSrc,

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

@@ -1 +1,2 @@
 export * from './DataGridInfinite';
+export type { DataGridInfiniteProps } from './types';

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

@@ -0,0 +1,19 @@
+import type { CellValue, DataGridProps, DataGridRow } from '../DataGrid';
+export type DataGridInfiniteProps<TData extends Record<string, CellValue> = DataGridRow, TSortField extends keyof TData = keyof TData> = Omit<DataGridProps<TData, TSortField>, 'footer' | 'minDisplayRows'> & {
+    /**
+     * Флаг достижения конца списка
+     */
+    isEndReached?: boolean;
+    /**
+     * Текст достижения конца списка
+     */
+    endOfScrollMsg?: string;
+    /**
+     * Обработчик подгрузки данных
+     */
+    onEndReached?: () => void;
+    /**
+     * Убирает шапку таблицы, когда нет данных
+     */
+    isHideHeaderIfNoData?: boolean;
+};

package/node/components/DataGridInfinite/types.js

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

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

@@ -1,9 +1,9 @@
 import { type ChangeEvent } from 'react';
 import type { ListRange, VirtuosoHandle } from 'react-virtuoso';
 import { type CellValue, type DataGridRow } from '../../DataGrid';
-import { type DataGridInfiniteProps } from '../DataGridInfinite';
+import { type DataGridInfiniteProps } from '../types';
 type UseLogicParams<TData extends Record<string, CellValue> = DataGridRow, TSortField extends keyof TData = keyof TData> = DataGridInfiniteProps<TData, TSortField>;
-export declare const useLogic: <TData extends Record<string, unknown> = DataGridRow, TSortField extends keyof TData = keyof TData>({ keyId, columns, rows, variant, tree, subrows, selectedRows, isLoading, isDisabled, isEndReached, onEndReached, onSelectRow, isHideSelectAll, }: UseLogicParams<TData, TSortField>) => {
+export declare const useLogic: <TData extends Record<string, unknown> = DataGridRow, TSortField extends keyof TData = keyof TData>({ keyId, columns, rows, variant, tree, subrows, selectedRows, isLoading, isDisabled, isEndReached, onEndReached, onSelectRow, isHideSelectAll, isHideHeaderIfNoData, }: UseLogicParams<TData, TSortField>) => {
     isNoData: boolean;
     isDataGridDisabled: boolean | undefined;
     isStickyButtonActive: boolean;
@@ -13,6 +13,7 @@ export declare const useLogic: <TData extends Record<string, unknown> = DataGrid
         initialVisibleChildrenCount?: number | undefined;
     } | undefined;
     isEndReached: boolean | undefined;
+    isHideHead: boolean;
     virtuosoProps: {
         id: string;
         ref: import("react").RefObject<VirtuosoHandle>;

package/node/components/DataGridInfinite/useLogic/useLogic.js

@@ -7,7 +7,7 @@ const utils_1 = require("../../DataGrid/useLogic/utils");
 const hooks_1 = require("../../hooks");
 const utils_2 = require("../../utils");
 const constants_1 = require("../constants");
-const useLogic = ({ keyId, columns, rows, variant, tree, subrows, selectedRows = [], isLoading, isDisabled, isEndReached, onEndReached, onSelectRow, isHideSelectAll, }) => {
+const useLogic = ({ keyId, columns, rows, variant, tree, subrows, selectedRows = [], isLoading, isDisabled, isEndReached, onEndReached, onSelectRow, isHideSelectAll, isHideHeaderIfNoData = false, }) => {
     const virtuoso = (0, react_1.useRef)(null);
     const [hasVerticalScroll, setHasVerticalScroll] = (0, react_1.useState)(false);
     const [isStickyButtonActive, showStickyButton, hideStickyButton] = (0, hooks_1.useToggle)();
@@ -60,12 +60,14 @@ const useLogic = ({ keyId, columns, rows, variant, tree, subrows, selectedRows =
             setHasVerticalScroll(list?.clientHeight > container?.clientHeight);
         }
     };
+    const isHideHead = isHideHeaderIfNoData && rows.length === 0;
     return {
         isNoData,
         isDataGridDisabled,
         isStickyButtonActive,
         treeRenderConfig,
         isEndReached: isEndReached && hasVerticalScroll,
+        isHideHead,
         virtuosoProps: {
             id: constants_1.VIRTUOSO_CONTAINER_ID,
             ref: virtuoso,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astral/ui",
-  "version": "4.3.0",
+  "version": "4.4.0",
   "browser": "./index.js",
   "main": "./node/index.js",
   "dependencies": {