"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.ResizingDataGrid = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const DataGrid_1 = require("../DataGrid");
const useComputedColumns_1 = require("./hooks/useComputedColumns");
const Sliders_1 = require("./Sliders");
/** ⚠️**Unstable component**
 *
 * Таблица с возможностью регулировать ширину колонок через drag-and-drop, построенная на css grid.
 *
 * Новые значения ширин колонок сохраняются в localStorage, и будут применены при последующих рендерах.
 * Хэш ключ для сохранения в localStorage формируется на основании набора значений field и width всех колонок таблицы.
 */
const ResizingDataGrid = ({ columns, ...props }) => {
    const { computedColumns, ...restSliderProps } = (0, useComputedColumns_1.useComputedColumns)(columns);
    return ((0, jsx_runtime_1.jsx)(DataGrid_1.DataGrid, { headPreAddon: (0, jsx_runtime_1.jsx)(Sliders_1.Sliders, { ...restSliderProps }), columns: computedColumns, ...props }));
};
exports.ResizingDataGrid = ResizingDataGrid;
