@nuvui/table 0.0.0-stage → 0.1.1

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.
Files changed (40) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +57 -2
  3. package/dist/components/data-table/content.d.ts +67 -0
  4. package/dist/components/data-table/content.js +278 -0
  5. package/dist/components/data-table/context.d.ts +23 -0
  6. package/dist/components/data-table/context.js +51 -0
  7. package/dist/components/data-table/create-data-table-hook.d.ts +78 -0
  8. package/dist/components/data-table/create-data-table-hook.js +103 -0
  9. package/dist/components/data-table/data-table.d.ts +76 -0
  10. package/dist/components/data-table/data-table.js +178 -0
  11. package/dist/components/data-table/header.d.ts +23 -0
  12. package/dist/components/data-table/header.js +120 -0
  13. package/dist/components/data-table/index.d.ts +11 -0
  14. package/dist/components/data-table/index.js +10 -0
  15. package/dist/components/data-table/labels.d.ts +50 -0
  16. package/dist/components/data-table/labels.js +35 -0
  17. package/dist/components/data-table/pagination.d.ts +18 -0
  18. package/dist/components/data-table/pagination.js +126 -0
  19. package/dist/components/data-table/selection.d.ts +48 -0
  20. package/dist/components/data-table/selection.js +153 -0
  21. package/dist/components/data-table/toolbar.d.ts +51 -0
  22. package/dist/components/data-table/toolbar.js +123 -0
  23. package/dist/components/data-table/use-data-table-request.d.ts +44 -0
  24. package/dist/components/data-table/use-data-table-request.js +72 -0
  25. package/dist/components/table/index.d.ts +2 -0
  26. package/dist/components/table/index.js +2 -0
  27. package/dist/components/table/table.d.ts +100 -0
  28. package/dist/components/table/table.js +130 -0
  29. package/dist/css/data-table.css +278 -0
  30. package/dist/css/table.css +164 -0
  31. package/dist/full.d.ts +264 -0
  32. package/dist/full.js +44 -0
  33. package/dist/index.d.ts +14 -0
  34. package/dist/index.js +11 -0
  35. package/dist/styles.css +441 -0
  36. package/dist/utils/cx.js +6 -0
  37. package/dist/utils/use-shift-click.js +32 -0
  38. package/dist/virtual.d.ts +42 -0
  39. package/dist/virtual.js +133 -0
  40. package/package.json +101 -3
package/dist/full.d.ts ADDED
@@ -0,0 +1,264 @@
1
+ import { DataTableColumnMeta } from "./components/data-table/context.js";
2
+ import { DataTableColumnHeader } from "./components/data-table/header.js";
3
+ import { DataTablePagination } from "./components/data-table/pagination.js";
4
+ import { DataTableBulkActions, DataTableExpandToggle, DataTableSelectAll, DataTableSelectRow } from "./components/data-table/selection.js";
5
+ import { DataTableColumnChooser, DataTableColumnFilter, DataTableFilter, DataTableToolbar } from "./components/data-table/toolbar.js";
6
+ import { DataTableColumnHelper } from "./components/data-table/create-data-table-hook.js";
7
+ import "./index.js";
8
+ //#region src/full.d.ts
9
+ /**
10
+ * Sorting, column filters, a global filter, pagination, row selection,
11
+ * column visibility, column pinning, column sizing with resizing, and
12
+ * expanding rows. The sort and filter functions are the ones TanStack picks
13
+ * by itself from a column's values.
14
+ */
15
+ export declare const features: {
16
+ columnFilteringFeature: import("@tanstack/react-table").TableFeature;
17
+ globalFilteringFeature: import("@tanstack/react-table").TableFeature;
18
+ filteredRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
19
+ filterFns: {
20
+ includesString: import("@tanstack/react-table").CreatedFilterFn<any, any>;
21
+ inNumberRange: import("@tanstack/react-table").CreatedFilterFn<any, any>;
22
+ inDateRange: import("@tanstack/react-table").CreatedFilterFn<any, any>;
23
+ equals: import("@tanstack/react-table").CreatedFilterFn<any, any>;
24
+ weakEquals: import("@tanstack/react-table").CreatedFilterFn<any, any>;
25
+ arrIncludes: import("@tanstack/react-table").CreatedFilterFn<any, any>;
26
+ };
27
+ rowSortingFeature: import("@tanstack/react-table").TableFeature;
28
+ sortedRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
29
+ sortFns: {
30
+ alphanumeric: import("@tanstack/react-table").CreatedSortFn<any, any>;
31
+ text: import("@tanstack/react-table").CreatedSortFn<any, any>;
32
+ datetime: import("@tanstack/react-table").CreatedSortFn<any, any>;
33
+ basic: import("@tanstack/react-table").CreatedSortFn<any, any>;
34
+ };
35
+ rowExpandingFeature: import("@tanstack/react-table").TableFeature;
36
+ expandedRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
37
+ rowPaginationFeature: import("@tanstack/react-table").TableFeature;
38
+ paginatedRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
39
+ rowSelectionFeature: import("@tanstack/react-table").TableFeature;
40
+ columnVisibilityFeature: import("@tanstack/react-table").TableFeature;
41
+ columnSizingFeature: import("@tanstack/react-table").TableFeature;
42
+ columnResizingFeature: import("@tanstack/react-table").TableFeature;
43
+ columnPinningFeature: import("@tanstack/react-table").TableFeature;
44
+ columnMeta: DataTableColumnMeta;
45
+ };
46
+ export declare const useDataTable: <TData extends import("@tanstack/react-table").RowData, TSelected = import("@tanstack/react-table").TableState_ColumnFiltering & import("@tanstack/react-table").TableState_ColumnPinning & import("@tanstack/react-table").TableState_ColumnResizing & import("@tanstack/react-table").TableState_ColumnSizing & import("@tanstack/react-table").TableState_ColumnVisibility & import("@tanstack/react-table").TableState_GlobalFiltering & import("@tanstack/react-table").TableState_RowExpanding & import("@tanstack/react-table").TableState_RowPagination & import("@tanstack/react-table").TableState_RowSelection & import("@tanstack/react-table").TableState_RowSorting>(tableOptions: Omit<import("@tanstack/react-table").TableOptions<{
47
+ columnFilteringFeature: import("@tanstack/react-table").TableFeature;
48
+ globalFilteringFeature: import("@tanstack/react-table").TableFeature;
49
+ filteredRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
50
+ filterFns: {
51
+ includesString: import("@tanstack/react-table").CreatedFilterFn<any, any>;
52
+ inNumberRange: import("@tanstack/react-table").CreatedFilterFn<any, any>;
53
+ inDateRange: import("@tanstack/react-table").CreatedFilterFn<any, any>;
54
+ equals: import("@tanstack/react-table").CreatedFilterFn<any, any>;
55
+ weakEquals: import("@tanstack/react-table").CreatedFilterFn<any, any>;
56
+ arrIncludes: import("@tanstack/react-table").CreatedFilterFn<any, any>;
57
+ };
58
+ rowSortingFeature: import("@tanstack/react-table").TableFeature;
59
+ sortedRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
60
+ sortFns: {
61
+ alphanumeric: import("@tanstack/react-table").CreatedSortFn<any, any>;
62
+ text: import("@tanstack/react-table").CreatedSortFn<any, any>;
63
+ datetime: import("@tanstack/react-table").CreatedSortFn<any, any>;
64
+ basic: import("@tanstack/react-table").CreatedSortFn<any, any>;
65
+ };
66
+ rowExpandingFeature: import("@tanstack/react-table").TableFeature;
67
+ expandedRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
68
+ rowPaginationFeature: import("@tanstack/react-table").TableFeature;
69
+ paginatedRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
70
+ rowSelectionFeature: import("@tanstack/react-table").TableFeature;
71
+ columnVisibilityFeature: import("@tanstack/react-table").TableFeature;
72
+ columnSizingFeature: import("@tanstack/react-table").TableFeature;
73
+ columnResizingFeature: import("@tanstack/react-table").TableFeature;
74
+ columnPinningFeature: import("@tanstack/react-table").TableFeature;
75
+ columnMeta: DataTableColumnMeta;
76
+ }, TData>, "features">, selector?: ((state: import("@tanstack/react-table").TableState_ColumnFiltering & import("@tanstack/react-table").TableState_ColumnPinning & import("@tanstack/react-table").TableState_ColumnResizing & import("@tanstack/react-table").TableState_ColumnSizing & import("@tanstack/react-table").TableState_ColumnVisibility & import("@tanstack/react-table").TableState_GlobalFiltering & import("@tanstack/react-table").TableState_RowExpanding & import("@tanstack/react-table").TableState_RowPagination & import("@tanstack/react-table").TableState_RowSelection & import("@tanstack/react-table").TableState_RowSorting) => TSelected) | undefined) => import("@tanstack/react-table").AppReactTable<{
77
+ columnFilteringFeature: import("@tanstack/react-table").TableFeature;
78
+ globalFilteringFeature: import("@tanstack/react-table").TableFeature;
79
+ filteredRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
80
+ filterFns: {
81
+ includesString: import("@tanstack/react-table").CreatedFilterFn<any, any>;
82
+ inNumberRange: import("@tanstack/react-table").CreatedFilterFn<any, any>;
83
+ inDateRange: import("@tanstack/react-table").CreatedFilterFn<any, any>;
84
+ equals: import("@tanstack/react-table").CreatedFilterFn<any, any>;
85
+ weakEquals: import("@tanstack/react-table").CreatedFilterFn<any, any>;
86
+ arrIncludes: import("@tanstack/react-table").CreatedFilterFn<any, any>;
87
+ };
88
+ rowSortingFeature: import("@tanstack/react-table").TableFeature;
89
+ sortedRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
90
+ sortFns: {
91
+ alphanumeric: import("@tanstack/react-table").CreatedSortFn<any, any>;
92
+ text: import("@tanstack/react-table").CreatedSortFn<any, any>;
93
+ datetime: import("@tanstack/react-table").CreatedSortFn<any, any>;
94
+ basic: import("@tanstack/react-table").CreatedSortFn<any, any>;
95
+ };
96
+ rowExpandingFeature: import("@tanstack/react-table").TableFeature;
97
+ expandedRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
98
+ rowPaginationFeature: import("@tanstack/react-table").TableFeature;
99
+ paginatedRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
100
+ rowSelectionFeature: import("@tanstack/react-table").TableFeature;
101
+ columnVisibilityFeature: import("@tanstack/react-table").TableFeature;
102
+ columnSizingFeature: import("@tanstack/react-table").TableFeature;
103
+ columnResizingFeature: import("@tanstack/react-table").TableFeature;
104
+ columnPinningFeature: import("@tanstack/react-table").TableFeature;
105
+ columnMeta: DataTableColumnMeta;
106
+ }, TData, TSelected, {
107
+ Toolbar: typeof DataTableToolbar;
108
+ Filter: typeof DataTableFilter;
109
+ ColumnChooser: typeof DataTableColumnChooser;
110
+ BulkActions: typeof DataTableBulkActions;
111
+ Pagination: typeof DataTablePagination;
112
+ }, {
113
+ SelectRow: typeof DataTableSelectRow;
114
+ ExpandToggle: typeof DataTableExpandToggle;
115
+ }, {
116
+ ColumnHeader: typeof DataTableColumnHeader;
117
+ ColumnFilter: typeof DataTableColumnFilter;
118
+ SelectAll: typeof DataTableSelectAll;
119
+ }>, createColumnHelper: <TData extends import("@tanstack/react-table").RowData>() => DataTableColumnHelper<{
120
+ columnFilteringFeature: import("@tanstack/react-table").TableFeature;
121
+ globalFilteringFeature: import("@tanstack/react-table").TableFeature;
122
+ filteredRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
123
+ filterFns: {
124
+ includesString: import("@tanstack/react-table").CreatedFilterFn<any, any>;
125
+ inNumberRange: import("@tanstack/react-table").CreatedFilterFn<any, any>;
126
+ inDateRange: import("@tanstack/react-table").CreatedFilterFn<any, any>;
127
+ equals: import("@tanstack/react-table").CreatedFilterFn<any, any>;
128
+ weakEquals: import("@tanstack/react-table").CreatedFilterFn<any, any>;
129
+ arrIncludes: import("@tanstack/react-table").CreatedFilterFn<any, any>;
130
+ };
131
+ rowSortingFeature: import("@tanstack/react-table").TableFeature;
132
+ sortedRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
133
+ sortFns: {
134
+ alphanumeric: import("@tanstack/react-table").CreatedSortFn<any, any>;
135
+ text: import("@tanstack/react-table").CreatedSortFn<any, any>;
136
+ datetime: import("@tanstack/react-table").CreatedSortFn<any, any>;
137
+ basic: import("@tanstack/react-table").CreatedSortFn<any, any>;
138
+ };
139
+ rowExpandingFeature: import("@tanstack/react-table").TableFeature;
140
+ expandedRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
141
+ rowPaginationFeature: import("@tanstack/react-table").TableFeature;
142
+ paginatedRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
143
+ rowSelectionFeature: import("@tanstack/react-table").TableFeature;
144
+ columnVisibilityFeature: import("@tanstack/react-table").TableFeature;
145
+ columnSizingFeature: import("@tanstack/react-table").TableFeature;
146
+ columnResizingFeature: import("@tanstack/react-table").TableFeature;
147
+ columnPinningFeature: import("@tanstack/react-table").TableFeature;
148
+ columnMeta: DataTableColumnMeta;
149
+ }, TData, {}, {}>, useTableContext: <TData extends import("@tanstack/react-table").RowData = import("@tanstack/react-table").RowData, TSelected = import("@tanstack/react-table").TableState_ColumnFiltering & import("@tanstack/react-table").TableState_ColumnPinning & import("@tanstack/react-table").TableState_ColumnResizing & import("@tanstack/react-table").TableState_ColumnSizing & import("@tanstack/react-table").TableState_ColumnVisibility & import("@tanstack/react-table").TableState_GlobalFiltering & import("@tanstack/react-table").TableState_RowExpanding & import("@tanstack/react-table").TableState_RowPagination & import("@tanstack/react-table").TableState_RowSelection & import("@tanstack/react-table").TableState_RowSorting>() => import("@tanstack/react-table").AppReactTable<{
150
+ columnFilteringFeature: import("@tanstack/react-table").TableFeature;
151
+ globalFilteringFeature: import("@tanstack/react-table").TableFeature;
152
+ filteredRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
153
+ filterFns: {
154
+ includesString: import("@tanstack/react-table").CreatedFilterFn<any, any>;
155
+ inNumberRange: import("@tanstack/react-table").CreatedFilterFn<any, any>;
156
+ inDateRange: import("@tanstack/react-table").CreatedFilterFn<any, any>;
157
+ equals: import("@tanstack/react-table").CreatedFilterFn<any, any>;
158
+ weakEquals: import("@tanstack/react-table").CreatedFilterFn<any, any>;
159
+ arrIncludes: import("@tanstack/react-table").CreatedFilterFn<any, any>;
160
+ };
161
+ rowSortingFeature: import("@tanstack/react-table").TableFeature;
162
+ sortedRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
163
+ sortFns: {
164
+ alphanumeric: import("@tanstack/react-table").CreatedSortFn<any, any>;
165
+ text: import("@tanstack/react-table").CreatedSortFn<any, any>;
166
+ datetime: import("@tanstack/react-table").CreatedSortFn<any, any>;
167
+ basic: import("@tanstack/react-table").CreatedSortFn<any, any>;
168
+ };
169
+ rowExpandingFeature: import("@tanstack/react-table").TableFeature;
170
+ expandedRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
171
+ rowPaginationFeature: import("@tanstack/react-table").TableFeature;
172
+ paginatedRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
173
+ rowSelectionFeature: import("@tanstack/react-table").TableFeature;
174
+ columnVisibilityFeature: import("@tanstack/react-table").TableFeature;
175
+ columnSizingFeature: import("@tanstack/react-table").TableFeature;
176
+ columnResizingFeature: import("@tanstack/react-table").TableFeature;
177
+ columnPinningFeature: import("@tanstack/react-table").TableFeature;
178
+ columnMeta: DataTableColumnMeta;
179
+ }, TData, TSelected, {
180
+ Toolbar: typeof DataTableToolbar;
181
+ Filter: typeof DataTableFilter;
182
+ ColumnChooser: typeof DataTableColumnChooser;
183
+ BulkActions: typeof DataTableBulkActions;
184
+ Pagination: typeof DataTablePagination;
185
+ }, {
186
+ SelectRow: typeof DataTableSelectRow;
187
+ ExpandToggle: typeof DataTableExpandToggle;
188
+ }, {
189
+ ColumnHeader: typeof DataTableColumnHeader;
190
+ ColumnFilter: typeof DataTableColumnFilter;
191
+ SelectAll: typeof DataTableSelectAll;
192
+ }>, useHeaderContext: <TValue extends import("@tanstack/react-table").CellData = unknown>() => import("@tanstack/react-table").Header_Core<{
193
+ columnFilteringFeature: import("@tanstack/react-table").TableFeature;
194
+ globalFilteringFeature: import("@tanstack/react-table").TableFeature;
195
+ filteredRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
196
+ filterFns: {
197
+ includesString: import("@tanstack/react-table").CreatedFilterFn<any, any>;
198
+ inNumberRange: import("@tanstack/react-table").CreatedFilterFn<any, any>;
199
+ inDateRange: import("@tanstack/react-table").CreatedFilterFn<any, any>;
200
+ equals: import("@tanstack/react-table").CreatedFilterFn<any, any>;
201
+ weakEquals: import("@tanstack/react-table").CreatedFilterFn<any, any>;
202
+ arrIncludes: import("@tanstack/react-table").CreatedFilterFn<any, any>;
203
+ };
204
+ rowSortingFeature: import("@tanstack/react-table").TableFeature;
205
+ sortedRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
206
+ sortFns: {
207
+ alphanumeric: import("@tanstack/react-table").CreatedSortFn<any, any>;
208
+ text: import("@tanstack/react-table").CreatedSortFn<any, any>;
209
+ datetime: import("@tanstack/react-table").CreatedSortFn<any, any>;
210
+ basic: import("@tanstack/react-table").CreatedSortFn<any, any>;
211
+ };
212
+ rowExpandingFeature: import("@tanstack/react-table").TableFeature;
213
+ expandedRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
214
+ rowPaginationFeature: import("@tanstack/react-table").TableFeature;
215
+ paginatedRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
216
+ rowSelectionFeature: import("@tanstack/react-table").TableFeature;
217
+ columnVisibilityFeature: import("@tanstack/react-table").TableFeature;
218
+ columnSizingFeature: import("@tanstack/react-table").TableFeature;
219
+ columnResizingFeature: import("@tanstack/react-table").TableFeature;
220
+ columnPinningFeature: import("@tanstack/react-table").TableFeature;
221
+ columnMeta: DataTableColumnMeta;
222
+ }, any, TValue> & import("@tanstack/react-table").Header_ColumnResizing & import("@tanstack/react-table").Header_ColumnSizing & {
223
+ ColumnHeader: typeof DataTableColumnHeader;
224
+ ColumnFilter: typeof DataTableColumnFilter;
225
+ SelectAll: typeof DataTableSelectAll;
226
+ } & {
227
+ FlexRender: () => import("react").ReactNode;
228
+ }, useCellContext: <TValue extends import("@tanstack/react-table").CellData = unknown>() => import("@tanstack/react-table").Cell_Core<{
229
+ columnFilteringFeature: import("@tanstack/react-table").TableFeature;
230
+ globalFilteringFeature: import("@tanstack/react-table").TableFeature;
231
+ filteredRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
232
+ filterFns: {
233
+ includesString: import("@tanstack/react-table").CreatedFilterFn<any, any>;
234
+ inNumberRange: import("@tanstack/react-table").CreatedFilterFn<any, any>;
235
+ inDateRange: import("@tanstack/react-table").CreatedFilterFn<any, any>;
236
+ equals: import("@tanstack/react-table").CreatedFilterFn<any, any>;
237
+ weakEquals: import("@tanstack/react-table").CreatedFilterFn<any, any>;
238
+ arrIncludes: import("@tanstack/react-table").CreatedFilterFn<any, any>;
239
+ };
240
+ rowSortingFeature: import("@tanstack/react-table").TableFeature;
241
+ sortedRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
242
+ sortFns: {
243
+ alphanumeric: import("@tanstack/react-table").CreatedSortFn<any, any>;
244
+ text: import("@tanstack/react-table").CreatedSortFn<any, any>;
245
+ datetime: import("@tanstack/react-table").CreatedSortFn<any, any>;
246
+ basic: import("@tanstack/react-table").CreatedSortFn<any, any>;
247
+ };
248
+ rowExpandingFeature: import("@tanstack/react-table").TableFeature;
249
+ expandedRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
250
+ rowPaginationFeature: import("@tanstack/react-table").TableFeature;
251
+ paginatedRowModel: (table: import("@tanstack/react-table").Table<any, any>) => () => import("@tanstack/react-table").RowModel<any, any>;
252
+ rowSelectionFeature: import("@tanstack/react-table").TableFeature;
253
+ columnVisibilityFeature: import("@tanstack/react-table").TableFeature;
254
+ columnSizingFeature: import("@tanstack/react-table").TableFeature;
255
+ columnResizingFeature: import("@tanstack/react-table").TableFeature;
256
+ columnPinningFeature: import("@tanstack/react-table").TableFeature;
257
+ columnMeta: DataTableColumnMeta;
258
+ }, any, TValue> & {
259
+ SelectRow: typeof DataTableSelectRow;
260
+ ExpandToggle: typeof DataTableExpandToggle;
261
+ } & {
262
+ FlexRender: () => import("react").ReactNode;
263
+ };
264
+ //#endregion
package/dist/full.js ADDED
@@ -0,0 +1,44 @@
1
+ "use client";
2
+ import { createDataTableHook } from "./components/data-table/create-data-table-hook.js";
3
+ import { columnFilteringFeature, columnPinningFeature, columnResizingFeature, columnSizingFeature, columnVisibilityFeature, createExpandedRowModel, createFilteredRowModel, createPaginatedRowModel, createSortedRowModel, filterFn_arrIncludes, filterFn_equals, filterFn_inDateRange, filterFn_inNumberRange, filterFn_includesString, filterFn_weakEquals, globalFilteringFeature, metaHelper, rowExpandingFeature, rowPaginationFeature, rowSelectionFeature, rowSortingFeature, sortFn_alphanumeric, sortFn_basic, sortFn_datetime, sortFn_text, tableFeatures } from "@tanstack/react-table";
4
+ //#region src/full.ts
5
+ /**
6
+ * Sorting, column filters, a global filter, pagination, row selection,
7
+ * column visibility, column pinning, column sizing with resizing, and
8
+ * expanding rows. The sort and filter functions are the ones TanStack picks
9
+ * by itself from a column's values.
10
+ */
11
+ const features = tableFeatures({
12
+ columnFilteringFeature,
13
+ globalFilteringFeature,
14
+ filteredRowModel: createFilteredRowModel(),
15
+ filterFns: {
16
+ includesString: filterFn_includesString,
17
+ inNumberRange: filterFn_inNumberRange,
18
+ inDateRange: filterFn_inDateRange,
19
+ equals: filterFn_equals,
20
+ weakEquals: filterFn_weakEquals,
21
+ arrIncludes: filterFn_arrIncludes
22
+ },
23
+ rowSortingFeature,
24
+ sortedRowModel: createSortedRowModel(),
25
+ sortFns: {
26
+ alphanumeric: sortFn_alphanumeric,
27
+ text: sortFn_text,
28
+ datetime: sortFn_datetime,
29
+ basic: sortFn_basic
30
+ },
31
+ rowExpandingFeature,
32
+ expandedRowModel: createExpandedRowModel(),
33
+ rowPaginationFeature,
34
+ paginatedRowModel: createPaginatedRowModel(),
35
+ rowSelectionFeature,
36
+ columnVisibilityFeature,
37
+ columnSizingFeature,
38
+ columnResizingFeature,
39
+ columnPinningFeature,
40
+ columnMeta: metaHelper()
41
+ });
42
+ const { useDataTable, createColumnHelper, useTableContext, useHeaderContext, useCellContext } = createDataTableHook({ features });
43
+ //#endregion
44
+ export { createColumnHelper, features, useCellContext, useDataTable, useHeaderContext, useTableContext };
package/dist/index.d.ts ADDED
@@ -0,0 +1,14 @@
1
+ import { DataTableLabels, defaultLabels } from "./components/data-table/labels.js";
2
+ import { DataTableColumnMeta } from "./components/data-table/context.js";
3
+ import { DataTableContent, DataTableContentOwnProps, DataTableContentProps, DataTableName } from "./components/data-table/content.js";
4
+ import { DataTableColumnHeader, DataTableColumnHeaderProps } from "./components/data-table/header.js";
5
+ import { DataTablePagination, DataTablePaginationOwnProps, DataTablePaginationProps } from "./components/data-table/pagination.js";
6
+ import { DataTableBulkActions, DataTableBulkActionsProps, DataTableExpandToggle, DataTableExpandToggleProps, DataTableSelectAll, DataTableSelectAllProps, DataTableSelectRow, DataTableSelectRowProps } from "./components/data-table/selection.js";
7
+ import { DataTableColumnChooser, DataTableColumnChooserProps, DataTableColumnFilter, DataTableColumnFilterProps, DataTableFilter, DataTableFilterOwnProps, DataTableFilterProps, DataTableToolbar, DataTableToolbarProps } from "./components/data-table/toolbar.js";
8
+ import { DataTableColumnHelper, DataTableHookOptions, createDataTableHook } from "./components/data-table/create-data-table-hook.js";
9
+ import { DataTable, DataTableOwnProps, DataTableProps, DataTableRoot, DataTableRootOwnProps, DataTableRootProps } from "./components/data-table/data-table.js";
10
+ import { DataTableRequest, DataTableRequestOptions, useDataTableRequest } from "./components/data-table/use-data-table-request.js";
11
+ import "./components/data-table/index.js";
12
+ import { Table, TableBody, TableBodyProps, TableCaption, TableCaptionOwnProps, TableCaptionProps, TableCell, TableCellOwnProps, TableCellProps, TableContainer, TableContainerProps, TableFooter, TableFooterProps, TableHead, TableHeadProps, TableHeader, TableHeaderProps, TableOwnProps, TableProps, TableRow, TableRowOwnProps, TableRowProps } from "./components/table/table.js";
13
+ import "./components/table/index.js";
14
+ export { DataTable, DataTableBulkActions, type DataTableBulkActionsProps, DataTableColumnChooser, type DataTableColumnChooserProps, DataTableColumnFilter, type DataTableColumnFilterProps, DataTableColumnHeader, type DataTableColumnHeaderProps, type DataTableColumnHelper, type DataTableColumnMeta, DataTableContent, type DataTableContentOwnProps, type DataTableContentProps, DataTableExpandToggle, type DataTableExpandToggleProps, DataTableFilter, type DataTableFilterOwnProps, type DataTableFilterProps, type DataTableHookOptions, type DataTableLabels, type DataTableName, type DataTableOwnProps, DataTablePagination, type DataTablePaginationOwnProps, type DataTablePaginationProps, type DataTableProps, type DataTableRequest, type DataTableRequestOptions, DataTableRoot, type DataTableRootOwnProps, type DataTableRootProps, DataTableSelectAll, type DataTableSelectAllProps, DataTableSelectRow, type DataTableSelectRowProps, DataTableToolbar, type DataTableToolbarProps, Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionOwnProps, type TableCaptionProps, TableCell, type TableCellOwnProps, type TableCellProps, TableContainer, type TableContainerProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, type TableOwnProps, type TableProps, TableRow, type TableRowOwnProps, type TableRowProps, createDataTableHook, defaultLabels, useDataTableRequest };
package/dist/index.js ADDED
@@ -0,0 +1,11 @@
1
+ import { DataTableColumnHeader } from "./components/data-table/header.js";
2
+ import { DataTablePagination } from "./components/data-table/pagination.js";
3
+ import { DataTableBulkActions, DataTableExpandToggle, DataTableSelectAll, DataTableSelectRow } from "./components/data-table/selection.js";
4
+ import { DataTableColumnChooser, DataTableColumnFilter, DataTableFilter, DataTableToolbar } from "./components/data-table/toolbar.js";
5
+ import { createDataTableHook } from "./components/data-table/create-data-table-hook.js";
6
+ import { Table, TableBody, TableCaption, TableCell, TableContainer, TableFooter, TableHead, TableHeader, TableRow } from "./components/table/table.js";
7
+ import { DataTableContent } from "./components/data-table/content.js";
8
+ import { defaultLabels } from "./components/data-table/labels.js";
9
+ import { DataTable, DataTableRoot } from "./components/data-table/data-table.js";
10
+ import { useDataTableRequest } from "./components/data-table/use-data-table-request.js";
11
+ export { DataTable, DataTableBulkActions, DataTableColumnChooser, DataTableColumnFilter, DataTableColumnHeader, DataTableContent, DataTableExpandToggle, DataTableFilter, DataTablePagination, DataTableRoot, DataTableSelectAll, DataTableSelectRow, DataTableToolbar, Table, TableBody, TableCaption, TableCell, TableContainer, TableFooter, TableHead, TableHeader, TableRow, createDataTableHook, defaultLabels, useDataTableRequest };