@astral/ui 4.3.0 → 4.4.1

package/components/Checkbox/Icon/Icon.js

@@ -2,4 +2,4 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { SvgIcon } from '../../SvgIcon';
 import { classNames } from '../../utils';
 import { checkboxClassnames } from '../constants';
-export const Icon = ({ ...props }) => (_jsxs(SvgIcon, { size: "sm", ...props, children: [_jsx("rect", { className: checkboxClassnames.outline, x: "0.5", y: "0.5", width: "15", height: "15", rx: "3.5" }), _jsx("path", { className: classNames(checkboxClassnames.symbol, checkboxClassnames.iconChecked), d: "M3.892 8.64a.75.75 0 0 1 1.003-1.112l.058.052 1.97 1.97 4.469-4.47.056-.052a.75.75 0 0 1 1.056 1.056l-.051.056-5 5a.75.75 0 0 1-1.061 0l-2.5-2.5Z" }), _jsx("path", { className: classNames(checkboxClassnames.symbol, checkboxClassnames.iconIndeterminate), d: "M12 7.25a.75.75 0 0 1 0 1.5H4a.75.75 0 0 1 0-1.5h8Z" })] }));
+export const Icon = ({ ...props }) => (_jsxs(SvgIcon, { size: "sm", viewBox: "0 0 16 16", ...props, children: [_jsx("rect", { className: checkboxClassnames.outline, x: "0.5", y: "0.5", width: "15", height: "15", rx: "3.5" }), _jsx("path", { className: classNames(checkboxClassnames.symbol, checkboxClassnames.iconChecked), d: "M3.892 8.64a.75.75 0 0 1 1.003-1.112l.058.052 1.97 1.97 4.469-4.47.056-.052a.75.75 0 0 1 1.056 1.056l-.051.056-5 5a.75.75 0 0 1-1.061 0l-2.5-2.5Z" }), _jsx("path", { className: classNames(checkboxClassnames.symbol, checkboxClassnames.iconIndeterminate), d: "M12 7.25a.75.75 0 0 1 0 1.5H4a.75.75 0 0 1 0-1.5h8Z" })] }));

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/components/Radio/Icon/Icon.js

@@ -1,4 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { SvgIcon } from '../../SvgIcon';
 import { radioClassnames } from '../constants';
-export const Icon = ({ ...props }) => (_jsxs(SvgIcon, { size: "sm", ...props, children: [_jsx("circle", { cx: "8", cy: "8", r: "7.5", className: radioClassnames.outerCircle }), _jsx("circle", { cx: "8", cy: "8", r: "4", className: radioClassnames.dot, fill: "#fff" })] }));
+export const Icon = ({ ...props }) => (_jsxs(SvgIcon, { size: "sm", viewBox: "0 0 16 16", ...props, children: [_jsx("circle", { cx: "8", cy: "8", r: "7.5", className: radioClassnames.outerCircle }), _jsx("circle", { cx: "8", cy: "8", r: "4", className: radioClassnames.dot, fill: "#fff" })] }));

package/components/SvgIcon/SvgIcon.js

@@ -3,6 +3,6 @@ import { classNames } from '../utils';
 import { SIZES, svgIconClassnames } from './constants';
 import { StyledSvg } from './styles';
 export const SvgIcon = (props) => {
-    const { children, color = 'inherit', titleAccess, size, width, height, viewBox = size === 'sm' ? '0 0 16 16' : '0 0 24 24', xmlns = 'http://www.w3.org/2000/svg', className, ...restProps } = props;
+    const { children, color = 'inherit', titleAccess, size, width, height, viewBox = '0 0 24 24', xmlns = 'http://www.w3.org/2000/svg', className, ...restProps } = props;
     return (_jsxs(StyledSvg, { className: classNames(className, svgIconClassnames.root), viewBox: viewBox, "aria-hidden": titleAccess ? undefined : true, role: titleAccess ? 'img' : undefined, xmlns: xmlns, color: color, width: SIZES[size] || width || '1em', height: SIZES[size] || height || '1em', ...restProps, children: [children, titleAccess ? _jsx("title", { children: titleAccess }) : null] }));
 };

package/icons/FillSm/ArrowDFillSm.js

@@ -1,4 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { SvgIcon } from '../../components/SvgIcon';
-const ArrowDFillSm = ({ ...props }) => (_jsx(SvgIcon, { size: "sm", ...props, children: _jsx("path", { d: "M8 10 5.5 7h5L8 10Z" }) }));
+const ArrowDFillSm = ({ ...props }) => (_jsx(SvgIcon, { size: "sm", viewBox: "0 0 16 16", ...props, children: _jsx("path", { d: "M8 10 5.5 7h5L8 10Z" }) }));
 export default ArrowDFillSm;

package/icons/FillSm/ArrowUpFillSm.js

@@ -1,4 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { SvgIcon } from '../../components/SvgIcon';
-const ArrowUpFillSm = ({ ...props }) => (_jsx(SvgIcon, { size: "sm", ...props, children: _jsx("path", { d: "m8 7-2.5 3h5L8 7Z" }) }));
+const ArrowUpFillSm = ({ ...props }) => (_jsx(SvgIcon, { size: "sm", viewBox: "0 0 16 16", ...props, children: _jsx("path", { d: "m8 7-2.5 3h5L8 7Z" }) }));
 export default ArrowUpFillSm;

package/icons/FillSm/CircleErrorFillSm.js

@@ -1,4 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { SvgIcon } from '../../components/SvgIcon';
-const CircleErrorFillSm = ({ ...props }) => (_jsx(SvgIcon, { size: "sm", ...props, children: _jsx("path", { d: "M8 2a6 6 0 1 1 0 12A6 6 0 0 1 8 2Zm2.875 3.412a.75.75 0 0 0-1.06-.032L8.126 6.97l-1.69-1.59A.75.75 0 0 0 5.41 6.472l1.622 1.527L5.41 9.526a.75.75 0 0 0 .969 1.143l.059-.05 1.689-1.59 1.69 1.59.058.05a.75.75 0 0 0 .969-1.143L9.22 8l1.623-1.527a.75.75 0 0 0 .032-1.06Z" }) }));
+const CircleErrorFillSm = ({ ...props }) => (_jsx(SvgIcon, { size: "sm", viewBox: "0 0 16 16", ...props, children: _jsx("path", { d: "M8 2a6 6 0 1 1 0 12A6 6 0 0 1 8 2Zm2.875 3.412a.75.75 0 0 0-1.06-.032L8.126 6.97l-1.69-1.59A.75.75 0 0 0 5.41 6.472l1.622 1.527L5.41 9.526a.75.75 0 0 0 .969 1.143l.059-.05 1.689-1.59 1.69 1.59.058.05a.75.75 0 0 0 .969-1.143L9.22 8l1.623-1.527a.75.75 0 0 0 .032-1.06Z" }) }));
 export default CircleErrorFillSm;

package/icons/FillSm/ClockFillSm.js

@@ -1,4 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { SvgIcon } from '../../components/SvgIcon';
-const ClockFillSm = ({ ...props }) => (_jsxs(SvgIcon, { size: "sm", ...props, children: [_jsx("circle", { cx: "8", cy: "8", r: "6" }), _jsx("path", { d: "M10.5 9.5 8 8V4.5", stroke: "#fff", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] }));
+const ClockFillSm = ({ ...props }) => (_jsxs(SvgIcon, { size: "sm", viewBox: "0 0 16 16", ...props, children: [_jsx("circle", { cx: "8", cy: "8", r: "6" }), _jsx("path", { d: "M10.5 9.5 8 8V4.5", stroke: "#fff", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] }));
 export default ClockFillSm;

package/icons/FillSm/DislikeFillSm.js

@@ -1,4 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { SvgIcon } from '../../components/SvgIcon';
-const DislikeFillSm = ({ ...props }) => (_jsx(SvgIcon, { size: "sm", ...props, children: _jsx("path", { d: "M1.504 9.417a.75.75 0 0 0 .75-.75V2A.75.75 0 0 0 .753 2v6.667c0 .414.337.75.75.75ZM8.504 14.75c.658 0 1.185-.286 1.506-.8.283-.455.361-1.016.369-1.522.01-.725-.125-1.567-.281-2.345h3.073c.535 0 1.024-.145 1.403-.483.373-.334.552-.777.626-1.207.143-.827-.06-1.834-.329-2.732-.551-1.837-1.547-3.719-1.69-3.984a.811.811 0 0 0-.717-.427h-7.96a.75.75 0 0 0-.75.75v6.667c0 .585.277 1.03.588 1.354.296.307.676.56.981.762.335.222.602.397.81.59.201.184.28.323.303.44.059.298.123.66.181.936.062.292.138.6.254.875.117.279.294.575.587.797.304.23.663.329 1.046.329Z" }) }));
+const DislikeFillSm = ({ ...props }) => (_jsx(SvgIcon, { size: "sm", viewBox: "0 0 16 16", ...props, children: _jsx("path", { d: "M1.504 9.417a.75.75 0 0 0 .75-.75V2A.75.75 0 0 0 .753 2v6.667c0 .414.337.75.75.75ZM8.504 14.75c.658 0 1.185-.286 1.506-.8.283-.455.361-1.016.369-1.522.01-.725-.125-1.567-.281-2.345h3.073c.535 0 1.024-.145 1.403-.483.373-.334.552-.777.626-1.207.143-.827-.06-1.834-.329-2.732-.551-1.837-1.547-3.719-1.69-3.984a.811.811 0 0 0-.717-.427h-7.96a.75.75 0 0 0-.75.75v6.667c0 .585.277 1.03.588 1.354.296.307.676.56.981.762.335.222.602.397.81.59.201.184.28.323.303.44.059.298.123.66.181.936.062.292.138.6.254.875.117.279.294.575.587.797.304.23.663.329 1.046.329Z" }) }));
 export default DislikeFillSm;

package/icons/FillSm/ErrorFillSm.js

@@ -1,4 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { SvgIcon } from '../../components/SvgIcon';
-const ErrorFillSm = ({ ...props }) => (_jsx(SvgIcon, { size: "sm", ...props, children: _jsx("path", { d: "M6.821 1.979c.651-.651 1.707-.651 2.358 0l4.843 4.842c.65.651.65 1.707 0 2.358l-4.843 4.843c-.651.65-1.707.65-2.358 0L1.98 9.179a1.667 1.667 0 0 1 0-2.358L6.82 1.98Zm1.18 8.604a.75.75 0 0 0 0 1.5h.008l.076-.004a.75.75 0 0 0 0-1.492l-.076-.004H8Zm0-6.667a.75.75 0 0 0-.75.75V8a.75.75 0 0 0 1.5 0V4.666a.75.75 0 0 0-.75-.75Z" }) }));
+const ErrorFillSm = ({ ...props }) => (_jsx(SvgIcon, { size: "sm", viewBox: "0 0 16 16", ...props, children: _jsx("path", { d: "M6.821 1.979c.651-.651 1.707-.651 2.358 0l4.843 4.842c.65.651.65 1.707 0 2.358l-4.843 4.843c-.651.65-1.707.65-2.358 0L1.98 9.179a1.667 1.667 0 0 1 0-2.358L6.82 1.98Zm1.18 8.604a.75.75 0 0 0 0 1.5h.008l.076-.004a.75.75 0 0 0 0-1.492l-.076-.004H8Zm0-6.667a.75.75 0 0 0-.75.75V8a.75.75 0 0 0 1.5 0V4.666a.75.75 0 0 0-.75-.75Z" }) }));
 export default ErrorFillSm;

package/icons/FillSm/InfoFillSm.js

@@ -1,4 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { SvgIcon } from '../../components/SvgIcon';
-const InfoFillSm = ({ ...props }) => (_jsx(SvgIcon, { size: "sm", ...props, children: _jsx("path", { d: "M8 2a6 6 0 1 1 0 12A6 6 0 0 1 8 2Zm0 5.25a.75.75 0 0 0-.75.75v3.333a.75.75 0 0 0 1.5 0V8A.75.75 0 0 0 8 7.25Zm0-3.333a.75.75 0 0 0 0 1.5h.009l.076-.004a.75.75 0 0 0 0-1.492l-.076-.004H8Z" }) }));
+const InfoFillSm = ({ ...props }) => (_jsx(SvgIcon, { size: "sm", viewBox: "0 0 16 16", ...props, children: _jsx("path", { d: "M8 2a6 6 0 1 1 0 12A6 6 0 0 1 8 2Zm0 5.25a.75.75 0 0 0-.75.75v3.333a.75.75 0 0 0 1.5 0V8A.75.75 0 0 0 8 7.25Zm0-3.333a.75.75 0 0 0 0 1.5h.009l.076-.004a.75.75 0 0 0 0-1.492l-.076-.004H8Z" }) }));
 export default InfoFillSm;

package/icons/FillSm/LikeFillSm.js

@@ -1,4 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { SvgIcon } from '../../components/SvgIcon';
-const LikeFillSm = ({ ...props }) => (_jsx(SvgIcon, { size: "sm", ...props, children: _jsx("path", { d: "M1.504 6.583a.75.75 0 0 1 .75.75V14a.75.75 0 0 1-1.501 0V7.333c0-.414.337-.75.75-.75ZM8.504 1.25c.658 0 1.185.286 1.506.8.283.455.361 1.016.369 1.522.01.725-.125 1.567-.281 2.345h3.073c.535 0 1.024.145 1.403.483.373.334.552.777.626 1.207.143.827-.06 1.834-.329 2.732-.551 1.837-1.547 3.719-1.69 3.984a.811.811 0 0 1-.717.427h-7.96a.75.75 0 0 1-.75-.75V7.333c0-.585.277-1.03.588-1.354.296-.307.676-.56.981-.762.335-.222.602-.397.81-.59.201-.184.28-.323.303-.44.059-.298.123-.66.181-.936.062-.292.138-.6.254-.875.117-.279.294-.575.587-.797.304-.23.663-.329 1.046-.329Z" }) }));
+const LikeFillSm = ({ ...props }) => (_jsx(SvgIcon, { size: "sm", viewBox: "0 0 16 16", ...props, children: _jsx("path", { d: "M1.504 6.583a.75.75 0 0 1 .75.75V14a.75.75 0 0 1-1.501 0V7.333c0-.414.337-.75.75-.75ZM8.504 1.25c.658 0 1.185.286 1.506.8.283.455.361 1.016.369 1.522.01.725-.125 1.567-.281 2.345h3.073c.535 0 1.024.145 1.403.483.373.334.552.777.626 1.207.143.827-.06 1.834-.329 2.732-.551 1.837-1.547 3.719-1.69 3.984a.811.811 0 0 1-.717.427h-7.96a.75.75 0 0 1-.75-.75V7.333c0-.585.277-1.03.588-1.354.296-.307.676-.56.981-.762.335-.222.602-.397.81-.59.201-.184.28-.323.303-.44.059-.298.123-.66.181-.936.062-.292.138-.6.254-.875.117-.279.294-.575.587-.797.304-.23.663-.329 1.046-.329Z" }) }));
 export default LikeFillSm;

package/icons/FillSm/LocationFillSm.js

@@ -1,4 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { SvgIcon } from '../../components/SvgIcon';
-const LocationFillSm = ({ ...props }) => (_jsx(SvgIcon, { size: "sm", ...props, children: _jsx("path", { d: "M8 1c1.187 0 2.346.34 3.333.978a5.847 5.847 0 0 1 2.21 2.602 5.62 5.62 0 0 1 .342 3.35 5.741 5.741 0 0 1-1.643 2.97L8 15l-4.242-4.1a5.742 5.742 0 0 1-1.643-2.97 5.62 5.62 0 0 1 .342-3.35 5.847 5.847 0 0 1 2.21-2.602A6.149 6.149 0 0 1 8 1Zm0 4a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z" }) }));
+const LocationFillSm = ({ ...props }) => (_jsx(SvgIcon, { size: "sm", viewBox: "0 0 16 16", ...props, children: _jsx("path", { d: "M8 1c1.187 0 2.346.34 3.333.978a5.847 5.847 0 0 1 2.21 2.602 5.62 5.62 0 0 1 .342 3.35 5.741 5.741 0 0 1-1.643 2.97L8 15l-4.242-4.1a5.742 5.742 0 0 1-1.643-2.97 5.62 5.62 0 0 1 .342-3.35 5.847 5.847 0 0 1 2.21-2.602A6.149 6.149 0 0 1 8 1Zm0 4a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z" }) }));
 export default LocationFillSm;

package/icons/FillSm/MailFillSm.js

@@ -1,4 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { SvgIcon } from '../../components/SvgIcon';
-const MailFillSm = ({ ...props }) => (_jsx(SvgIcon, { size: "sm", ...props, children: _jsx("path", { d: "M13 3a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h10Zm.558 1.498a.75.75 0 0 0-1.06-.056L8.836 7.738a1.25 1.25 0 0 1-1.672 0L3.502 4.442l-.06-.047a.75.75 0 0 0-.998 1.108l.054.055L4.636 7.48l-1.28 2.133a.751.751 0 0 0 1.288.772L5.77 8.504l.39.35a2.75 2.75 0 0 0 3.679 0l.387-.35 1.13 1.882a.751.751 0 0 0 1.287-.772l-1.28-2.133 2.138-1.923a.75.75 0 0 0 .056-1.06Z" }) }));
+const MailFillSm = ({ ...props }) => (_jsx(SvgIcon, { size: "sm", viewBox: "0 0 16 16", ...props, children: _jsx("path", { d: "M13 3a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h10Zm.558 1.498a.75.75 0 0 0-1.06-.056L8.836 7.738a1.25 1.25 0 0 1-1.672 0L3.502 4.442l-.06-.047a.75.75 0 0 0-.998 1.108l.054.055L4.636 7.48l-1.28 2.133a.751.751 0 0 0 1.288.772L5.77 8.504l.39.35a2.75 2.75 0 0 0 3.679 0l.387-.35 1.13 1.882a.751.751 0 0 0 1.287-.772l-1.28-2.133 2.138-1.923a.75.75 0 0 0 .056-1.06Z" }) }));
 export default MailFillSm;

package/icons/FillSm/PauseFillSm.js

@@ -1,4 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { SvgIcon } from '../../components/SvgIcon';
-const PauseFillSm = ({ ...props }) => (_jsx(SvgIcon, { size: "sm", ...props, children: _jsx("path", { d: "M8 2a6 6 0 1 1 0 12A6 6 0 0 1 8 2ZM6 5.25a.75.75 0 0 0-.75.75v4a.75.75 0 0 0 1.5 0V6A.75.75 0 0 0 6 5.25Zm4 0a.75.75 0 0 0-.75.75v4a.75.75 0 0 0 1.5 0V6a.75.75 0 0 0-.75-.75Z" }) }));
+const PauseFillSm = ({ ...props }) => (_jsx(SvgIcon, { size: "sm", viewBox: "0 0 16 16", ...props, children: _jsx("path", { d: "M8 2a6 6 0 1 1 0 12A6 6 0 0 1 8 2ZM6 5.25a.75.75 0 0 0-.75.75v4a.75.75 0 0 0 1.5 0V6A.75.75 0 0 0 6 5.25Zm4 0a.75.75 0 0 0-.75.75v4a.75.75 0 0 0 1.5 0V6a.75.75 0 0 0-.75-.75Z" }) }));
 export default PauseFillSm;