import { jsx as _jsx } from "react/jsx-runtime";
import { DataGridInfinite } from '../DataGridInfinite';
import { Sliders, useComputedColumns } from '../ResizingDataGrid';
/** ⚠️**Unstable component**
 *
 * Таблица с возможностью регулировать ширину колонок через drag-and-drop и бесконечным скроллом, построенная на css grid.
 *
 * Новые значения ширин колонок сохраняются в localStorage, и будут применены при последующих рендерах.
 * Хэш ключ для сохранения в localStorage формируется на основании набора значений field и width всех колонок таблицы.
 */
export const ResizingDataGridInfinite = ({ columns, ...props }) => {
    const { computedColumns, ...restSlidersProps } = useComputedColumns(columns);
    return (_jsx(DataGridInfinite, { headPreAddon: _jsx(Sliders, { ...restSlidersProps }), columns: computedColumns, ...props }));
};
