@astral/ui 4.2.3 → 4.4.0

package/icons/LogoFillMd/index.d.ts

@@ -1,6 +1,15 @@
 export { default as FacebookFillMd } from './FacebookFillMd';
 export { default as GoogleFillMd } from './GoogleFillMd';
+export { default as GoogleMonochromeFillMd } from './GoogleMonochromeFillMd';
 export { default as TelegramFillMd } from './TelegramFillMd';
+export { default as TelegramMonochromeFillMd } from './TelegramMonochromeFillMd';
+export { default as TelegramIconMonochromeFillMd } from './TelegramIconMonochromeFillMd';
 export { default as VkFillMd } from './VkFillMd';
+export { default as VkMonochromeFillMd } from './VkMonochromeFillMd';
 export { default as YoutubeFillMd } from './YoutubeFillMd';
+export { default as YoutubeMonochromeFillMd } from './YoutubeMonochromeFillMd';
 export { default as OkFillMd } from './OkFillMd';
+export { default as OkMonochromeFillMd } from './OkMonochromeFillMd';
+export { default as CryptoProFillMd } from './CryptoProFillMd';
+export { default as RutokenFillMd } from './RutokenFillMd';
+export { default as JacartaFillMd } from './JacartaFillMd';

package/icons/LogoFillMd/index.js

@@ -1,6 +1,15 @@
 export { default as FacebookFillMd } from './FacebookFillMd';
 export { default as GoogleFillMd } from './GoogleFillMd';
+export { default as GoogleMonochromeFillMd } from './GoogleMonochromeFillMd';
 export { default as TelegramFillMd } from './TelegramFillMd';
+export { default as TelegramMonochromeFillMd } from './TelegramMonochromeFillMd';
+export { default as TelegramIconMonochromeFillMd } from './TelegramIconMonochromeFillMd';
 export { default as VkFillMd } from './VkFillMd';
+export { default as VkMonochromeFillMd } from './VkMonochromeFillMd';
 export { default as YoutubeFillMd } from './YoutubeFillMd';
+export { default as YoutubeMonochromeFillMd } from './YoutubeMonochromeFillMd';
 export { default as OkFillMd } from './OkFillMd';
+export { default as OkMonochromeFillMd } from './OkMonochromeFillMd';
+export { default as CryptoProFillMd } from './CryptoProFillMd';
+export { default as RutokenFillMd } from './RutokenFillMd';
+export { default as JacartaFillMd } from './JacartaFillMd';

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/node/icons/LogoFillMd/CryptoProFillMd.d.ts

@@ -0,0 +1,4 @@
+import type { FunctionComponent } from 'react';
+import { type SvgIconProps } from '../../components/SvgIcon';
+declare const CryptoProFillMd: FunctionComponent<SvgIconProps>;
+export default CryptoProFillMd;

package/node/icons/LogoFillMd/CryptoProFillMd.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const SvgIcon_1 = require("../../components/SvgIcon");
+const CryptoProFillMd = ({ ...props }) => ((0, jsx_runtime_1.jsxs)(SvgIcon_1.SvgIcon, { ...props, children: [(0, jsx_runtime_1.jsx)("path", { d: "M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C8.63864 22 5.66653 20.3402 3.85352 17.7969L5.16211 17.0488C6.71036 19.1422 9.19639 20.5 12 20.5C16.6944 20.5 20.5 16.6944 20.5 12C20.5 7.30558 16.6944 3.5 12 3.5C9.19667 3.5 6.7104 4.85715 5.16211 6.9502L3.85352 6.20215C5.66658 3.65922 8.63892 2 12 2Z", fill: "#1366B2" }), (0, jsx_runtime_1.jsx)("path", { d: "M9.89709 12.0173L0.886873 17.4551C0.886873 17.4551 5.01299e-05 15.9122 5.0303e-05 12.0173C5.04762e-05 8.12232 0.886873 6.5794 0.886873 6.5794L9.89709 12.0173Z", fill: "#E50909" })] }));
+exports.default = CryptoProFillMd;

package/node/icons/LogoFillMd/GoogleMonochromeFillMd.d.ts

@@ -0,0 +1,4 @@
+import type { FunctionComponent } from 'react';
+import { type SvgIconProps } from '../../components/SvgIcon';
+declare const GoogleMonochromeFillMd: FunctionComponent<SvgIconProps>;
+export default GoogleMonochromeFillMd;

package/node/icons/LogoFillMd/GoogleMonochromeFillMd.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const SvgIcon_1 = require("../../components/SvgIcon");
+const GoogleMonochromeFillMd = ({ ...props }) => ((0, jsx_runtime_1.jsxs)(SvgIcon_1.SvgIcon, { ...props, children: [(0, jsx_runtime_1.jsx)("path", { d: "m6.432 14.086-.696 2.6-2.544.053A9.96 9.96 0 0 1 2 12a9.95 9.95 0 0 1 1.118-4.599l2.266.415.992 2.252A6 6 0 0 0 6.056 12c0 .734.132 1.437.376 2.086" }), (0, jsx_runtime_1.jsx)("path", { d: "M21.825 10.132Q22 11.042 22 12q-.002 1.076-.219 2.088a10 10 0 0 1-3.52 5.71h-.001l-2.853-.146-.404-2.52a5.96 5.96 0 0 0 2.564-3.044H12.22v-3.956h9.605" }), (0, jsx_runtime_1.jsx)("path", { d: "M18.26 19.798A9.96 9.96 0 0 1 12 22a10 10 0 0 1-8.808-5.26l3.24-2.654a5.946 5.946 0 0 0 8.57 3.045z" }), (0, jsx_runtime_1.jsx)("path", { d: "m18.383 4.302-3.24 2.652a5.948 5.948 0 0 0-8.767 3.114L3.12 7.401h-.001A10 10 0 0 1 12 2c2.426 0 4.651.864 6.383 2.302" })] }));
+exports.default = GoogleMonochromeFillMd;

package/node/icons/LogoFillMd/JacartaFillMd.d.ts

@@ -0,0 +1,4 @@
+import type { FunctionComponent } from 'react';
+import { type SvgIconProps } from '../../components/SvgIcon';
+declare const JacartaFillMd: FunctionComponent<SvgIconProps>;
+export default JacartaFillMd;

package/node/icons/LogoFillMd/JacartaFillMd.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const SvgIcon_1 = require("../../components/SvgIcon");
+const JacartaFillMd = ({ ...props }) => ((0, jsx_runtime_1.jsxs)(SvgIcon_1.SvgIcon, { ...props, children: [(0, jsx_runtime_1.jsx)("path", { d: "M16.9963 8.00009H21.9529C22.5292 8.00009 22.9963 8.46727 22.9963 9.04357V14.9566C22.9963 15.5329 22.5292 16.0001 21.9529 16.0001H16.9963V8.00009Z", fill: "#ADADAD" }), (0, jsx_runtime_1.jsx)("rect", { x: "19.4995", y: "9.50009", width: "1.5", height: "1.5", rx: "0.521739", fill: "#494949" }), (0, jsx_runtime_1.jsx)("rect", { x: "19.4995", y: "13.0001", width: "1.5", height: "1.5", rx: "0.521739", fill: "#494949" }), (0, jsx_runtime_1.jsx)("rect", { x: "5.99951", y: "6.50009", width: "11", height: "11", rx: "1.04348", fill: "#636562" }), (0, jsx_runtime_1.jsx)("path", { d: "M8.00342 17.5H6.50342C3.46585 17.5 1.00342 15.0376 1.00342 12C1.00347 8.96248 3.46588 6.5 6.50342 6.5H8.00342V17.5ZM5.99951 8.25C4.34269 8.25 2.99956 9.59319 2.99951 11.25L2.99951 12.75C2.99951 14.4069 4.34266 15.75 5.99951 15.75L5.99951 8.25Z", fill: "#FD7F18" })] }));
+exports.default = JacartaFillMd;

package/node/icons/LogoFillMd/OkMonochromeFillMd.d.ts

@@ -0,0 +1,4 @@
+import type { FunctionComponent } from 'react';
+import { type SvgIconProps } from '../../components/SvgIcon';
+declare const OkMonochromeFillMd: FunctionComponent<SvgIconProps>;
+export default OkMonochromeFillMd;

package/node/icons/LogoFillMd/OkMonochromeFillMd.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const SvgIcon_1 = require("../../components/SvgIcon");
+const OkMonochromeFillMd = ({ ...props }) => ((0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M12 1.5c5.799 0 10.5 4.701 10.5 10.5S17.799 22.5 12 22.5 1.5 17.799 1.5 12 6.201 1.5 12 1.5m3.6 11.225c-.288-.425-.893-.553-1.351-.285a4.53 4.53 0 0 1-4.499 0c-.458-.268-1.062-.14-1.35.285-.287.424-.15.983.307 1.25.604.352 1.26.601 1.94.745L8.78 16.45a.86.86 0 0 0 .001 1.283c.192.177.442.266.692.266s.502-.089.693-.266l1.835-1.7 1.836 1.7a1.034 1.034 0 0 0 1.384 0 .86.86 0 0 0 0-1.283l-1.868-1.731a6.6 6.6 0 0 0 1.941-.744c.457-.268.595-.828.307-1.251M11.99 6C10.15 6 8.65 7.39 8.65 9.097s1.5 3.095 3.342 3.095c1.844 0 3.342-1.388 3.342-3.095S13.834 6 11.991 6m0 1.814c.763 0 1.384.576 1.384 1.283 0 .706-.62 1.282-1.384 1.282-.762 0-1.383-.576-1.383-1.282s.621-1.282 1.383-1.283" }) }));
+exports.default = OkMonochromeFillMd;

package/node/icons/LogoFillMd/RutokenFillMd.d.ts

@@ -0,0 +1,4 @@
+import type { FunctionComponent } from 'react';
+import { type SvgIconProps } from '../../components/SvgIcon';
+declare const RutokenFillMd: FunctionComponent<SvgIconProps>;
+export default RutokenFillMd;

package/node/icons/LogoFillMd/RutokenFillMd.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const SvgIcon_1 = require("../../components/SvgIcon");
+const RutokenFillMd = ({ ...props }) => ((0, jsx_runtime_1.jsxs)(SvgIcon_1.SvgIcon, { ...props, children: [(0, jsx_runtime_1.jsx)("path", { d: "M17.0039 7.85686H21.9778C22.5401 7.85686 22.996 8.31274 22.996 8.8751V14.9845C22.996 15.5469 22.5401 16.0027 21.9778 16.0027H17.0039V7.85686Z", fill: "#ADADAD" }), (0, jsx_runtime_1.jsx)("rect", { x: "19.3", y: "9.2146", width: "1.69706", height: "1.69706", rx: "0.509117", fill: "#494949" }), (0, jsx_runtime_1.jsx)("rect", { x: "19.3", y: "12.9478", width: "1.69706", height: "1.69706", rx: "0.509117", fill: "#494949" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.00391 11.9997C1.00391 7.35242 9.14978 6.5 11.1862 6.5L15.5 6.50036C16.1567 6.51556 17.001 7.24005 17.001 7.94896V16.0508C17 16.7597 16.3 17.4997 15.5 17.4997L11.1862 17.4994C9.21557 17.4994 1.52384 16.7011 1.02893 12.4383C1.01241 12.296 1.00391 12.1498 1.00391 11.9997ZM4.56194 10.6252L4.55149 10.6253C4.4372 10.6275 2.36327 10.6866 2.36327 11.9999C2.36327 13.3126 4.43523 13.3726 4.55132 13.375L4.56203 13.375H5.41797C5.98033 13.375 6.43621 12.9134 6.43621 12.3438V11.6564C6.43621 11.0869 5.98033 10.6252 5.41797 10.6252H4.56194Z", fill: "#D1D4DD" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.5 6.50036L11.1879 6.50064C9.15141 6.50064 1.00554 7.19779 1.00554 12.0003C1.00554 12.1503 1.01348 12.2962 1.02893 12.4383C1.52384 16.7011 9.21557 17.4994 11.1862 17.4994L15.5 17.4997C16.3 17.4997 17 16.7597 17.001 16.0508V7.94896C17.001 7.24005 16.1567 6.51556 15.5 6.50036ZM4.56194 10.6252L4.55149 10.6253C4.4372 10.6275 2.36327 10.6866 2.36327 11.9999C2.36327 13.3126 4.43523 13.3726 4.55132 13.375L4.56203 13.375H5.41797C5.98033 13.375 6.43621 12.9134 6.43621 12.3438V11.6564C6.43621 11.0869 5.98033 10.6252 5.41797 10.6252H4.56194Z", fill: "#D50C0C" }), (0, jsx_runtime_1.jsx)("g", { filter: "url(#filter0_i_6008_21979)", children: (0, jsx_runtime_1.jsx)("path", { d: "M7.5 10.4399C7.5 10.1587 7.72794 9.93076 8.00912 9.93076H14.9909C15.2721 9.93076 15.5 10.1587 15.5 10.4399V13.4216C15.5 13.7028 15.2721 13.9308 14.9909 13.9308H8.00912C7.72794 13.9308 7.5 13.7028 7.5 13.4216V10.4399Z", fill: "#CC0E0E" }) }), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsxs)("filter", { id: "filter0_i_6008_21979", x: "7.5", y: "9.93076", width: "8", height: "4", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [(0, jsx_runtime_1.jsx)("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }), (0, jsx_runtime_1.jsx)("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), (0, jsx_runtime_1.jsx)("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), (0, jsx_runtime_1.jsx)("feOffset", {}), (0, jsx_runtime_1.jsx)("feGaussianBlur", { stdDeviation: "0.5" }), (0, jsx_runtime_1.jsx)("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }), (0, jsx_runtime_1.jsx)("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" }), (0, jsx_runtime_1.jsx)("feBlend", { mode: "normal", in2: "shape", result: "effect1_innerShadow_6008_21979" })] }) })] }));
+exports.default = RutokenFillMd;

package/node/icons/LogoFillMd/TelegramIconMonochromeFillMd.d.ts

@@ -0,0 +1,4 @@
+import type { FunctionComponent } from 'react';
+import { type SvgIconProps } from '../../components/SvgIcon';
+declare const TelegramIconMonochromeFillMd: FunctionComponent<SvgIconProps>;
+export default TelegramIconMonochromeFillMd;