@tablecraft/table 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/auto/auto-columns.d.ts +9 -0
- package/dist/auto/auto-columns.d.ts.map +1 -0
- package/dist/auto/auto-columns.js +39 -0
- package/dist/auto/auto-columns.js.map +1 -0
- package/dist/auto/auto-filters.d.ts +22 -0
- package/dist/auto/auto-filters.d.ts.map +1 -0
- package/dist/auto/auto-filters.js +15 -0
- package/dist/auto/auto-filters.js.map +1 -0
- package/dist/auto/rest-adapter.d.ts +34 -0
- package/dist/auto/rest-adapter.d.ts.map +1 -0
- package/dist/auto/rest-adapter.js +31 -0
- package/dist/auto/rest-adapter.js.map +1 -0
- package/dist/auto/static-adapter.d.ts +21 -0
- package/dist/auto/static-adapter.d.ts.map +1 -0
- package/dist/auto/static-adapter.js +116 -0
- package/dist/auto/static-adapter.js.map +1 -0
- package/dist/auto/tablecraft-adapter.d.ts +26 -0
- package/dist/auto/tablecraft-adapter.d.ts.map +1 -0
- package/dist/auto/tablecraft-adapter.js +143 -0
- package/dist/auto/tablecraft-adapter.js.map +1 -0
- package/dist/auto/use-auto-columns.d.ts +13 -0
- package/dist/auto/use-auto-columns.d.ts.map +1 -0
- package/dist/auto/use-auto-columns.js +53 -0
- package/dist/auto/use-auto-columns.js.map +1 -0
- package/dist/column-header.d.ts +8 -0
- package/dist/column-header.d.ts.map +1 -0
- package/dist/column-header.js +33 -0
- package/dist/column-header.js.map +1 -0
- package/dist/components/button.d.ts +12 -0
- package/dist/components/button.d.ts.map +1 -0
- package/dist/components/button.js +35 -0
- package/dist/components/button.js.map +1 -0
- package/dist/components/calendar-date-picker.d.ts +21 -0
- package/dist/components/calendar-date-picker.d.ts.map +1 -0
- package/dist/components/calendar-date-picker.js +333 -0
- package/dist/components/calendar-date-picker.js.map +1 -0
- package/dist/components/calendar.d.ts +9 -0
- package/dist/components/calendar.d.ts.map +1 -0
- package/dist/components/calendar.js +77 -0
- package/dist/components/calendar.js.map +1 -0
- package/dist/components/checkbox.d.ts +5 -0
- package/dist/components/checkbox.d.ts.map +1 -0
- package/dist/components/checkbox.js +10 -0
- package/dist/components/checkbox.js.map +1 -0
- package/dist/components/command.d.ts +79 -0
- package/dist/components/command.d.ts.map +1 -0
- package/dist/components/command.js +26 -0
- package/dist/components/command.js.map +1 -0
- package/dist/components/popover.d.ts +11 -0
- package/dist/components/popover.d.ts.map +1 -0
- package/dist/components/popover.js +27 -0
- package/dist/components/popover.js.map +1 -0
- package/dist/components/select.d.ts +14 -0
- package/dist/components/select.d.ts.map +1 -0
- package/dist/components/select.js +28 -0
- package/dist/components/select.js.map +1 -0
- package/dist/components/table-dropdown.d.ts +26 -0
- package/dist/components/table-dropdown.d.ts.map +1 -0
- package/dist/components/table-dropdown.js +52 -0
- package/dist/components/table-dropdown.js.map +1 -0
- package/dist/core/table-config.d.ts +12 -0
- package/dist/core/table-config.d.ts.map +1 -0
- package/dist/core/table-config.js +33 -0
- package/dist/core/table-config.js.map +1 -0
- package/dist/core/use-column-resize.d.ts +10 -0
- package/dist/core/use-column-resize.d.ts.map +1 -0
- package/dist/core/use-column-resize.js +83 -0
- package/dist/core/use-column-resize.js.map +1 -0
- package/dist/core/use-conditional-state.d.ts +14 -0
- package/dist/core/use-conditional-state.d.ts.map +1 -0
- package/dist/core/use-conditional-state.js +27 -0
- package/dist/core/use-conditional-state.js.map +1 -0
- package/dist/core/use-table-data.d.ts +64 -0
- package/dist/core/use-table-data.d.ts.map +1 -0
- package/dist/core/use-table-data.js +141 -0
- package/dist/core/use-table-data.js.map +1 -0
- package/dist/core/use-url-state.d.ts +14 -0
- package/dist/core/use-url-state.d.ts.map +1 -0
- package/dist/core/use-url-state.js +269 -0
- package/dist/core/use-url-state.js.map +1 -0
- package/dist/data-table.d.ts +3 -0
- package/dist/data-table.d.ts.map +1 -0
- package/dist/data-table.js +278 -0
- package/dist/data-table.js.map +1 -0
- package/dist/expand-icon.d.ts +9 -0
- package/dist/expand-icon.d.ts.map +1 -0
- package/dist/expand-icon.js +13 -0
- package/dist/expand-icon.js.map +1 -0
- package/dist/export.d.ts +13 -0
- package/dist/export.d.ts.map +1 -0
- package/dist/export.js +122 -0
- package/dist/export.js.map +1 -0
- package/dist/index.d.ts +34 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +35 -0
- package/dist/index.js.map +1 -0
- package/dist/pagination.d.ts +11 -0
- package/dist/pagination.d.ts.map +1 -0
- package/dist/pagination.js +49 -0
- package/dist/pagination.js.map +1 -0
- package/dist/renderers/actions.d.ts +8 -0
- package/dist/renderers/actions.d.ts.map +1 -0
- package/dist/renderers/actions.js +10 -0
- package/dist/renderers/actions.js.map +1 -0
- package/dist/renderers/badge.d.ts +3 -0
- package/dist/renderers/badge.d.ts.map +1 -0
- package/dist/renderers/badge.js +18 -0
- package/dist/renderers/badge.js.map +1 -0
- package/dist/renderers/boolean.d.ts +3 -0
- package/dist/renderers/boolean.d.ts.map +1 -0
- package/dist/renderers/boolean.js +10 -0
- package/dist/renderers/boolean.js.map +1 -0
- package/dist/renderers/date.d.ts +3 -0
- package/dist/renderers/date.d.ts.map +1 -0
- package/dist/renderers/date.js +56 -0
- package/dist/renderers/date.js.map +1 -0
- package/dist/renderers/image.d.ts +3 -0
- package/dist/renderers/image.d.ts.map +1 -0
- package/dist/renderers/image.js +18 -0
- package/dist/renderers/image.js.map +1 -0
- package/dist/renderers/index.d.ts +23 -0
- package/dist/renderers/index.d.ts.map +1 -0
- package/dist/renderers/index.js +43 -0
- package/dist/renderers/index.js.map +1 -0
- package/dist/renderers/link.d.ts +3 -0
- package/dist/renderers/link.d.ts.map +1 -0
- package/dist/renderers/link.js +9 -0
- package/dist/renderers/link.js.map +1 -0
- package/dist/renderers/number.d.ts +3 -0
- package/dist/renderers/number.d.ts.map +1 -0
- package/dist/renderers/number.js +29 -0
- package/dist/renderers/number.js.map +1 -0
- package/dist/renderers/progress.d.ts +3 -0
- package/dist/renderers/progress.d.ts.map +1 -0
- package/dist/renderers/progress.js +10 -0
- package/dist/renderers/progress.js.map +1 -0
- package/dist/renderers/tags.d.ts +3 -0
- package/dist/renderers/tags.d.ts.map +1 -0
- package/dist/renderers/tags.js +28 -0
- package/dist/renderers/tags.js.map +1 -0
- package/dist/renderers/text.d.ts +3 -0
- package/dist/renderers/text.d.ts.map +1 -0
- package/dist/renderers/text.js +8 -0
- package/dist/renderers/text.js.map +1 -0
- package/dist/resizer.d.ts +6 -0
- package/dist/resizer.d.ts.map +1 -0
- package/dist/resizer.js +10 -0
- package/dist/resizer.js.map +1 -0
- package/dist/row-actions.d.ts +10 -0
- package/dist/row-actions.d.ts.map +1 -0
- package/dist/row-actions.js +36 -0
- package/dist/row-actions.js.map +1 -0
- package/dist/toolbar.d.ts +35 -0
- package/dist/toolbar.d.ts.map +1 -0
- package/dist/toolbar.js +119 -0
- package/dist/toolbar.js.map +1 -0
- package/dist/types.d.ts +230 -0
- package/dist/types.d.ts.map +1 -0
- package/dist/types.js +2 -0
- package/dist/types.js.map +1 -0
- package/dist/utils/cn.d.ts +3 -0
- package/dist/utils/cn.d.ts.map +1 -0
- package/dist/utils/cn.js +6 -0
- package/dist/utils/cn.js.map +1 -0
- package/dist/utils/column-sizing.d.ts +18 -0
- package/dist/utils/column-sizing.d.ts.map +1 -0
- package/dist/utils/column-sizing.js +78 -0
- package/dist/utils/column-sizing.js.map +1 -0
- package/dist/utils/date-format.d.ts +13 -0
- package/dist/utils/date-format.d.ts.map +1 -0
- package/dist/utils/date-format.js +30 -0
- package/dist/utils/date-format.js.map +1 -0
- package/dist/utils/deep-utils.d.ts +15 -0
- package/dist/utils/deep-utils.d.ts.map +1 -0
- package/dist/utils/deep-utils.js +111 -0
- package/dist/utils/deep-utils.js.map +1 -0
- package/dist/utils/export-utils.d.ts +25 -0
- package/dist/utils/export-utils.d.ts.map +1 -0
- package/dist/utils/export-utils.js +170 -0
- package/dist/utils/export-utils.js.map +1 -0
- package/dist/utils/history-sync.d.ts +11 -0
- package/dist/utils/history-sync.d.ts.map +1 -0
- package/dist/utils/history-sync.js +45 -0
- package/dist/utils/history-sync.js.map +1 -0
- package/dist/utils/keyboard-navigation.d.ts +11 -0
- package/dist/utils/keyboard-navigation.d.ts.map +1 -0
- package/dist/utils/keyboard-navigation.js +39 -0
- package/dist/utils/keyboard-navigation.js.map +1 -0
- package/dist/utils/search.d.ts +10 -0
- package/dist/utils/search.d.ts.map +1 -0
- package/dist/utils/search.js +33 -0
- package/dist/utils/search.js.map +1 -0
- package/dist/utils/size-variants.d.ts +15 -0
- package/dist/utils/size-variants.d.ts.map +1 -0
- package/dist/utils/size-variants.js +42 -0
- package/dist/utils/size-variants.js.map +1 -0
- package/dist/utils/url-events.d.ts +2 -0
- package/dist/utils/url-events.d.ts.map +1 -0
- package/dist/utils/url-events.js +4 -0
- package/dist/utils/url-events.js.map +1 -0
- package/dist/view-options.d.ts +10 -0
- package/dist/view-options.d.ts.map +1 -0
- package/dist/view-options.js +104 -0
- package/dist/view-options.js.map +1 -0
- package/package.json +69 -0
|
@@ -0,0 +1,278 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { flexRender, getCoreRowModel, getFilteredRowModel, getPaginationRowModel, getSortedRowModel, getFacetedRowModel, getFacetedUniqueValues, useReactTable, } from "@tanstack/react-table";
|
|
3
|
+
import { useEffect, useCallback, useMemo, useRef, useState } from "react";
|
|
4
|
+
import { AlertCircle } from "lucide-react";
|
|
5
|
+
import { Checkbox } from "./components/checkbox";
|
|
6
|
+
import { cn } from "./utils/cn";
|
|
7
|
+
import { useTableConfig } from "./core/table-config";
|
|
8
|
+
import { useTableData } from "./core/use-table-data";
|
|
9
|
+
import { useTableColumnResize } from "./core/use-column-resize";
|
|
10
|
+
import { useAutoColumns } from "./auto/use-auto-columns";
|
|
11
|
+
import { DataTablePagination } from "./pagination";
|
|
12
|
+
import { DataTableToolbar } from "./toolbar";
|
|
13
|
+
import { DataTableResizer } from "./resizer";
|
|
14
|
+
import { createKeyboardNavigationHandler } from "./utils/keyboard-navigation";
|
|
15
|
+
import { initializeColumnSizes, trackColumnResizing, cleanupColumnResizing, } from "./utils/column-sizing";
|
|
16
|
+
export function DataTable({ adapter, columns: manualColumns, renderers, config: configOverrides, exportConfig, idField = "id", onRowClick, startToolbarContent, toolbarContent, renderToolbar, className, pageSizeOptions: pageSizeOptionsProp, }) {
|
|
17
|
+
const tableConfig = useTableConfig(configOverrides);
|
|
18
|
+
const tableId = tableConfig.columnResizingTableId || "tablecraft-default";
|
|
19
|
+
// ─── Core data hook ───
|
|
20
|
+
const { data, meta, isLoading, isError, error, page, pageSize, search, sortBy, sortOrder, dateRange, columnVisibility: urlColumnVisibility, setPage, setPageSize, setSearch, setSortBy, setSortOrder, setDateRange, setColumnVisibility: setUrlColumnVisibility, } = useTableData(adapter, tableConfig);
|
|
21
|
+
// ─── Auto-columns from metadata ───
|
|
22
|
+
const { columns: autoColumns, metadata } = useAutoColumns(adapter, manualColumns, renderers);
|
|
23
|
+
// Dynamically determine if date filter should be enabled
|
|
24
|
+
const dateFilterEnabled = useMemo(() => {
|
|
25
|
+
// 1. Explicit override takes precedence
|
|
26
|
+
if (configOverrides?.enableDateFilter !== undefined) {
|
|
27
|
+
return configOverrides.enableDateFilter;
|
|
28
|
+
}
|
|
29
|
+
// 2. Fallback to metadata capability
|
|
30
|
+
return !!metadata?.dateRangeColumn;
|
|
31
|
+
}, [configOverrides?.enableDateFilter, metadata?.dateRangeColumn]);
|
|
32
|
+
const effectiveConfig = useMemo(() => ({
|
|
33
|
+
...tableConfig,
|
|
34
|
+
enableDateFilter: dateFilterEnabled,
|
|
35
|
+
}), [tableConfig, dateFilterEnabled]);
|
|
36
|
+
// Add selection column if row selection is enabled
|
|
37
|
+
const resolvedColumns = useMemo(() => {
|
|
38
|
+
if (!tableConfig.enableRowSelection)
|
|
39
|
+
return autoColumns;
|
|
40
|
+
const selectColumn = {
|
|
41
|
+
id: "select",
|
|
42
|
+
header: ({ table }) => (_jsx(Checkbox, { checked: (table.getIsAllPageRowsSelected() && !!table.getRowModel().rows.length) ||
|
|
43
|
+
(table.getIsSomePageRowsSelected() && "indeterminate"), onCheckedChange: (value) => table.toggleAllPageRowsSelected(!!value), "aria-label": "Select all", className: "translate-y-[2px]" })),
|
|
44
|
+
cell: ({ row }) => (_jsx(Checkbox, { checked: row.getIsSelected(), onCheckedChange: (value) => row.toggleSelected(!!value), "aria-label": "Select row", className: "translate-y-[2px]" })),
|
|
45
|
+
enableSorting: false,
|
|
46
|
+
enableHiding: false,
|
|
47
|
+
size: 40,
|
|
48
|
+
maxSize: 40,
|
|
49
|
+
};
|
|
50
|
+
return [selectColumn, ...autoColumns];
|
|
51
|
+
}, [autoColumns, tableConfig.enableRowSelection]);
|
|
52
|
+
// ─── Column resize ───
|
|
53
|
+
const { columnSizing, setColumnSizing, resetColumnSizing } = useTableColumnResize(tableId, tableConfig.enableColumnResizing);
|
|
54
|
+
// ─── Row selection ───
|
|
55
|
+
const [rowSelection, setRowSelection] = useState({});
|
|
56
|
+
// ─── Column order ───
|
|
57
|
+
const [columnOrder, setColumnOrder] = useState([]);
|
|
58
|
+
// Load column order from localStorage
|
|
59
|
+
useEffect(() => {
|
|
60
|
+
try {
|
|
61
|
+
const saved = localStorage.getItem(`tablecraft-column-order-${tableId}`);
|
|
62
|
+
if (saved) {
|
|
63
|
+
const parsed = JSON.parse(saved);
|
|
64
|
+
if (Array.isArray(parsed) && parsed.every((item) => typeof item === "string")) {
|
|
65
|
+
setColumnOrder(parsed);
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
catch {
|
|
70
|
+
// ignore
|
|
71
|
+
}
|
|
72
|
+
}, [tableId]);
|
|
73
|
+
// ─── Sorting state for TanStack ───
|
|
74
|
+
const sorting = useMemo(() => (sortBy ? [{ id: sortBy, desc: sortOrder === "desc" }] : []), [sortBy, sortOrder]);
|
|
75
|
+
// ─── Selection helpers ───
|
|
76
|
+
const totalSelectedItems = useMemo(() => Object.keys(rowSelection).length, [rowSelection]);
|
|
77
|
+
const clearSelection = useCallback(() => {
|
|
78
|
+
setRowSelection({});
|
|
79
|
+
}, []);
|
|
80
|
+
const getSelectedItems = useCallback(async () => {
|
|
81
|
+
if (totalSelectedItems === 0)
|
|
82
|
+
return [];
|
|
83
|
+
const selectedIds = Object.keys(rowSelection);
|
|
84
|
+
const itemsOnPage = data.filter((item) => rowSelection[String(item[idField])]);
|
|
85
|
+
const idsOnPage = new Set(itemsOnPage.map((item) => String(item[idField])));
|
|
86
|
+
const idsToFetch = selectedIds.filter((id) => !idsOnPage.has(id));
|
|
87
|
+
if (idsToFetch.length === 0 || !adapter.queryByIds) {
|
|
88
|
+
return itemsOnPage;
|
|
89
|
+
}
|
|
90
|
+
try {
|
|
91
|
+
const fetched = await adapter.queryByIds(idsToFetch);
|
|
92
|
+
return [...itemsOnPage, ...fetched];
|
|
93
|
+
}
|
|
94
|
+
catch {
|
|
95
|
+
return itemsOnPage;
|
|
96
|
+
}
|
|
97
|
+
}, [data, rowSelection, totalSelectedItems, adapter, idField]);
|
|
98
|
+
const getAllItems = useCallback(() => data, [data]);
|
|
99
|
+
// ─── Pagination state for TanStack ───
|
|
100
|
+
const pagination = useMemo(() => ({ pageIndex: page - 1, pageSize }), [page, pageSize]);
|
|
101
|
+
// ─── Event handlers ───
|
|
102
|
+
const handleSortingChange = useCallback((updaterOrValue) => {
|
|
103
|
+
const newSorting = typeof updaterOrValue === "function"
|
|
104
|
+
? updaterOrValue(sorting)
|
|
105
|
+
: updaterOrValue;
|
|
106
|
+
if (newSorting.length > 0) {
|
|
107
|
+
setSortBy(newSorting[0].id);
|
|
108
|
+
setSortOrder(newSorting[0].desc ? "desc" : "asc");
|
|
109
|
+
}
|
|
110
|
+
}, [sorting, setSortBy, setSortOrder]);
|
|
111
|
+
const handlePaginationChange = useCallback((updaterOrValue) => {
|
|
112
|
+
const newPagination = typeof updaterOrValue === "function"
|
|
113
|
+
? updaterOrValue({ pageIndex: page - 1, pageSize })
|
|
114
|
+
: updaterOrValue;
|
|
115
|
+
if (newPagination.pageSize !== pageSize) {
|
|
116
|
+
setPageSize(newPagination.pageSize);
|
|
117
|
+
setPage(1);
|
|
118
|
+
return;
|
|
119
|
+
}
|
|
120
|
+
if (newPagination.pageIndex + 1 !== page) {
|
|
121
|
+
setPage(newPagination.pageIndex + 1);
|
|
122
|
+
}
|
|
123
|
+
}, [page, pageSize, setPage, setPageSize]);
|
|
124
|
+
const handleColumnSizingChange = useCallback((updaterOrValue) => {
|
|
125
|
+
if (typeof updaterOrValue === "function") {
|
|
126
|
+
setColumnSizing((current) => updaterOrValue(current));
|
|
127
|
+
}
|
|
128
|
+
else {
|
|
129
|
+
setColumnSizing(updaterOrValue);
|
|
130
|
+
}
|
|
131
|
+
}, [setColumnSizing]);
|
|
132
|
+
const handleColumnOrderChange = useCallback((updaterOrValue) => {
|
|
133
|
+
const newOrder = typeof updaterOrValue === "function"
|
|
134
|
+
? updaterOrValue(columnOrder)
|
|
135
|
+
: updaterOrValue;
|
|
136
|
+
setColumnOrder(newOrder);
|
|
137
|
+
try {
|
|
138
|
+
localStorage.setItem(`tablecraft-column-order-${tableId}`, JSON.stringify(newOrder));
|
|
139
|
+
}
|
|
140
|
+
catch {
|
|
141
|
+
// ignore
|
|
142
|
+
}
|
|
143
|
+
}, [columnOrder, tableId]);
|
|
144
|
+
const resetColumnOrder = useCallback(() => {
|
|
145
|
+
setColumnOrder([]);
|
|
146
|
+
try {
|
|
147
|
+
localStorage.removeItem(`tablecraft-column-order-${tableId}`);
|
|
148
|
+
}
|
|
149
|
+
catch {
|
|
150
|
+
// ignore
|
|
151
|
+
}
|
|
152
|
+
}, [tableId]);
|
|
153
|
+
// ─── Row click handler ───
|
|
154
|
+
const handleRowClick = useCallback((event, rowData, rowIndex) => {
|
|
155
|
+
const target = event.target;
|
|
156
|
+
if (target.closest('button, a, input, select, textarea, [role="button"], [role="link"]')) {
|
|
157
|
+
return;
|
|
158
|
+
}
|
|
159
|
+
onRowClick?.(rowData, rowIndex);
|
|
160
|
+
}, [onRowClick]);
|
|
161
|
+
// ─── Keyboard navigation ───
|
|
162
|
+
const handleKeyDown = useCallback(createKeyboardNavigationHandler(
|
|
163
|
+
// Will be assigned once table is created — use a ref
|
|
164
|
+
null, onRowClick
|
|
165
|
+
? (rowData, rowIndex) => onRowClick(rowData, rowIndex)
|
|
166
|
+
: undefined), [onRowClick]);
|
|
167
|
+
// ─── Table instance ───
|
|
168
|
+
const tableOptions = useMemo(() => ({
|
|
169
|
+
data,
|
|
170
|
+
columns: resolvedColumns,
|
|
171
|
+
state: {
|
|
172
|
+
sorting,
|
|
173
|
+
columnVisibility: urlColumnVisibility,
|
|
174
|
+
rowSelection,
|
|
175
|
+
columnFilters: [],
|
|
176
|
+
pagination,
|
|
177
|
+
columnSizing,
|
|
178
|
+
columnOrder,
|
|
179
|
+
},
|
|
180
|
+
columnResizeMode: "onChange",
|
|
181
|
+
onColumnSizingChange: handleColumnSizingChange,
|
|
182
|
+
onColumnOrderChange: handleColumnOrderChange,
|
|
183
|
+
pageCount: meta.totalPages ?? 0,
|
|
184
|
+
enableRowSelection: tableConfig.enableRowSelection,
|
|
185
|
+
enableColumnResizing: tableConfig.enableColumnResizing,
|
|
186
|
+
getRowId: (row) => String(row[idField]),
|
|
187
|
+
manualPagination: true,
|
|
188
|
+
manualSorting: true,
|
|
189
|
+
manualFiltering: true,
|
|
190
|
+
onRowSelectionChange: setRowSelection,
|
|
191
|
+
onSortingChange: handleSortingChange,
|
|
192
|
+
onColumnVisibilityChange: setUrlColumnVisibility,
|
|
193
|
+
onPaginationChange: handlePaginationChange,
|
|
194
|
+
getCoreRowModel: getCoreRowModel(),
|
|
195
|
+
getFilteredRowModel: getFilteredRowModel(),
|
|
196
|
+
getPaginationRowModel: getPaginationRowModel(),
|
|
197
|
+
getSortedRowModel: getSortedRowModel(),
|
|
198
|
+
getFacetedRowModel: getFacetedRowModel(),
|
|
199
|
+
getFacetedUniqueValues: getFacetedUniqueValues(),
|
|
200
|
+
}), [
|
|
201
|
+
data,
|
|
202
|
+
resolvedColumns,
|
|
203
|
+
sorting,
|
|
204
|
+
urlColumnVisibility,
|
|
205
|
+
rowSelection,
|
|
206
|
+
pagination,
|
|
207
|
+
columnSizing,
|
|
208
|
+
columnOrder,
|
|
209
|
+
handleColumnSizingChange,
|
|
210
|
+
handleColumnOrderChange,
|
|
211
|
+
meta.totalPages,
|
|
212
|
+
tableConfig.enableRowSelection,
|
|
213
|
+
tableConfig.enableColumnResizing,
|
|
214
|
+
handleSortingChange,
|
|
215
|
+
setUrlColumnVisibility,
|
|
216
|
+
handlePaginationChange,
|
|
217
|
+
idField,
|
|
218
|
+
]);
|
|
219
|
+
const table = useReactTable(tableOptions);
|
|
220
|
+
// ─── Column sizing init ───
|
|
221
|
+
useEffect(() => {
|
|
222
|
+
initializeColumnSizes(resolvedColumns, tableId, setColumnSizing);
|
|
223
|
+
}, [resolvedColumns, tableId, setColumnSizing]);
|
|
224
|
+
// ─── Track resize state on body ───
|
|
225
|
+
useEffect(() => {
|
|
226
|
+
const isResizingAny = table
|
|
227
|
+
.getHeaderGroups()
|
|
228
|
+
.some((hg) => hg.headers.some((h) => h.column.getIsResizing()));
|
|
229
|
+
trackColumnResizing(isResizingAny);
|
|
230
|
+
return () => cleanupColumnResizing();
|
|
231
|
+
}, [table]);
|
|
232
|
+
// ─── Sync sorting with table ───
|
|
233
|
+
useEffect(() => {
|
|
234
|
+
table.setSorting(sorting);
|
|
235
|
+
}, [table, sorting]);
|
|
236
|
+
// ─── Table container ref ───
|
|
237
|
+
const tableContainerRef = useRef(null);
|
|
238
|
+
// ─── Render toolbar content ───
|
|
239
|
+
const toolbarContext = {
|
|
240
|
+
selectedRows: data.filter((item) => rowSelection[String(item[idField])]),
|
|
241
|
+
selectedIds: Object.keys(rowSelection),
|
|
242
|
+
totalSelected: totalSelectedItems,
|
|
243
|
+
clearSelection,
|
|
244
|
+
search,
|
|
245
|
+
setSearch,
|
|
246
|
+
dateRange,
|
|
247
|
+
setDateRange,
|
|
248
|
+
};
|
|
249
|
+
const customToolbar = renderToolbar
|
|
250
|
+
? renderToolbar(toolbarContext)
|
|
251
|
+
: toolbarContent;
|
|
252
|
+
const resolvedStartToolbarContent = typeof startToolbarContent === "function"
|
|
253
|
+
? startToolbarContent(toolbarContext)
|
|
254
|
+
: startToolbarContent;
|
|
255
|
+
// ─── Error state ───
|
|
256
|
+
if (isError) {
|
|
257
|
+
return (_jsxs("div", { className: "my-4 rounded-md border border-destructive/50 bg-destructive/10 p-4", role: "alert", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(AlertCircle, { className: "h-4 w-4 text-destructive" }), _jsx("h5", { className: "font-medium text-destructive", children: "Error" })] }), _jsxs("p", { className: "mt-1 text-sm text-destructive/80", children: ["Failed to load data:", " ", error instanceof Error ? error.message : "Unknown error"] })] }));
|
|
258
|
+
}
|
|
259
|
+
const pageSizeOpts = pageSizeOptionsProp ??
|
|
260
|
+
tableConfig.pageSizeOptions ?? [10, 20, 30, 40, 50];
|
|
261
|
+
return (_jsxs("div", { className: cn("space-y-4", className), children: [tableConfig.enableToolbar && (_jsx(DataTableToolbar, { table: table, search: search, dateRange: { from: dateRange.from, to: dateRange.to }, setSearch: setSearch, setDateRange: setDateRange, totalSelectedItems: totalSelectedItems, clearSelection: clearSelection, getSelectedItems: getSelectedItems, getAllItems: getAllItems, config: effectiveConfig, exportConfig: exportConfig, resetColumnSizing: () => {
|
|
262
|
+
resetColumnSizing();
|
|
263
|
+
setTimeout(() => window.dispatchEvent(new Event("resize")), 100);
|
|
264
|
+
}, resetColumnOrder: resetColumnOrder, customToolbarContent: customToolbar, startToolbarContent: resolvedStartToolbarContent })), _jsx("div", { ref: tableContainerRef, className: "overflow-y-auto rounded-md border", "aria-label": "Data table", onKeyDown: tableConfig.enableKeyboardNavigation ? handleKeyDown : undefined, children: _jsx("div", { "data-slot": "table-container", className: "relative w-full overflow-x-auto", children: _jsxs("table", { "data-slot": "table", className: cn("w-full caption-bottom text-sm", tableConfig.enableColumnResizing && "resizable-table"), children: [_jsx("thead", { "data-slot": "table-header", className: "[&_tr]:border-b", children: table.getHeaderGroups().map((headerGroup) => (_jsx("tr", { "data-slot": "table-row", className: "hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors", children: headerGroup.headers.map((header) => (_jsxs("th", { "data-slot": "table-head", colSpan: header.colSpan, scope: "col", className: "text-foreground h-10 px-4 text-left align-middle font-medium whitespace-nowrap relative group/th [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", style: { width: header.getSize() }, "data-column-resizing": header.column.getIsResizing() ? "true" : undefined, children: [header.isPlaceholder
|
|
265
|
+
? null
|
|
266
|
+
: flexRender(header.column.columnDef.header, header.getContext()), tableConfig.enableColumnResizing &&
|
|
267
|
+
header.column.getCanResize() && (_jsx(DataTableResizer, { header: header, table: table }))] }, header.id))) }, headerGroup.id))) }), _jsx("tbody", { "data-slot": "table-body", className: "[&_tr:last-child]:border-0", children: isLoading ? (Array.from({ length: pageSize }).map((_, i) => (_jsx("tr", { "data-slot": "table-row", className: "hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors", children: Array.from({ length: resolvedColumns.length }).map((_, j) => (_jsx("td", { "data-slot": "table-cell", className: "align-middle whitespace-nowrap px-4 py-2 text-left", children: _jsx("div", { className: "h-6 w-full animate-pulse rounded bg-muted" }) }, `skeleton-${i}-${j}`))) }, `loading-${i}`)))) : table.getRowModel().rows?.length ? (table.getRowModel().rows.map((row, rowIndex) => (_jsx("tr", { id: `row-${rowIndex}`, "data-slot": "table-row", "data-row-index": rowIndex, "data-state": row.getIsSelected() ? "selected" : undefined, tabIndex: 0, "aria-selected": row.getIsSelected(), className: "hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors", onClick: (event) => {
|
|
268
|
+
if (tableConfig.enableClickRowSelect) {
|
|
269
|
+
row.toggleSelected();
|
|
270
|
+
}
|
|
271
|
+
if (onRowClick) {
|
|
272
|
+
handleRowClick(event, row.original, rowIndex);
|
|
273
|
+
}
|
|
274
|
+
}, style: {
|
|
275
|
+
cursor: onRowClick ? "pointer" : undefined,
|
|
276
|
+
}, children: row.getVisibleCells().map((cell) => (_jsx("td", { "data-slot": "table-cell", className: "align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] px-4 py-2 truncate max-w-0 text-left", children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id))) }, row.id)))) : (_jsx("tr", { "data-slot": "table-row", children: _jsx("td", { "data-slot": "table-cell", colSpan: resolvedColumns.length, className: "h-24 text-center text-muted-foreground", children: "No results." }) })) })] }) }) }), tableConfig.enablePagination && (_jsx(DataTablePagination, { table: table, totalItems: meta.total ?? 0, totalSelectedItems: totalSelectedItems, pageSizeOptions: pageSizeOpts, size: tableConfig.size }))] }));
|
|
277
|
+
}
|
|
278
|
+
//# sourceMappingURL=data-table.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"data-table.js","sourceRoot":"","sources":["../src/data-table.tsx"],"names":[],"mappings":";AAQA,OAAO,EACL,UAAU,EACV,eAAe,EACf,mBAAmB,EACnB,qBAAqB,EACrB,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,aAAa,GACd,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAC;AAGhC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,EAAE,+BAA+B,EAAE,MAAM,6BAA6B,CAAC;AAC9E,OAAO,EACL,qBAAqB,EACrB,mBAAmB,EACnB,qBAAqB,GACtB,MAAM,uBAAuB,CAAC;AAE/B,MAAM,UAAU,SAAS,CAAoC,EAC3D,OAAO,EACP,OAAO,EAAE,aAAa,EACtB,SAAS,EACT,MAAM,EAAE,eAAe,EACvB,YAAY,EACZ,OAAO,GAAG,IAAe,EACzB,UAAU,EACV,mBAAmB,EACnB,cAAc,EACd,aAAa,EACb,SAAS,EACT,eAAe,EAAE,mBAAmB,GAClB;IAClB,MAAM,WAAW,GAAG,cAAc,CAAC,eAAe,CAAC,CAAC;IAEpD,MAAM,OAAO,GAAG,WAAW,CAAC,qBAAqB,IAAI,oBAAoB,CAAC;IAE1E,yBAAyB;IACzB,MAAM,EACJ,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,OAAO,EACP,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,MAAM,EACN,SAAS,EACT,SAAS,EACT,gBAAgB,EAAE,mBAAmB,EACrC,OAAO,EACP,WAAW,EACX,SAAS,EACT,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,mBAAmB,EAAE,sBAAsB,GAC5C,GAAG,YAAY,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;IAEvC,qCAAqC;IACrC,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,cAAc,CAAC,OAAO,EAAE,aAAa,EAAE,SAAS,CAAC,CAAC;IAE7F,yDAAyD;IACzD,MAAM,iBAAiB,GAAG,OAAO,CAAC,GAAG,EAAE;QACrC,wCAAwC;QACxC,IAAI,eAAe,EAAE,gBAAgB,KAAK,SAAS,EAAE,CAAC;YACpD,OAAO,eAAe,CAAC,gBAAgB,CAAC;QAC1C,CAAC;QACD,qCAAqC;QACrC,OAAO,CAAC,CAAC,QAAQ,EAAE,eAAe,CAAC;IACrC,CAAC,EAAE,CAAC,eAAe,EAAE,gBAAgB,EAAE,QAAQ,EAAE,eAAe,CAAC,CAAC,CAAC;IAEnE,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;QACrC,GAAG,WAAW;QACd,gBAAgB,EAAE,iBAAiB;KACpC,CAAC,EAAE,CAAC,WAAW,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAEtC,mDAAmD;IACnD,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE;QACnC,IAAI,CAAC,WAAW,CAAC,kBAAkB;YAAE,OAAO,WAAW,CAAC;QAExD,MAAM,YAAY,GAA0B;YAC1C,EAAE,EAAE,QAAQ;YACZ,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACrB,KAAC,QAAQ,IACP,OAAO,EACL,CAAC,KAAK,CAAC,wBAAwB,EAAE,IAAI,CAAC,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC;oBACvE,CAAC,KAAK,CAAC,yBAAyB,EAAE,IAAI,eAAe,CAAC,EAExD,eAAe,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,yBAAyB,CAAC,CAAC,CAAC,KAAK,CAAC,gBACzD,YAAY,EACvB,SAAS,EAAC,mBAAmB,GAC7B,CACH;YACD,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,CACjB,KAAC,QAAQ,IACP,OAAO,EAAE,GAAG,CAAC,aAAa,EAAE,EAC5B,eAAe,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,gBAC5C,YAAY,EACvB,SAAS,EAAC,mBAAmB,GAC7B,CACH;YACD,aAAa,EAAE,KAAK;YACpB,YAAY,EAAE,KAAK;YACnB,IAAI,EAAE,EAAE;YACR,OAAO,EAAE,EAAE;SACZ,CAAC;QAEF,OAAO,CAAC,YAAY,EAAE,GAAG,WAAW,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,WAAW,EAAE,WAAW,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAElD,wBAAwB;IACxB,MAAM,EAAE,YAAY,EAAE,eAAe,EAAE,iBAAiB,EAAE,GACxD,oBAAoB,CAAC,OAAO,EAAE,WAAW,CAAC,oBAAoB,CAAC,CAAC;IAElE,wBAAwB;IACxB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAA0B,EAAE,CAAC,CAAC;IAE9E,uBAAuB;IACvB,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC,CAAC;IAE7D,sCAAsC;IACtC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC;YACH,MAAM,KAAK,GAAG,YAAY,CAAC,OAAO,CAAC,2BAA2B,OAAO,EAAE,CAAC,CAAC;YACzE,IAAI,KAAK,EAAE,CAAC;gBACV,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;gBACjC,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,IAAa,EAAE,EAAE,CAAC,OAAO,IAAI,KAAK,QAAQ,CAAC,EAAE,CAAC;oBACvF,cAAc,CAAC,MAAM,CAAC,CAAC;gBACzB,CAAC;YACH,CAAC;QACH,CAAC;QAAC,MAAM,CAAC;YACP,SAAS;QACX,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,qCAAqC;IACrC,MAAM,OAAO,GAAiB,OAAO,CACnC,GAAG,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,KAAK,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAClE,CAAC,MAAM,EAAE,SAAS,CAAC,CACpB,CAAC;IAEF,4BAA4B;IAC5B,MAAM,kBAAkB,GAAG,OAAO,CAChC,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,MAAM,EACtC,CAAC,YAAY,CAAC,CACf,CAAC;IAEF,MAAM,cAAc,GAAG,WAAW,CAAC,GAAG,EAAE;QACtC,eAAe,CAAC,EAAE,CAAC,CAAC;IACtB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,gBAAgB,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QAC9C,IAAI,kBAAkB,KAAK,CAAC;YAAE,OAAO,EAAE,CAAC;QAExC,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAC9C,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,CAC7B,CAAC,IAAI,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAC9C,CAAC;QACF,MAAM,SAAS,GAAG,IAAI,GAAG,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;QAC5E,MAAM,UAAU,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;QAElE,IAAI,UAAU,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC;YACnD,OAAO,WAAW,CAAC;QACrB,CAAC;QAED,IAAI,CAAC;YACH,MAAM,OAAO,GAAG,MAAM,OAAO,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;YACrD,OAAO,CAAC,GAAG,WAAW,EAAE,GAAG,OAAO,CAAC,CAAC;QACtC,CAAC;QAAC,MAAM,CAAC;YACP,OAAO,WAAW,CAAC;QACrB,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,kBAAkB,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/D,MAAM,WAAW,GAAG,WAAW,CAAC,GAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEzD,wCAAwC;IACxC,MAAM,UAAU,GAAG,OAAO,CACxB,GAAG,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,CAAC,EACzC,CAAC,IAAI,EAAE,QAAQ,CAAC,CACjB,CAAC;IAEF,yBAAyB;IACzB,MAAM,mBAAmB,GAAG,WAAW,CACrC,CAAC,cAAqE,EAAE,EAAE;QACxE,MAAM,UAAU,GACd,OAAO,cAAc,KAAK,UAAU;YAClC,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC;YACzB,CAAC,CAAC,cAAc,CAAC;QAErB,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC1B,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;YAC5B,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;QACpD,CAAC;IACH,CAAC,EACD,CAAC,OAAO,EAAE,SAAS,EAAE,YAAY,CAAC,CACnC,CAAC;IAEF,MAAM,sBAAsB,GAAG,WAAW,CACxC,CACE,cAKM,EACN,EAAE;QACF,MAAM,aAAa,GACjB,OAAO,cAAc,KAAK,UAAU;YAClC,CAAC,CAAC,cAAc,CAAC,EAAE,SAAS,EAAE,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,CAAC;YACnD,CAAC,CAAC,cAAc,CAAC;QAErB,IAAI,aAAa,CAAC,QAAQ,KAAK,QAAQ,EAAE,CAAC;YACxC,WAAW,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;YACpC,OAAO,CAAC,CAAC,CAAC,CAAC;YACX,OAAO;QACT,CAAC;QAED,IAAI,aAAa,CAAC,SAAS,GAAG,CAAC,KAAK,IAAI,EAAE,CAAC;YACzC,OAAO,CAAC,aAAa,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC;QACvC,CAAC;IACH,CAAC,EACD,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,CAAC,CACvC,CAAC;IAEF,MAAM,wBAAwB,GAAG,WAAW,CAC1C,CACE,cAEoD,EACpD,EAAE;QACF,IAAI,OAAO,cAAc,KAAK,UAAU,EAAE,CAAC;YACzC,eAAe,CAAC,CAAC,OAA0B,EAAE,EAAE,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;QAC3E,CAAC;aAAM,CAAC;YACN,eAAe,CAAC,cAAc,CAAC,CAAC;QAClC,CAAC;IACH,CAAC,EACD,CAAC,eAAe,CAAC,CAClB,CAAC;IAEF,MAAM,uBAAuB,GAAG,WAAW,CACzC,CAAC,cAAyD,EAAE,EAAE;QAC5D,MAAM,QAAQ,GACZ,OAAO,cAAc,KAAK,UAAU;YAClC,CAAC,CAAC,cAAc,CAAC,WAAW,CAAC;YAC7B,CAAC,CAAC,cAAc,CAAC;QACrB,cAAc,CAAC,QAAQ,CAAC,CAAC;QACzB,IAAI,CAAC;YACH,YAAY,CAAC,OAAO,CAClB,2BAA2B,OAAO,EAAE,EACpC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CACzB,CAAC;QACJ,CAAC;QAAC,MAAM,CAAC;YACP,SAAS;QACX,CAAC;IACH,CAAC,EACD,CAAC,WAAW,EAAE,OAAO,CAAC,CACvB,CAAC;IAEF,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,cAAc,CAAC,EAAE,CAAC,CAAC;QACnB,IAAI,CAAC;YACH,YAAY,CAAC,UAAU,CAAC,2BAA2B,OAAO,EAAE,CAAC,CAAC;QAChE,CAAC;QAAC,MAAM,CAAC;YACP,SAAS;QACX,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,4BAA4B;IAC5B,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,KAAuB,EAAE,OAAU,EAAE,QAAgB,EAAE,EAAE;QACxD,MAAM,MAAM,GAAG,KAAK,CAAC,MAAqB,CAAC;QAC3C,IACE,MAAM,CAAC,OAAO,CACZ,oEAAoE,CACrE,EACD,CAAC;YACD,OAAO;QACT,CAAC;QACD,UAAU,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;IAClC,CAAC,EACD,CAAC,UAAU,CAAC,CACb,CAAC;IAEF,8BAA8B;IAC9B,MAAM,aAAa,GAAG,WAAW,CAC/B,+BAA+B;IAC7B,qDAAqD;IACrD,IAAmD,EACnD,UAAU;QACR,CAAC,CAAC,CAAC,OAAgB,EAAE,QAAgB,EAAE,EAAE,CACrC,UAAU,CAAC,OAAY,EAAE,QAAQ,CAAC;QACtC,CAAC,CAAC,SAAS,CACd,EACD,CAAC,UAAU,CAAC,CACb,CAAC;IAEF,yBAAyB;IACzB,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAG,EAAE,CAAC,CAAC;QACL,IAAI;QACJ,OAAO,EAAE,eAAe;QACxB,KAAK,EAAE;YACL,OAAO;YACP,gBAAgB,EAAE,mBAAmB;YACrC,YAAY;YACZ,aAAa,EAAE,EAAwB;YACvC,UAAU;YACV,YAAY;YACZ,WAAW;SACZ;QACD,gBAAgB,EAAE,UAA8B;QAChD,oBAAoB,EAAE,wBAAwB;QAC9C,mBAAmB,EAAE,uBAAuB;QAC5C,SAAS,EAAE,IAAI,CAAC,UAAU,IAAI,CAAC;QAC/B,kBAAkB,EAAE,WAAW,CAAC,kBAAkB;QAClD,oBAAoB,EAAE,WAAW,CAAC,oBAAoB;QACtD,QAAQ,EAAE,CAAC,GAAM,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QAC1C,gBAAgB,EAAE,IAAI;QACtB,aAAa,EAAE,IAAI;QACnB,eAAe,EAAE,IAAI;QACrB,oBAAoB,EAAE,eAAe;QACrC,eAAe,EAAE,mBAAmB;QACpC,wBAAwB,EAAE,sBAA2G;QACrI,kBAAkB,EAAE,sBAAsB;QAC1C,eAAe,EAAE,eAAe,EAAK;QACrC,mBAAmB,EAAE,mBAAmB,EAAK;QAC7C,qBAAqB,EAAE,qBAAqB,EAAK;QACjD,iBAAiB,EAAE,iBAAiB,EAAK;QACzC,kBAAkB,EAAE,kBAAkB,EAAK;QAC3C,sBAAsB,EAAE,sBAAsB,EAAK;KACpD,CAAC,EACF;QACE,IAAI;QACJ,eAAe;QACf,OAAO;QACP,mBAAmB;QACnB,YAAY;QACZ,UAAU;QACV,YAAY;QACZ,WAAW;QACX,wBAAwB;QACxB,uBAAuB;QACvB,IAAI,CAAC,UAAU;QACf,WAAW,CAAC,kBAAkB;QAC9B,WAAW,CAAC,oBAAoB;QAChC,mBAAmB;QACnB,sBAAsB;QACtB,sBAAsB;QACtB,OAAO;KACR,CACF,CAAC;IAEF,MAAM,KAAK,GAAG,aAAa,CAAI,YAAY,CAAC,CAAC;IAE7C,6BAA6B;IAC7B,SAAS,CAAC,GAAG,EAAE;QACb,qBAAqB,CACnB,eAA0C,EAC1C,OAAO,EACP,eAAe,CAChB,CAAC;IACJ,CAAC,EAAE,CAAC,eAAe,EAAE,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC;IAEhD,qCAAqC;IACrC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,aAAa,GAAG,KAAK;aACxB,eAAe,EAAE;aACjB,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC;QAClE,mBAAmB,CAAC,aAAa,CAAC,CAAC;QACnC,OAAO,GAAG,EAAE,CAAC,qBAAqB,EAAE,CAAC;IACvC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,kCAAkC;IAClC,SAAS,CAAC,GAAG,EAAE;QACb,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;IAC5B,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;IAErB,8BAA8B;IAC9B,MAAM,iBAAiB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEvD,iCAAiC;IACjC,MAAM,cAAc,GAAG;QACrB,YAAY,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QACxE,WAAW,EAAE,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC;QACtC,aAAa,EAAE,kBAAkB;QACjC,cAAc;QACd,MAAM;QACN,SAAS;QACT,SAAS;QACT,YAAY;KACb,CAAC;IAEF,MAAM,aAAa,GAAG,aAAa;QACjC,CAAC,CAAC,aAAa,CAAC,cAAc,CAAC;QAC/B,CAAC,CAAC,cAAc,CAAC;IAEnB,MAAM,2BAA2B,GAC/B,OAAO,mBAAmB,KAAK,UAAU;QACvC,CAAC,CAAC,mBAAmB,CAAC,cAAc,CAAC;QACrC,CAAC,CAAC,mBAAmB,CAAC;IAE1B,sBAAsB;IACtB,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CACL,eACE,SAAS,EAAC,oEAAoE,EAC9E,IAAI,EAAC,OAAO,aAEZ,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,WAAW,IAAC,SAAS,EAAC,0BAA0B,GAAG,EACpD,aAAI,SAAS,EAAC,8BAA8B,sBAAW,IACnD,EACN,aAAG,SAAS,EAAC,kCAAkC,qCACxB,GAAG,EACvB,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,eAAe,IACvD,IACA,CACP,CAAC;IACJ,CAAC;IAED,MAAM,YAAY,GAChB,mBAAmB;QACnB,WAAW,CAAC,eAAe,IAAI,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;IAEtD,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,aACvC,WAAW,CAAC,aAAa,IAAI,CAC5B,KAAC,gBAAgB,IACf,KAAK,EAAE,KAAoE,EAC3E,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,EAAE,EAAE,SAAS,CAAC,EAAE,EAAE,EACrD,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,kBAAkB,EAAE,kBAAkB,EACtC,cAAc,EAAE,cAAc,EAC9B,gBAAgB,EAAE,gBAAmD,EACrE,WAAW,EAAE,WAAqC,EAClD,MAAM,EAAE,eAAe,EACvB,YAAY,EAAE,YAA8D,EAC5E,iBAAiB,EAAE,GAAG,EAAE;oBACtB,iBAAiB,EAAE,CAAC;oBACpB,UAAU,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;gBACnE,CAAC,EACD,gBAAgB,EAAE,gBAAgB,EAClC,oBAAoB,EAAE,aAAa,EACnC,mBAAmB,EAAE,2BAA2B,GAChD,CACH,EAED,cACE,GAAG,EAAE,iBAAiB,EACtB,SAAS,EAAC,mCAAmC,gBAClC,YAAY,EACvB,SAAS,EACP,WAAW,CAAC,wBAAwB,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,YAGlE,2BAAe,iBAAiB,EAAC,SAAS,EAAC,iCAAiC,YAC1E,8BACY,OAAO,EACjB,SAAS,EAAE,EAAE,CACX,+BAA+B,EAC/B,WAAW,CAAC,oBAAoB,IAAI,iBAAiB,CACtD,aAED,6BAAiB,cAAc,EAAC,SAAS,EAAC,iBAAiB,YACxD,KAAK,CAAC,eAAe,EAAE,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CAC5C,0BAEY,WAAW,EACrB,SAAS,EAAC,6EAA6E,YAEtF,WAAW,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACnC,2BAEY,YAAY,EACtB,OAAO,EAAE,MAAM,CAAC,OAAO,EACvB,KAAK,EAAC,KAAK,EACX,SAAS,EAAC,sKAAsK,EAChL,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,OAAO,EAAE,EAAE,0BACZ,MAAM,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,aAEvE,MAAM,CAAC,aAAa;gDACnB,CAAC,CAAC,IAAI;gDACN,CAAC,CAAC,UAAU,CACR,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,EAC9B,MAAM,CAAC,UAAU,EAAE,CACpB,EACJ,WAAW,CAAC,oBAAoB;gDAC/B,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE,IAAI,CAC9B,KAAC,gBAAgB,IAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,GAAI,CACnD,KAjBE,MAAM,CAAC,EAAE,CAkBX,CACN,CAAC,IAzBG,WAAW,CAAC,EAAE,CA0BhB,CACN,CAAC,GACI,EAER,6BAAiB,YAAY,EAAC,SAAS,EAAC,4BAA4B,YACjE,SAAS,CAAC,CAAC,CAAC,CACX,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC7C,0BAEY,WAAW,EACrB,SAAS,EAAC,6EAA6E,YAEtF,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,eAAe,CAAC,MAAM,EAAE,CAAC,CAAC,GAAG,CACjD,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACR,0BAEY,YAAY,EACtB,SAAS,EAAC,oDAAoD,YAE9D,cAAK,SAAS,EAAC,2CAA2C,GAAG,IAJxD,YAAY,CAAC,IAAI,CAAC,EAAE,CAKtB,CACN,CACF,IAdI,WAAW,CAAC,EAAE,CAehB,CACN,CAAC,CACH,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CACrC,KAAK,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE,CAAC,CAC9C,aAEE,EAAE,EAAE,OAAO,QAAQ,EAAE,eACX,WAAW,oBACL,QAAQ,gBACZ,GAAG,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EACxD,QAAQ,EAAE,CAAC,mBACI,GAAG,CAAC,aAAa,EAAE,EAClC,SAAS,EAAC,6EAA6E,EACvF,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;wCACjB,IAAI,WAAW,CAAC,oBAAoB,EAAE,CAAC;4CACrC,GAAG,CAAC,cAAc,EAAE,CAAC;wCACvB,CAAC;wCACD,IAAI,UAAU,EAAE,CAAC;4CACf,cAAc,CAAC,KAAK,EAAE,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;wCAChD,CAAC;oCACH,CAAC,EACD,KAAK,EAAE;wCACL,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;qCAC3C,YAEA,GAAG,CAAC,eAAe,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnC,0BAEY,YAAY,EACtB,SAAS,EAAC,yIAAyI,YAElJ,UAAU,CACT,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,EAC1B,IAAI,CAAC,UAAU,EAAE,CAClB,IAPI,IAAI,CAAC,EAAE,CAQT,CACN,CAAC,IA/BG,GAAG,CAAC,EAAE,CAgCR,CACN,CAAC,CACH,CAAC,CAAC,CAAC,CACF,0BAAc,WAAW,YACvB,0BACY,YAAY,EACtB,OAAO,EAAE,eAAe,CAAC,MAAM,EAC/B,SAAS,EAAC,wCAAwC,4BAG/C,GACF,CACN,GACK,IACF,GACJ,GACF,EAEL,WAAW,CAAC,gBAAgB,IAAI,CAC/B,KAAC,mBAAmB,IAClB,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,IAAI,CAAC,KAAK,IAAI,CAAC,EAC3B,kBAAkB,EAAE,kBAAkB,EACtC,eAAe,EAAE,YAAY,EAC7B,IAAI,EAAE,WAAW,CAAC,IAAI,GACtB,CACH,IACG,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { Row } from "@tanstack/react-table";
|
|
2
|
+
interface ExpandIconProps<TData> {
|
|
3
|
+
row: Row<TData>;
|
|
4
|
+
className?: string;
|
|
5
|
+
hideWhenSingle?: boolean;
|
|
6
|
+
}
|
|
7
|
+
export declare function ExpandIcon<TData>({ row, className, hideWhenSingle, }: ExpandIconProps<TData>): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export {};
|
|
9
|
+
//# sourceMappingURL=expand-icon.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"expand-icon.d.ts","sourceRoot":"","sources":["../src/expand-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAIjD,UAAU,eAAe,CAAC,KAAK;IAC7B,GAAG,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,EAChC,GAAG,EACH,SAAS,EACT,cAAsB,GACvB,EAAE,eAAe,CAAC,KAAK,CAAC,2CA+BxB"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { ChevronRight } from "lucide-react";
|
|
3
|
+
import { cn } from "./utils/cn";
|
|
4
|
+
export function ExpandIcon({ row, className, hideWhenSingle = false, }) {
|
|
5
|
+
if (!row.getCanExpand()) {
|
|
6
|
+
return _jsx("div", { className: "w-4" });
|
|
7
|
+
}
|
|
8
|
+
if (hideWhenSingle && row.subRows && row.subRows.length === 1) {
|
|
9
|
+
return _jsx("div", { className: "w-4" });
|
|
10
|
+
}
|
|
11
|
+
return (_jsx("button", { onClick: row.getToggleExpandedHandler(), className: cn("inline-flex items-center justify-center", "h-6 w-6 cursor-pointer transition-all", "hover:bg-muted rounded-sm", "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring", className), "aria-label": row.getIsExpanded() ? "Collapse row" : "Expand row", "aria-expanded": row.getIsExpanded(), type: "button", children: _jsx(ChevronRight, { className: cn("h-4 w-4 transition-transform duration-200", row.getIsExpanded() && "rotate-90") }) }));
|
|
12
|
+
}
|
|
13
|
+
//# sourceMappingURL=expand-icon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"expand-icon.js","sourceRoot":"","sources":["../src/expand-icon.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAC;AAQhC,MAAM,UAAU,UAAU,CAAQ,EAChC,GAAG,EACH,SAAS,EACT,cAAc,GAAG,KAAK,GACC;IACvB,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,EAAE,CAAC;QACxB,OAAO,cAAK,SAAS,EAAC,KAAK,GAAG,CAAC;IACjC,CAAC;IAED,IAAI,cAAc,IAAI,GAAG,CAAC,OAAO,IAAI,GAAG,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC9D,OAAO,cAAK,SAAS,EAAC,KAAK,GAAG,CAAC;IACjC,CAAC;IAED,OAAO,CACL,iBACE,OAAO,EAAE,GAAG,CAAC,wBAAwB,EAAE,EACvC,SAAS,EAAE,EAAE,CACX,yCAAyC,EACzC,uCAAuC,EACvC,2BAA2B,EAC3B,yEAAyE,EACzE,SAAS,CACV,gBACW,GAAG,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,mBAChD,GAAG,CAAC,aAAa,EAAE,EAClC,IAAI,EAAC,QAAQ,YAEb,KAAC,YAAY,IACX,SAAS,EAAE,EAAE,CACX,2CAA2C,EAC3C,GAAG,CAAC,aAAa,EAAE,IAAI,WAAW,CACnC,GACD,GACK,CACV,CAAC;AACJ,CAAC"}
|
package/dist/export.d.ts
ADDED
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { Table } from "@tanstack/react-table";
|
|
2
|
+
import type { ExportableData, ExportConfig, TableConfig } from "./types";
|
|
3
|
+
interface DataTableExportProps<TData extends ExportableData> {
|
|
4
|
+
table: Table<TData>;
|
|
5
|
+
data: TData[];
|
|
6
|
+
selectedCount: number;
|
|
7
|
+
getSelectedItems?: () => Promise<TData[]>;
|
|
8
|
+
exportConfig?: ExportConfig<TData>;
|
|
9
|
+
tableConfig: TableConfig;
|
|
10
|
+
}
|
|
11
|
+
export declare function DataTableExport<TData extends ExportableData>({ table, data, selectedCount, getSelectedItems, exportConfig, tableConfig, }: DataTableExportProps<TData>): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export {};
|
|
13
|
+
//# sourceMappingURL=export.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"export.d.ts","sourceRoot":"","sources":["../src/export.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAGnD,OAAO,KAAK,EAAE,cAAc,EAAyB,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAShG,UAAU,oBAAoB,CAAC,KAAK,SAAS,cAAc;IACzD,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACpB,IAAI,EAAE,KAAK,EAAE,CAAC;IACd,aAAa,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC;IAC1C,YAAY,CAAC,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC;IACnC,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,wBAAgB,eAAe,CAAC,KAAK,SAAS,cAAc,EAAE,EAC5D,KAAK,EACL,IAAI,EACJ,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,WAAW,GACZ,EAAE,oBAAoB,CAAC,KAAK,CAAC,2CAyN7B"}
|
package/dist/export.js
ADDED
|
@@ -0,0 +1,122 @@
|
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useState } from "react";
|
|
3
|
+
import { DownloadIcon, Loader2, FileJson, FileSpreadsheet } from "lucide-react";
|
|
4
|
+
import { toast } from "sonner";
|
|
5
|
+
import { exportToCSV, exportToExcel } from "./utils/export-utils";
|
|
6
|
+
import { cn } from "./utils/cn";
|
|
7
|
+
import { Popover, PopoverContent, PopoverTrigger, } from "./components/popover";
|
|
8
|
+
export function DataTableExport({ table, data, selectedCount, getSelectedItems, exportConfig, tableConfig, }) {
|
|
9
|
+
const [isLoading, setIsLoading] = useState(false);
|
|
10
|
+
const entityName = exportConfig?.entityName || "items";
|
|
11
|
+
const enableCsv = exportConfig?.enableCsv !== false;
|
|
12
|
+
const enableExcel = exportConfig?.enableExcel !== false;
|
|
13
|
+
const hasSelection = selectedCount > 0;
|
|
14
|
+
const getExportMeta = () => {
|
|
15
|
+
const visibleColumns = table
|
|
16
|
+
.getAllColumns()
|
|
17
|
+
.filter((col) => col.getIsVisible())
|
|
18
|
+
.filter((col) => col.id !== "actions" && col.id !== "select");
|
|
19
|
+
const columnOrder = table.getState().columnOrder;
|
|
20
|
+
const orderedColumns = columnOrder.length > 0
|
|
21
|
+
? [...visibleColumns].sort((a, b) => {
|
|
22
|
+
const aIdx = columnOrder.indexOf(a.id);
|
|
23
|
+
const bIdx = columnOrder.indexOf(b.id);
|
|
24
|
+
if (aIdx === -1)
|
|
25
|
+
return 1;
|
|
26
|
+
if (bIdx === -1)
|
|
27
|
+
return -1;
|
|
28
|
+
return aIdx - bIdx;
|
|
29
|
+
})
|
|
30
|
+
: visibleColumns;
|
|
31
|
+
const visibleColumnIds = orderedColumns.map((col) => col.id);
|
|
32
|
+
const allTableColumnIds = table
|
|
33
|
+
.getAllColumns()
|
|
34
|
+
.filter((col) => col.id !== "actions" && col.id !== "select")
|
|
35
|
+
.map((col) => col.id);
|
|
36
|
+
let exportHeaders;
|
|
37
|
+
const cfgHeaders = exportConfig?.headers;
|
|
38
|
+
if (tableConfig.allowExportNewColumns === false) {
|
|
39
|
+
exportHeaders =
|
|
40
|
+
cfgHeaders && cfgHeaders.length > 0
|
|
41
|
+
? cfgHeaders.filter((h) => visibleColumnIds.includes(h))
|
|
42
|
+
: visibleColumnIds;
|
|
43
|
+
}
|
|
44
|
+
else {
|
|
45
|
+
if (cfgHeaders && cfgHeaders.length > 0) {
|
|
46
|
+
const existing = cfgHeaders.filter((h) => allTableColumnIds.includes(h) && visibleColumnIds.includes(h));
|
|
47
|
+
const newHeaders = cfgHeaders.filter((h) => !allTableColumnIds.includes(h));
|
|
48
|
+
exportHeaders = [...existing, ...newHeaders];
|
|
49
|
+
}
|
|
50
|
+
else {
|
|
51
|
+
exportHeaders = visibleColumnIds;
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
const exportColumnMapping = exportConfig?.columnMapping ||
|
|
55
|
+
(() => {
|
|
56
|
+
const mapping = {};
|
|
57
|
+
orderedColumns.forEach((col) => {
|
|
58
|
+
const headerText = col.columnDef.header;
|
|
59
|
+
if (headerText && typeof headerText === "string") {
|
|
60
|
+
mapping[col.id] = headerText;
|
|
61
|
+
}
|
|
62
|
+
else {
|
|
63
|
+
mapping[col.id] = col.id
|
|
64
|
+
.split(/(?=[A-Z])|_/)
|
|
65
|
+
.map((w) => w.charAt(0).toUpperCase() + w.slice(1).toLowerCase())
|
|
66
|
+
.join(" ");
|
|
67
|
+
}
|
|
68
|
+
});
|
|
69
|
+
return mapping;
|
|
70
|
+
})();
|
|
71
|
+
const exportColumnWidths = exportConfig?.columnWidths
|
|
72
|
+
? exportHeaders.map((_, i) => exportConfig.columnWidths[i] || { wch: 15 })
|
|
73
|
+
: exportHeaders.map(() => ({ wch: 15 }));
|
|
74
|
+
return { exportHeaders, exportColumnMapping, exportColumnWidths };
|
|
75
|
+
};
|
|
76
|
+
const handleExport = async (type, mode) => {
|
|
77
|
+
if (isLoading)
|
|
78
|
+
return;
|
|
79
|
+
try {
|
|
80
|
+
setIsLoading(true);
|
|
81
|
+
let exportRows;
|
|
82
|
+
if (mode === "selected" && getSelectedItems) {
|
|
83
|
+
toast.loading("Preparing export...", { id: "export-toast" });
|
|
84
|
+
exportRows = await getSelectedItems();
|
|
85
|
+
}
|
|
86
|
+
else {
|
|
87
|
+
exportRows = data;
|
|
88
|
+
}
|
|
89
|
+
if (exportRows.length === 0) {
|
|
90
|
+
toast.error("No data to export", { id: "export-toast" });
|
|
91
|
+
return;
|
|
92
|
+
}
|
|
93
|
+
const { exportHeaders, exportColumnMapping, exportColumnWidths } = getExportMeta();
|
|
94
|
+
const timestamp = new Date().toISOString().replace(/[:.]/g, "-");
|
|
95
|
+
const filename = `${entityName}-export-${timestamp}`;
|
|
96
|
+
let success = false;
|
|
97
|
+
if (type === "csv") {
|
|
98
|
+
success = exportToCSV(exportRows, filename, exportHeaders, exportColumnMapping, exportConfig?.transformFunction);
|
|
99
|
+
}
|
|
100
|
+
else {
|
|
101
|
+
success = await exportToExcel(exportRows, filename, exportColumnMapping, exportColumnWidths, exportHeaders, exportConfig?.transformFunction);
|
|
102
|
+
}
|
|
103
|
+
if (success) {
|
|
104
|
+
toast.success(`Exported ${exportRows.length} ${entityName} to ${type.toUpperCase()}`, { id: "export-toast" });
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
catch (error) {
|
|
108
|
+
console.error("Export error:", error);
|
|
109
|
+
toast.error("Export failed", { id: "export-toast" });
|
|
110
|
+
}
|
|
111
|
+
finally {
|
|
112
|
+
setIsLoading(false);
|
|
113
|
+
}
|
|
114
|
+
};
|
|
115
|
+
const btnSize = tableConfig.size === "sm"
|
|
116
|
+
? "h-8 px-3"
|
|
117
|
+
: tableConfig.size === "lg"
|
|
118
|
+
? "h-11 px-5"
|
|
119
|
+
: "h-9 px-4";
|
|
120
|
+
return (_jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx("button", { className: cn("inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", "border border-input bg-background hover:bg-accent hover:text-accent-foreground", btnSize, "cursor-pointer"), disabled: isLoading, children: isLoading ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), "Exporting..."] })) : (_jsxs(_Fragment, { children: [_jsx(DownloadIcon, { className: "mr-2 h-4 w-4" }), "Export", hasSelection && _jsxs("span", { className: "ml-1", children: ["(", selectedCount, ")"] })] })) }) }), _jsx(PopoverContent, { align: "end", className: "w-60", children: _jsxs("div", { className: "grid gap-4", children: [_jsx("div", { className: "space-y-2", children: _jsx("h4", { className: "font-medium leading-none", children: hasSelection ? `Selected (${selectedCount})` : "Current Page" }) }), _jsxs("div", { className: "grid gap-2", children: [enableCsv && (_jsxs("button", { onClick: () => handleExport("csv", hasSelection ? "selected" : "page"), className: cn("inline-flex items-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", "border border-input bg-background hover:bg-accent hover:text-accent-foreground", btnSize, "justify-start w-full"), children: [_jsx(FileJson, { className: "mr-2 h-4 w-4" }), "Export as CSV"] })), enableExcel && (_jsxs("button", { onClick: () => handleExport("excel", hasSelection ? "selected" : "page"), className: cn("inline-flex items-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", "border border-input bg-background hover:bg-accent hover:text-accent-foreground", btnSize, "justify-start w-full"), children: [_jsx(FileSpreadsheet, { className: "mr-2 h-4 w-4" }), "Export as XLSX"] }))] })] }) })] }));
|
|
121
|
+
}
|
|
122
|
+
//# sourceMappingURL=export.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"export.js","sourceRoot":"","sources":["../src/export.tsx"],"names":[],"mappings":"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"}
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
export { DataTable } from "./data-table";
|
|
2
|
+
export { DataTableColumnHeader } from "./column-header";
|
|
3
|
+
export { DataTablePagination } from "./pagination";
|
|
4
|
+
export { DataTableToolbar } from "./toolbar";
|
|
5
|
+
export { DataTableViewOptions } from "./view-options";
|
|
6
|
+
export { DataTableExport } from "./export";
|
|
7
|
+
export { DataTableResizer } from "./resizer";
|
|
8
|
+
export { ExpandIcon } from "./expand-icon";
|
|
9
|
+
export { createTableCraftAdapter } from "./auto/tablecraft-adapter";
|
|
10
|
+
export type { TableCraftAdapterOptions } from "./auto/tablecraft-adapter";
|
|
11
|
+
export { createRestAdapter } from "./auto/rest-adapter";
|
|
12
|
+
export type { RestAdapterOptions } from "./auto/rest-adapter";
|
|
13
|
+
export { createStaticAdapter } from "./auto/static-adapter";
|
|
14
|
+
export type { StaticAdapterOptions } from "./auto/static-adapter";
|
|
15
|
+
export { generateColumns } from "./auto/auto-columns";
|
|
16
|
+
export { generateFilterConfig } from "./auto/auto-filters";
|
|
17
|
+
export type { FilterConfig } from "./auto/auto-filters";
|
|
18
|
+
export { useAutoColumns } from "./auto/use-auto-columns";
|
|
19
|
+
export { useTableData } from "./core/use-table-data";
|
|
20
|
+
export type { UseTableDataReturn } from "./core/use-table-data";
|
|
21
|
+
export { useUrlState } from "./core/use-url-state";
|
|
22
|
+
export { useTableConfig, defaultConfig } from "./core/table-config";
|
|
23
|
+
export { useTableColumnResize } from "./core/use-column-resize";
|
|
24
|
+
export { createConditionalStateHook } from "./core/use-conditional-state";
|
|
25
|
+
export { resolveRenderer, defaultRenderers, TextRenderer, NumberRenderer, DateRenderer, BooleanRenderer, BadgeRenderer, LinkRenderer, ImageRenderer, ProgressRenderer, TagsRenderer, ActionsRenderer, } from "./renderers";
|
|
26
|
+
export { cn } from "./utils/cn";
|
|
27
|
+
export { preprocessSearch } from "./utils/search";
|
|
28
|
+
export { isDeepEqual, debounce, resetUrlState } from "./utils/deep-utils";
|
|
29
|
+
export { exportToCSV, exportToExcel, exportData } from "./utils/export-utils";
|
|
30
|
+
export { formatDate, validateDateString, parseDateFromUrl } from "./utils/date-format";
|
|
31
|
+
export { extractDefaultColumnSizes, initializeColumnSizes, trackColumnResizing, cleanupColumnResizing, } from "./utils/column-sizing";
|
|
32
|
+
export { createKeyboardNavigationHandler } from "./utils/keyboard-navigation";
|
|
33
|
+
export type { TableConfig, QueryParams, QueryResult, DataAdapter, ColumnMetadata, FilterMetadata, AggregationMetadata, IncludeMetadata, TableMetadata, CellRendererProps, CellRenderer, ColumnMetadataForRenderer, ExportableData, DataTransformFunction, ExportConfig, DataTableProps, ToolbarContext, } from "./types";
|
|
34
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzC,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAG3C,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,YAAY,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AAC1E,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,YAAY,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAGlE,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAC3D,YAAY,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAGzD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,YAAY,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAG1E,OAAO,EACL,eAAe,EACf,gBAAgB,EAChB,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,eAAe,EACf,aAAa,EACb,YAAY,EACZ,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,eAAe,GAChB,MAAM,aAAa,CAAC;AAGrB,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAC;AAChC,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvF,OAAO,EACL,yBAAyB,EACzB,qBAAqB,EACrB,mBAAmB,EACnB,qBAAqB,GACtB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,+BAA+B,EAAE,MAAM,6BAA6B,CAAC;AAG9E,YAAY,EACV,WAAW,EACX,WAAW,EACX,WAAW,EACX,WAAW,EACX,cAAc,EACd,cAAc,EACd,mBAAmB,EACnB,eAAe,EACf,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,yBAAyB,EACzB,cAAc,EACd,qBAAqB,EACrB,YAAY,EACZ,cAAc,EACd,cAAc,GACf,MAAM,SAAS,CAAC"}
|
package/dist/index.js
ADDED
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
// ─── Main Component ───
|
|
2
|
+
export { DataTable } from "./data-table";
|
|
3
|
+
// ─── UI Components ───
|
|
4
|
+
export { DataTableColumnHeader } from "./column-header";
|
|
5
|
+
export { DataTablePagination } from "./pagination";
|
|
6
|
+
export { DataTableToolbar } from "./toolbar";
|
|
7
|
+
export { DataTableViewOptions } from "./view-options";
|
|
8
|
+
export { DataTableExport } from "./export";
|
|
9
|
+
export { DataTableResizer } from "./resizer";
|
|
10
|
+
export { ExpandIcon } from "./expand-icon";
|
|
11
|
+
// ─── Adapters ───
|
|
12
|
+
export { createTableCraftAdapter } from "./auto/tablecraft-adapter";
|
|
13
|
+
export { createRestAdapter } from "./auto/rest-adapter";
|
|
14
|
+
export { createStaticAdapter } from "./auto/static-adapter";
|
|
15
|
+
// ─── Auto-generation ───
|
|
16
|
+
export { generateColumns } from "./auto/auto-columns";
|
|
17
|
+
export { generateFilterConfig } from "./auto/auto-filters";
|
|
18
|
+
export { useAutoColumns } from "./auto/use-auto-columns";
|
|
19
|
+
// ─── Core Hooks ───
|
|
20
|
+
export { useTableData } from "./core/use-table-data";
|
|
21
|
+
export { useUrlState } from "./core/use-url-state";
|
|
22
|
+
export { useTableConfig, defaultConfig } from "./core/table-config";
|
|
23
|
+
export { useTableColumnResize } from "./core/use-column-resize";
|
|
24
|
+
export { createConditionalStateHook } from "./core/use-conditional-state";
|
|
25
|
+
// ─── Cell Renderers ───
|
|
26
|
+
export { resolveRenderer, defaultRenderers, TextRenderer, NumberRenderer, DateRenderer, BooleanRenderer, BadgeRenderer, LinkRenderer, ImageRenderer, ProgressRenderer, TagsRenderer, ActionsRenderer, } from "./renderers";
|
|
27
|
+
// ─── Utilities ───
|
|
28
|
+
export { cn } from "./utils/cn";
|
|
29
|
+
export { preprocessSearch } from "./utils/search";
|
|
30
|
+
export { isDeepEqual, debounce, resetUrlState } from "./utils/deep-utils";
|
|
31
|
+
export { exportToCSV, exportToExcel, exportData } from "./utils/export-utils";
|
|
32
|
+
export { formatDate, validateDateString, parseDateFromUrl } from "./utils/date-format";
|
|
33
|
+
export { extractDefaultColumnSizes, initializeColumnSizes, trackColumnResizing, cleanupColumnResizing, } from "./utils/column-sizing";
|
|
34
|
+
export { createKeyboardNavigationHandler } from "./utils/keyboard-navigation";
|
|
35
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,yBAAyB;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,wBAAwB;AACxB,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,mBAAmB;AACnB,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAEpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAG5D,0BAA0B;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAE3D,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAEzD,qBAAqB;AACrB,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAErD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAE1E,yBAAyB;AACzB,OAAO,EACL,eAAe,EACf,gBAAgB,EAChB,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,eAAe,EACf,aAAa,EACb,YAAY,EACZ,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,eAAe,GAChB,MAAM,aAAa,CAAC;AAErB,oBAAoB;AACpB,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAC;AAChC,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvF,OAAO,EACL,yBAAyB,EACzB,qBAAqB,EACrB,mBAAmB,EACnB,qBAAqB,GACtB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,+BAA+B,EAAE,MAAM,6BAA6B,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Table } from "@tanstack/react-table";
|
|
2
|
+
interface DataTablePaginationProps<TData> {
|
|
3
|
+
table: Table<TData>;
|
|
4
|
+
totalItems?: number;
|
|
5
|
+
totalSelectedItems?: number;
|
|
6
|
+
pageSizeOptions?: number[];
|
|
7
|
+
size?: "sm" | "default" | "lg";
|
|
8
|
+
}
|
|
9
|
+
export declare function DataTablePagination<TData>({ table, totalItems, totalSelectedItems, pageSizeOptions, size, }: DataTablePaginationProps<TData>): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export {};
|
|
11
|
+
//# sourceMappingURL=pagination.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../src/pagination.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAqBnD,UAAU,wBAAwB,CAAC,KAAK;IACtC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,GAAG,IAAI,CAAC;CAChC;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,EACzC,KAAK,EACL,UAAc,EACd,kBAAsB,EACtB,eAAsC,EACtC,IAAgB,GACjB,EAAE,wBAAwB,CAAC,KAAK,CAAC,2CAoIjC"}
|