@ackplus/mui-tanstack-data-grid 1.0.0

package/dist/components/toolbar/column-filter-control.js

@@ -0,0 +1,93 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColumnFilterControl = ColumnFilterControl;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * Column-filter control — a Filter button + popover rule builder driven by the
+ * engine's ColumnFilterFeature: add/remove rules, per-type operators + value
+ * inputs, AND/OR logic, pending → Apply. The badge shows the active filter count.
+ */
+const icons_material_1 = require("@mui/icons-material");
+const material_1 = require("@mui/material");
+const react_1 = require("react");
+const column_helpers_1 = require("../../utils/column-helpers");
+const operators_1 = require("../filters/operators");
+const filter_value_input_1 = require("../filters/filter-value-input");
+const NO_VALUE_OPS = ['isEmpty', 'isNotEmpty'];
+function ColumnFilterControl({ engine, title = 'Column Filters' }) {
+    var _a, _b, _c, _d;
+    const table = engine.table;
+    const [anchor, setAnchor] = (0, react_1.useState)(null);
+    const open = !!anchor;
+    const didAutoAdd = (0, react_1.useRef)(false);
+    const filterState = (_b = (_a = table.getColumnFilterState) === null || _a === void 0 ? void 0 : _a.call(table)) !== null && _b !== void 0 ? _b : { filters: [], logic: 'AND', pendingFilters: [], pendingLogic: 'AND' };
+    const filters = filterState.pendingFilters || [];
+    const filterLogic = filterState.pendingLogic || 'AND';
+    const activeCount = ((_d = (_c = table.getActiveColumnFilters) === null || _c === void 0 ? void 0 : _c.call(table)) === null || _d === void 0 ? void 0 : _d.length) || 0;
+    const filterableColumns = (0, react_1.useMemo)(() => table.getAllLeafColumns().filter((c) => (0, column_helpers_1.isColumnFilterable)(c)), [table]);
+    const operatorsFor = (columnId) => {
+        const col = filterableColumns.find((c) => c.id === columnId);
+        const type = (0, column_helpers_1.getColumnType)(col);
+        return operators_1.FILTER_OPERATORS[type] || operators_1.FILTER_OPERATORS.text;
+    };
+    const addFilter = (columnId, operator) => {
+        var _a, _b;
+        let op = operator || '';
+        if (columnId && !operator)
+            op = ((_a = operatorsFor(columnId)[0]) === null || _a === void 0 ? void 0 : _a.value) || 'contains';
+        (_b = table.addPendingColumnFilter) === null || _b === void 0 ? void 0 : _b.call(table, columnId || '', op, '');
+    };
+    const updateFilter = (id, updates) => { var _a; return (_a = table.updatePendingColumnFilter) === null || _a === void 0 ? void 0 : _a.call(table, id, updates); };
+    const handleColumnChange = (id, newColumnId, cur) => {
+        var _a;
+        const operators = operatorsFor(newColumnId);
+        const valid = operators.some((o) => o.value === cur.operator);
+        const newOp = valid ? cur.operator : ((_a = operators[0]) === null || _a === void 0 ? void 0 : _a.value) || '';
+        updateFilter(id, { columnId: newColumnId, operator: newOp, value: NO_VALUE_OPS.includes(newOp) ? '' : cur.value });
+    };
+    const handleOperatorChange = (id, newOp, cur) => {
+        updateFilter(id, { operator: newOp, value: NO_VALUE_OPS.includes(newOp) ? '' : cur.value });
+    };
+    const pendingReady = filters.filter((f) => {
+        if (!f.columnId || !f.operator)
+            return false;
+        if (NO_VALUE_OPS.includes(f.operator))
+            return true;
+        return f.value != null && String(f.value).trim() !== '';
+    }).length;
+    const hasApplied = activeCount > 0;
+    const canApply = pendingReady > 0 || (filters.length === 0 && hasApplied);
+    (0, react_1.useEffect)(() => {
+        var _a;
+        if (!open) {
+            didAutoAdd.current = false;
+            return;
+        }
+        if (didAutoAdd.current)
+            return;
+        didAutoAdd.current = true;
+        if (filterableColumns.length && filters.length === 0 && activeCount === 0) {
+            const first = filterableColumns[0];
+            addFilter(first.id, (_a = operatorsFor(first.id)[0]) === null || _a === void 0 ? void 0 : _a.value);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [open]);
+    const close = () => setAnchor(null);
+    const apply = () => {
+        var _a;
+        (_a = table.applyPendingColumnFilters) === null || _a === void 0 ? void 0 : _a.call(table);
+        close();
+    };
+    const clearAll = () => {
+        var _a;
+        (_a = table.resetColumnFilter) === null || _a === void 0 ? void 0 : _a.call(table);
+        didAutoAdd.current = true;
+        close();
+    };
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: "Filters", children: (0, jsx_runtime_1.jsx)(material_1.Badge, { badgeContent: activeCount, color: "primary", invisible: activeCount === 0, children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { size: "small", onClick: (e) => setAnchor(e.currentTarget), children: (0, jsx_runtime_1.jsx)(icons_material_1.FilterListOutlined, { fontSize: "small" }) }) }) }), (0, jsx_runtime_1.jsx)(material_1.Popover, { open: open, anchorEl: anchor, onClose: close, anchorOrigin: { vertical: 'bottom', horizontal: 'right' }, transformOrigin: { vertical: 'top', horizontal: 'right' }, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { p: 2, minWidth: 440, maxWidth: 640 }, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "subtitle2", sx: { mb: 1 }, children: title }), (0, jsx_runtime_1.jsx)(material_1.Divider, { sx: { mb: 2 } }), filters.length > 1 ? ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: { mb: 2 }, children: (0, jsx_runtime_1.jsxs)(material_1.FormControl, { size: "small", sx: { minWidth: 120 }, children: [(0, jsx_runtime_1.jsx)(material_1.InputLabel, { children: "Logic" }), (0, jsx_runtime_1.jsxs)(material_1.Select, { value: filterLogic, label: "Logic", onChange: (e) => { var _a; return (_a = table.setPendingFilterLogic) === null || _a === void 0 ? void 0 : _a.call(table, e.target.value); }, children: [(0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: "AND", children: "AND" }), (0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: "OR", children: "OR" })] })] }) })) : null, (0, jsx_runtime_1.jsx)(material_1.Stack, { spacing: 2, sx: { mb: 2 }, children: filters.map((filter) => {
+                                const selectedColumn = filterableColumns.find((c) => c.id === filter.columnId);
+                                const operators = filter.columnId ? operatorsFor(filter.columnId) : [];
+                                const needsValue = !NO_VALUE_OPS.includes(filter.operator);
+                                return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", spacing: 1, alignItems: "center", children: [(0, jsx_runtime_1.jsxs)(material_1.FormControl, { size: "small", sx: { minWidth: 120 }, children: [(0, jsx_runtime_1.jsx)(material_1.InputLabel, { children: "Column" }), (0, jsx_runtime_1.jsx)(material_1.Select, { value: filter.columnId || '', label: "Column", onChange: (e) => handleColumnChange(filter.id, e.target.value, filter), children: filterableColumns.map((c) => ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: c.id, children: typeof c.columnDef.header === 'string' ? c.columnDef.header : c.id }, c.id))) })] }), (0, jsx_runtime_1.jsxs)(material_1.FormControl, { size: "small", sx: { minWidth: 120 }, children: [(0, jsx_runtime_1.jsx)(material_1.InputLabel, { children: "Operator" }), (0, jsx_runtime_1.jsx)(material_1.Select, { value: filter.operator || '', label: "Operator", disabled: !filter.columnId, onChange: (e) => handleOperatorChange(filter.id, e.target.value, filter), children: operators.map((o) => ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: o.value, children: o.label }, o.value))) })] }), needsValue && selectedColumn ? ((0, jsx_runtime_1.jsx)(filter_value_input_1.FilterValueInput, { filter: filter, column: selectedColumn, onValueChange: (v) => updateFilter(filter.id, { value: v }) })) : null, (0, jsx_runtime_1.jsx)(material_1.IconButton, { size: "small", color: "error", onClick: () => { var _a; return (_a = table.removePendingColumnFilter) === null || _a === void 0 ? void 0 : _a.call(table, filter.id); }, children: (0, jsx_runtime_1.jsx)(icons_material_1.CloseOutlined, { fontSize: "small" }) })] }, filter.id));
+                            }) }), (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "outlined", size: "small", startIcon: (0, jsx_runtime_1.jsx)(icons_material_1.AddOutlined, {}), onClick: () => addFilter(), disabled: !filterableColumns.length, sx: { mb: 2 }, children: "Add filter" }), (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", spacing: 1, justifyContent: "flex-end", children: [hasApplied ? ((0, jsx_runtime_1.jsx)(material_1.Button, { variant: "outlined", size: "small", color: "error", onClick: clearAll, children: "Clear all" })) : null, (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", size: "small", onClick: apply, disabled: !canApply, children: "Apply" })] })] }) })] }));
+}

package/dist/components/toolbar/data-table-toolbar.d.ts

@@ -0,0 +1,16 @@
+import { type ReactNode } from 'react';
+import type { UseDataTableResult } from '../../core/use-data-table';
+export interface DataTableToolbarProps<T> {
+    engine: UseDataTableResult<T>;
+    enableGlobalFilter?: boolean;
+    enableColumnFilter?: boolean;
+    enableColumnVisibility?: boolean;
+    enableExport?: boolean;
+    enableDensitySelector?: boolean;
+    enableReset?: boolean;
+    enableRefresh?: boolean;
+    extraFilter?: ReactNode;
+    searchPlaceholder?: string;
+}
+export declare function DataTableToolbar<T extends Record<string, any>>(props: DataTableToolbarProps<T>): ReactNode;
+//# sourceMappingURL=data-table-toolbar.d.ts.map

package/dist/components/toolbar/data-table-toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/toolbar/data-table-toolbar.tsx"],"names":[],"mappings":"AA2BA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGjD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAGpE,MAAM,WAAW,qBAAqB,CAAC,CAAC;IACpC,MAAM,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAC;IAC9B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAaD,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,KAAK,EAAE,qBAAqB,CAAC,CAAC,CAAC,GAAG,SAAS,CAwI1G"}

package/dist/components/toolbar/data-table-toolbar.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataTableToolbar = DataTableToolbar;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * DataTableToolbar — surfaces engine capabilities as UI: global search, column
+ * visibility, density, export (CSV/Excel), refresh, reset. Each control drives
+ * the headless engine through `engine.api` / `engine.actions`.
+ */
+const icons_material_1 = require("@mui/icons-material");
+const material_1 = require("@mui/material");
+const react_1 = require("react");
+const column_filter_control_1 = require("./column-filter-control");
+const DENSITY_LABEL = {
+    compact: 'Compact',
+    standard: 'Standard',
+    comfortable: 'Comfortable',
+};
+const columnLabel = (col) => {
+    var _a;
+    const header = (_a = col.columnDef) === null || _a === void 0 ? void 0 : _a.header;
+    return typeof header === 'string' && header ? header : col.id;
+};
+function DataTableToolbar(props) {
+    const { engine, enableGlobalFilter, enableColumnFilter, enableColumnVisibility, enableExport, enableDensitySelector, enableReset, enableRefresh, extraFilter, searchPlaceholder = 'Search…', } = props;
+    const { table, api, state, derived, actions } = engine;
+    const [search, setSearch] = (0, react_1.useState)(state.globalFilter || '');
+    const [colAnchor, setColAnchor] = (0, react_1.useState)(null);
+    const [densityAnchor, setDensityAnchor] = (0, react_1.useState)(null);
+    const [exportAnchor, setExportAnchor] = (0, react_1.useState)(null);
+    const onSearch = (value) => {
+        setSearch(value);
+        api.filtering.setGlobalFilter(value);
+    };
+    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", alignItems: "center", spacing: 1, sx: { p: 1, flexWrap: 'wrap', gap: 1 }, children: [enableGlobalFilter ? ((0, jsx_runtime_1.jsx)(material_1.TextField, { size: "small", value: search, onChange: (e) => onSearch(e.target.value), placeholder: searchPlaceholder, sx: { minWidth: 220 }, InputProps: {
+                    startAdornment: ((0, jsx_runtime_1.jsx)(material_1.InputAdornment, { position: "start", children: (0, jsx_runtime_1.jsx)(icons_material_1.SearchOutlined, { fontSize: "small" }) })),
+                } })) : null, extraFilter, (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { flex: 1 } }), enableColumnFilter ? (0, jsx_runtime_1.jsx)(column_filter_control_1.ColumnFilterControl, { engine: engine }) : null, enableDensitySelector ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: "Density", children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { size: "small", onClick: (e) => setDensityAnchor(e.currentTarget), children: (0, jsx_runtime_1.jsx)(icons_material_1.DensitySmallOutlined, { fontSize: "small" }) }) }), (0, jsx_runtime_1.jsx)(material_1.Menu, { anchorEl: densityAnchor, open: !!densityAnchor, onClose: () => setDensityAnchor(null), children: ['compact', 'standard', 'comfortable'].map((d) => ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { selected: derived.density === d, onClick: () => {
+                                actions.setDensity(d);
+                                setDensityAnchor(null);
+                            }, children: DENSITY_LABEL[d] }, d))) })] })) : null, enableColumnVisibility ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: "Columns", children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { size: "small", onClick: (e) => setColAnchor(e.currentTarget), children: (0, jsx_runtime_1.jsx)(icons_material_1.ViewColumnOutlined, { fontSize: "small" }) }) }), (0, jsx_runtime_1.jsx)(material_1.Menu, { anchorEl: colAnchor, open: !!colAnchor, onClose: () => setColAnchor(null), children: table
+                            .getAllLeafColumns()
+                            .filter((col) => col.getCanHide())
+                            .map((col) => ((0, jsx_runtime_1.jsxs)(material_1.MenuItem, { dense: true, onClick: () => api.columnVisibility.toggleColumn(col.id), children: [(0, jsx_runtime_1.jsx)(material_1.Checkbox, { edge: "start", size: "small", checked: col.getIsVisible(), disableRipple: true, sx: { p: 0.5 } }), (0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: columnLabel(col) })] }, col.id))) })] })) : null, enableExport ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: "Export", children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { size: "small", onClick: (e) => setExportAnchor(e.currentTarget), children: (0, jsx_runtime_1.jsx)(icons_material_1.FileDownloadOutlined, { fontSize: "small" }) }) }), (0, jsx_runtime_1.jsxs)(material_1.Menu, { anchorEl: exportAnchor, open: !!exportAnchor, onClose: () => setExportAnchor(null), children: [(0, jsx_runtime_1.jsxs)(material_1.MenuItem, { onClick: () => { void api.export.exportCSV(); setExportAnchor(null); }, children: [(0, jsx_runtime_1.jsx)(material_1.ListItemIcon, { children: (0, jsx_runtime_1.jsx)(icons_material_1.FileDownloadOutlined, { fontSize: "small" }) }), (0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: "Export CSV" })] }), (0, jsx_runtime_1.jsxs)(material_1.MenuItem, { onClick: () => { void api.export.exportExcel(); setExportAnchor(null); }, children: [(0, jsx_runtime_1.jsx)(material_1.ListItemIcon, { children: (0, jsx_runtime_1.jsx)(icons_material_1.FileDownloadOutlined, { fontSize: "small" }) }), (0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: "Export Excel" })] })] })] })) : null, enableRefresh ? ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: "Refresh", children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { size: "small", onClick: () => api.data.refresh(), children: (0, jsx_runtime_1.jsx)(icons_material_1.RefreshOutlined, { fontSize: "small" }) }) })) : null, enableReset ? ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: "Reset", children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { size: "small", onClick: () => api.layout.resetAll(), children: (0, jsx_runtime_1.jsx)(icons_material_1.RestartAltOutlined, { fontSize: "small" }) }) })) : null, (enableColumnVisibility || enableExport || enableDensitySelector) && (enableGlobalFilter || extraFilter) ? ((0, jsx_runtime_1.jsx)(material_1.Divider, { orientation: "vertical", flexItem: true, sx: { mx: 0.5, display: 'none' } })) : null] }));
+}

package/dist/core/index.d.ts

@@ -0,0 +1,2 @@
+export * from './use-data-table';
+//# sourceMappingURL=index.d.ts.map

package/dist/core/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/core/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/dist/core/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./use-data-table"), exports);

package/dist/core/use-data-table.d.ts

@@ -0,0 +1,83 @@
+/**
+ * useDataTable — the headless engine.
+ *
+ * Owns all table logic (data, sorting, filtering, pagination, selection, column
+ * state, server fetch, export, the imperative API). No DOM — the render layer
+ * consumes the result. Ported from v1 `use-data-table-engine.ts` with:
+ *  - deprecated prop aliases resolved (enableColumnDragging→enableColumnReordering, …)
+ *  - `console.log` debug noise replaced by the gated logger
+ *  - real `getRowId` support (stable row identity across pages)
+ *  - the obsolete MUI-`<table>` layout math removed (the div/grid layer sizes columns)
+ */
+import { useReactTable, type ColumnOrderState, type ColumnPinningState, type SortingState } from '@tanstack/react-table';
+import { useVirtualizer } from '@tanstack/react-virtual';
+import { type RefObject } from 'react';
+import type { DataTableProps } from '../types/data-table.types';
+import type { DataTableApi } from '../types/api.types';
+import type { TableState, DataFetchMeta, DataRefreshOptions } from '../types/state.types';
+import type { ColumnFilterState } from '../types/filter.types';
+import type { SelectionState } from '../types/selection.types';
+import type { DataTableDensity } from '../theme/tokens';
+import type { ExportPhase, ExportProgressPayload } from '../types/export.types';
+interface EngineUIState {
+    sorting: SortingState;
+    pagination: {
+        pageIndex: number;
+        pageSize: number;
+    };
+    globalFilter: string;
+    selectionState: SelectionState;
+    columnFilter: ColumnFilterState;
+    expanded: Record<string, boolean>;
+    density: DataTableDensity;
+    columnOrder: ColumnOrderState;
+    columnPinning: ColumnPinningState;
+    columnVisibility: Record<string, boolean>;
+    columnSizing: Record<string, number>;
+}
+export interface UseDataTableResult<T = any> {
+    table: ReturnType<typeof useReactTable<T>>;
+    refs: {
+        tableContainerRef: RefObject<HTMLDivElement | null>;
+        apiRef: RefObject<DataTableApi<T> | null>;
+        exportControllerRef: RefObject<AbortController | null>;
+    };
+    derived: {
+        isServerMode: boolean;
+        isServerPagination: boolean;
+        isServerFiltering: boolean;
+        isServerSorting: boolean;
+        tableData: T[];
+        tableTotalRow: number;
+        tableLoading: boolean;
+        rows: ReturnType<ReturnType<typeof useReactTable<T>>['getRowModel']>['rows'];
+        visibleLeafColumns: ReturnType<typeof useReactTable<T>>['getVisibleLeafColumns'];
+        fitToScreen: boolean;
+        density: DataTableDensity;
+        isExporting: boolean;
+        exportPhase: ExportPhase | null;
+        exportProgress: ExportProgressPayload;
+        isSomeRowsSelected: boolean;
+        selectedRowCount: number;
+    };
+    state: EngineUIState;
+    actions: {
+        fetchData: (overrides?: Partial<TableState>, options?: {
+            delay?: number;
+            meta?: DataFetchMeta;
+        }) => Promise<any>;
+        handleColumnFilterChangeHandler: (updater: any, isApply?: boolean) => void;
+        handleColumnReorder: (draggedColumnId: string, targetColumnId: string) => void;
+        resetAllAndReload: () => void;
+        triggerRefresh: (options?: boolean | DataRefreshOptions, fallbackReason?: string) => Promise<void>;
+        setDensity: (density: DataTableDensity) => void;
+        handleCancelExport: () => void;
+        renderRowModel: {
+            rowVirtualizer: ReturnType<typeof useVirtualizer>;
+        };
+    };
+    api: DataTableApi<T>;
+}
+export declare function useDataTable<T extends Record<string, any>>(props: DataTableProps<T>): UseDataTableResult<T>;
+export {};
+//# sourceMappingURL=use-data-table.d.ts.map

package/dist/core/use-data-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-data-table.d.ts","sourceRoot":"","sources":["../../src/core/use-data-table.ts"],"names":[],"mappings":"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"}