@tanstack/react-table 8.5.30 → 8.7.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.
@@ -1,3437 +0,0 @@
1
- /**
2
- * react-table
3
- *
4
- * Copyright (c) TanStack
5
- *
6
- * This source code is licensed under the MIT license found in the
7
- * LICENSE.md file in the root directory of this source tree.
8
- *
9
- * @license MIT
10
- */
11
- 'use strict';
12
-
13
- Object.defineProperty(exports, '__esModule', { value: true });
14
-
15
- /**
16
- * table-core
17
- *
18
- * Copyright (c) TanStack
19
- *
20
- * This source code is licensed under the MIT license found in the
21
- * LICENSE.md file in the root directory of this source tree.
22
- *
23
- * @license MIT
24
- */
25
- // Is this type a tuple?
26
-
27
- // If this type is a tuple, what indices are allowed?
28
-
29
- ///
30
-
31
- function functionalUpdate(updater, input) {
32
- return typeof updater === 'function' ? updater(input) : updater;
33
- }
34
- function noop() {
35
- //
36
- }
37
- function makeStateUpdater(key, instance) {
38
- return updater => {
39
- instance.setState(old => {
40
- return {
41
- ...old,
42
- [key]: functionalUpdate(updater, old[key])
43
- };
44
- });
45
- };
46
- }
47
- function isFunction(d) {
48
- return d instanceof Function;
49
- }
50
- function flattenBy(arr, getChildren) {
51
- const flat = [];
52
- const recurse = subArr => {
53
- subArr.forEach(item => {
54
- flat.push(item);
55
- const children = getChildren(item);
56
- if (children != null && children.length) {
57
- recurse(children);
58
- }
59
- });
60
- };
61
- recurse(arr);
62
- return flat;
63
- }
64
- function memo(getDeps, fn, opts) {
65
- let deps = [];
66
- let result;
67
- return () => {
68
- let depTime;
69
- if (opts.key && opts.debug) depTime = Date.now();
70
- const newDeps = getDeps();
71
- const depsChanged = newDeps.length !== deps.length || newDeps.some((dep, index) => deps[index] !== dep);
72
- if (!depsChanged) {
73
- return result;
74
- }
75
- deps = newDeps;
76
- let resultTime;
77
- if (opts.key && opts.debug) resultTime = Date.now();
78
- result = fn(...newDeps);
79
- opts == null ? void 0 : opts.onChange == null ? void 0 : opts.onChange(result);
80
- if (opts.key && opts.debug) {
81
- if (opts != null && opts.debug()) {
82
- const depEndTime = Math.round((Date.now() - depTime) * 100) / 100;
83
- const resultEndTime = Math.round((Date.now() - resultTime) * 100) / 100;
84
- const resultFpsPercentage = resultEndTime / 16;
85
- const pad = (str, num) => {
86
- str = String(str);
87
- while (str.length < num) {
88
- str = ' ' + str;
89
- }
90
- return str;
91
- };
92
- console.info(`%c⏱ ${pad(resultEndTime, 5)} /${pad(depEndTime, 5)} ms`, `
93
- font-size: .6rem;
94
- font-weight: bold;
95
- color: hsl(${Math.max(0, Math.min(120 - 120 * resultFpsPercentage, 120))}deg 100% 31%);`, opts == null ? void 0 : opts.key);
96
- }
97
- }
98
- return result;
99
- };
100
- }
101
-
102
- function createColumn(table, columnDef, depth, parent) {
103
- const defaultColumn = table._getDefaultColumnDef();
104
- const resolvedColumnDef = {
105
- ...defaultColumn,
106
- ...columnDef
107
- };
108
- const accessorKey = resolvedColumnDef.accessorKey;
109
- let id = resolvedColumnDef.id ?? (accessorKey ? accessorKey.replace('.', '_') : undefined) ?? (typeof resolvedColumnDef.header === 'string' ? resolvedColumnDef.header : undefined);
110
- let accessorFn;
111
- if (resolvedColumnDef.accessorFn) {
112
- accessorFn = resolvedColumnDef.accessorFn;
113
- } else if (accessorKey) {
114
- // Support deep accessor keys
115
- if (accessorKey.includes('.')) {
116
- accessorFn = originalRow => {
117
- let result = originalRow;
118
- for (const key of accessorKey.split('.')) {
119
- result = result[key];
120
- if (process.env.NODE_ENV !== 'production' && result === undefined) {
121
- throw new Error(`"${key}" in deeply nested key "${accessorKey}" returned undefined.`);
122
- }
123
- }
124
- return result;
125
- };
126
- } else {
127
- accessorFn = originalRow => originalRow[resolvedColumnDef.accessorKey];
128
- }
129
- }
130
- if (!id) {
131
- if (process.env.NODE_ENV !== 'production') {
132
- throw new Error(resolvedColumnDef.accessorFn ? `Columns require an id when using an accessorFn` : `Columns require an id when using a non-string header`);
133
- }
134
- throw new Error();
135
- }
136
- let column = {
137
- id: `${String(id)}`,
138
- accessorFn,
139
- parent: parent,
140
- depth,
141
- columnDef: resolvedColumnDef,
142
- columns: [],
143
- getFlatColumns: memo(() => [true], () => {
144
- var _column$columns;
145
- return [column, ...((_column$columns = column.columns) == null ? void 0 : _column$columns.flatMap(d => d.getFlatColumns()))];
146
- }, {
147
- key: process.env.NODE_ENV === 'production' && 'column.getFlatColumns',
148
- debug: () => table.options.debugAll ?? table.options.debugColumns
149
- }),
150
- getLeafColumns: memo(() => [table._getOrderColumnsFn()], orderColumns => {
151
- var _column$columns2;
152
- if ((_column$columns2 = column.columns) != null && _column$columns2.length) {
153
- let leafColumns = column.columns.flatMap(column => column.getLeafColumns());
154
- return orderColumns(leafColumns);
155
- }
156
- return [column];
157
- }, {
158
- key: process.env.NODE_ENV === 'production' && 'column.getLeafColumns',
159
- debug: () => table.options.debugAll ?? table.options.debugColumns
160
- })
161
- };
162
- column = table._features.reduce((obj, feature) => {
163
- return Object.assign(obj, feature.createColumn == null ? void 0 : feature.createColumn(column, table));
164
- }, column);
165
-
166
- // Yes, we have to convert table to uknown, because we know more than the compiler here.
167
- return column;
168
- }
169
-
170
- //
171
-
172
- function createHeader(table, column, options) {
173
- const id = options.id ?? column.id;
174
- let header = {
175
- id,
176
- column,
177
- index: options.index,
178
- isPlaceholder: !!options.isPlaceholder,
179
- placeholderId: options.placeholderId,
180
- depth: options.depth,
181
- subHeaders: [],
182
- colSpan: 0,
183
- rowSpan: 0,
184
- headerGroup: null,
185
- getLeafHeaders: () => {
186
- const leafHeaders = [];
187
- const recurseHeader = h => {
188
- if (h.subHeaders && h.subHeaders.length) {
189
- h.subHeaders.map(recurseHeader);
190
- }
191
- leafHeaders.push(h);
192
- };
193
- recurseHeader(header);
194
- return leafHeaders;
195
- },
196
- getContext: () => ({
197
- table,
198
- header: header,
199
- column
200
- })
201
- };
202
- table._features.forEach(feature => {
203
- Object.assign(header, feature.createHeader == null ? void 0 : feature.createHeader(header, table));
204
- });
205
- return header;
206
- }
207
- const Headers = {
208
- createTable: table => {
209
- return {
210
- // Header Groups
211
-
212
- getHeaderGroups: memo(() => [table.getAllColumns(), table.getVisibleLeafColumns(), table.getState().columnPinning.left, table.getState().columnPinning.right], (allColumns, leafColumns, left, right) => {
213
- const leftColumns = (left == null ? void 0 : left.map(columnId => leafColumns.find(d => d.id === columnId)).filter(Boolean)) ?? [];
214
- const rightColumns = (right == null ? void 0 : right.map(columnId => leafColumns.find(d => d.id === columnId)).filter(Boolean)) ?? [];
215
- const centerColumns = leafColumns.filter(column => !(left != null && left.includes(column.id)) && !(right != null && right.includes(column.id)));
216
- const headerGroups = buildHeaderGroups(allColumns, [...leftColumns, ...centerColumns, ...rightColumns], table);
217
- return headerGroups;
218
- }, {
219
- key: process.env.NODE_ENV === 'development' && 'getHeaderGroups',
220
- debug: () => table.options.debugAll ?? table.options.debugHeaders
221
- }),
222
- getCenterHeaderGroups: memo(() => [table.getAllColumns(), table.getVisibleLeafColumns(), table.getState().columnPinning.left, table.getState().columnPinning.right], (allColumns, leafColumns, left, right) => {
223
- leafColumns = leafColumns.filter(column => !(left != null && left.includes(column.id)) && !(right != null && right.includes(column.id)));
224
- return buildHeaderGroups(allColumns, leafColumns, table, 'center');
225
- }, {
226
- key: process.env.NODE_ENV === 'development' && 'getCenterHeaderGroups',
227
- debug: () => table.options.debugAll ?? table.options.debugHeaders
228
- }),
229
- getLeftHeaderGroups: memo(() => [table.getAllColumns(), table.getVisibleLeafColumns(), table.getState().columnPinning.left], (allColumns, leafColumns, left) => {
230
- const orderedLeafColumns = (left == null ? void 0 : left.map(columnId => leafColumns.find(d => d.id === columnId)).filter(Boolean)) ?? [];
231
- return buildHeaderGroups(allColumns, orderedLeafColumns, table, 'left');
232
- }, {
233
- key: process.env.NODE_ENV === 'development' && 'getLeftHeaderGroups',
234
- debug: () => table.options.debugAll ?? table.options.debugHeaders
235
- }),
236
- getRightHeaderGroups: memo(() => [table.getAllColumns(), table.getVisibleLeafColumns(), table.getState().columnPinning.right], (allColumns, leafColumns, right) => {
237
- const orderedLeafColumns = (right == null ? void 0 : right.map(columnId => leafColumns.find(d => d.id === columnId)).filter(Boolean)) ?? [];
238
- return buildHeaderGroups(allColumns, orderedLeafColumns, table, 'right');
239
- }, {
240
- key: process.env.NODE_ENV === 'development' && 'getRightHeaderGroups',
241
- debug: () => table.options.debugAll ?? table.options.debugHeaders
242
- }),
243
- // Footer Groups
244
-
245
- getFooterGroups: memo(() => [table.getHeaderGroups()], headerGroups => {
246
- return [...headerGroups].reverse();
247
- }, {
248
- key: process.env.NODE_ENV === 'development' && 'getFooterGroups',
249
- debug: () => table.options.debugAll ?? table.options.debugHeaders
250
- }),
251
- getLeftFooterGroups: memo(() => [table.getLeftHeaderGroups()], headerGroups => {
252
- return [...headerGroups].reverse();
253
- }, {
254
- key: process.env.NODE_ENV === 'development' && 'getLeftFooterGroups',
255
- debug: () => table.options.debugAll ?? table.options.debugHeaders
256
- }),
257
- getCenterFooterGroups: memo(() => [table.getCenterHeaderGroups()], headerGroups => {
258
- return [...headerGroups].reverse();
259
- }, {
260
- key: process.env.NODE_ENV === 'development' && 'getCenterFooterGroups',
261
- debug: () => table.options.debugAll ?? table.options.debugHeaders
262
- }),
263
- getRightFooterGroups: memo(() => [table.getRightHeaderGroups()], headerGroups => {
264
- return [...headerGroups].reverse();
265
- }, {
266
- key: process.env.NODE_ENV === 'development' && 'getRightFooterGroups',
267
- debug: () => table.options.debugAll ?? table.options.debugHeaders
268
- }),
269
- // Flat Headers
270
-
271
- getFlatHeaders: memo(() => [table.getHeaderGroups()], headerGroups => {
272
- return headerGroups.map(headerGroup => {
273
- return headerGroup.headers;
274
- }).flat();
275
- }, {
276
- key: process.env.NODE_ENV === 'development' && 'getFlatHeaders',
277
- debug: () => table.options.debugAll ?? table.options.debugHeaders
278
- }),
279
- getLeftFlatHeaders: memo(() => [table.getLeftHeaderGroups()], left => {
280
- return left.map(headerGroup => {
281
- return headerGroup.headers;
282
- }).flat();
283
- }, {
284
- key: process.env.NODE_ENV === 'development' && 'getLeftFlatHeaders',
285
- debug: () => table.options.debugAll ?? table.options.debugHeaders
286
- }),
287
- getCenterFlatHeaders: memo(() => [table.getCenterHeaderGroups()], left => {
288
- return left.map(headerGroup => {
289
- return headerGroup.headers;
290
- }).flat();
291
- }, {
292
- key: process.env.NODE_ENV === 'development' && 'getCenterFlatHeaders',
293
- debug: () => table.options.debugAll ?? table.options.debugHeaders
294
- }),
295
- getRightFlatHeaders: memo(() => [table.getRightHeaderGroups()], left => {
296
- return left.map(headerGroup => {
297
- return headerGroup.headers;
298
- }).flat();
299
- }, {
300
- key: process.env.NODE_ENV === 'development' && 'getRightFlatHeaders',
301
- debug: () => table.options.debugAll ?? table.options.debugHeaders
302
- }),
303
- // Leaf Headers
304
-
305
- getCenterLeafHeaders: memo(() => [table.getCenterFlatHeaders()], flatHeaders => {
306
- return flatHeaders.filter(header => {
307
- var _header$subHeaders;
308
- return !((_header$subHeaders = header.subHeaders) != null && _header$subHeaders.length);
309
- });
310
- }, {
311
- key: process.env.NODE_ENV === 'development' && 'getCenterLeafHeaders',
312
- debug: () => table.options.debugAll ?? table.options.debugHeaders
313
- }),
314
- getLeftLeafHeaders: memo(() => [table.getLeftFlatHeaders()], flatHeaders => {
315
- return flatHeaders.filter(header => {
316
- var _header$subHeaders2;
317
- return !((_header$subHeaders2 = header.subHeaders) != null && _header$subHeaders2.length);
318
- });
319
- }, {
320
- key: process.env.NODE_ENV === 'development' && 'getLeftLeafHeaders',
321
- debug: () => table.options.debugAll ?? table.options.debugHeaders
322
- }),
323
- getRightLeafHeaders: memo(() => [table.getRightFlatHeaders()], flatHeaders => {
324
- return flatHeaders.filter(header => {
325
- var _header$subHeaders3;
326
- return !((_header$subHeaders3 = header.subHeaders) != null && _header$subHeaders3.length);
327
- });
328
- }, {
329
- key: process.env.NODE_ENV === 'development' && 'getRightLeafHeaders',
330
- debug: () => table.options.debugAll ?? table.options.debugHeaders
331
- }),
332
- getLeafHeaders: memo(() => [table.getLeftHeaderGroups(), table.getCenterHeaderGroups(), table.getRightHeaderGroups()], (left, center, right) => {
333
- var _left$, _center$, _right$;
334
- return [...(((_left$ = left[0]) == null ? void 0 : _left$.headers) ?? []), ...(((_center$ = center[0]) == null ? void 0 : _center$.headers) ?? []), ...(((_right$ = right[0]) == null ? void 0 : _right$.headers) ?? [])].map(header => {
335
- return header.getLeafHeaders();
336
- }).flat();
337
- }, {
338
- key: process.env.NODE_ENV === 'development' && 'getLeafHeaders',
339
- debug: () => table.options.debugAll ?? table.options.debugHeaders
340
- })
341
- };
342
- }
343
- };
344
- function buildHeaderGroups(allColumns, columnsToGroup, table, headerFamily) {
345
- var _headerGroups$;
346
- // Find the max depth of the columns:
347
- // build the leaf column row
348
- // build each buffer row going up
349
- // placeholder for non-existent level
350
- // real column for existing level
351
-
352
- let maxDepth = 0;
353
- const findMaxDepth = function (columns, depth) {
354
- if (depth === void 0) {
355
- depth = 1;
356
- }
357
- maxDepth = Math.max(maxDepth, depth);
358
- columns.filter(column => column.getIsVisible()).forEach(column => {
359
- var _column$columns;
360
- if ((_column$columns = column.columns) != null && _column$columns.length) {
361
- findMaxDepth(column.columns, depth + 1);
362
- }
363
- }, 0);
364
- };
365
- findMaxDepth(allColumns);
366
- let headerGroups = [];
367
- const createHeaderGroup = (headersToGroup, depth) => {
368
- // The header group we are creating
369
- const headerGroup = {
370
- depth,
371
- id: [headerFamily, `${depth}`].filter(Boolean).join('_'),
372
- headers: []
373
- };
374
-
375
- // The parent columns we're going to scan next
376
- const pendingParentHeaders = [];
377
-
378
- // Scan each column for parents
379
- headersToGroup.forEach(headerToGroup => {
380
- // What is the latest (last) parent column?
381
-
382
- const latestPendingParentHeader = [...pendingParentHeaders].reverse()[0];
383
- const isLeafHeader = headerToGroup.column.depth === headerGroup.depth;
384
- let column;
385
- let isPlaceholder = false;
386
- if (isLeafHeader && headerToGroup.column.parent) {
387
- // The parent header is new
388
- column = headerToGroup.column.parent;
389
- } else {
390
- // The parent header is repeated
391
- column = headerToGroup.column;
392
- isPlaceholder = true;
393
- }
394
- if (latestPendingParentHeader && (latestPendingParentHeader == null ? void 0 : latestPendingParentHeader.column) === column) {
395
- // This column is repeated. Add it as a sub header to the next batch
396
- latestPendingParentHeader.subHeaders.push(headerToGroup);
397
- } else {
398
- // This is a new header. Let's create it
399
- const header = createHeader(table, column, {
400
- id: [headerFamily, depth, column.id, headerToGroup == null ? void 0 : headerToGroup.id].filter(Boolean).join('_'),
401
- isPlaceholder,
402
- placeholderId: isPlaceholder ? `${pendingParentHeaders.filter(d => d.column === column).length}` : undefined,
403
- depth,
404
- index: pendingParentHeaders.length
405
- });
406
-
407
- // Add the headerToGroup as a subHeader of the new header
408
- header.subHeaders.push(headerToGroup);
409
- // Add the new header to the pendingParentHeaders to get grouped
410
- // in the next batch
411
- pendingParentHeaders.push(header);
412
- }
413
- headerGroup.headers.push(headerToGroup);
414
- headerToGroup.headerGroup = headerGroup;
415
- });
416
- headerGroups.push(headerGroup);
417
- if (depth > 0) {
418
- createHeaderGroup(pendingParentHeaders, depth - 1);
419
- }
420
- };
421
- const bottomHeaders = columnsToGroup.map((column, index) => createHeader(table, column, {
422
- depth: maxDepth,
423
- index
424
- }));
425
- createHeaderGroup(bottomHeaders, maxDepth - 1);
426
- headerGroups.reverse();
427
-
428
- // headerGroups = headerGroups.filter(headerGroup => {
429
- // return !headerGroup.headers.every(header => header.isPlaceholder)
430
- // })
431
-
432
- const recurseHeadersForSpans = headers => {
433
- const filteredHeaders = headers.filter(header => header.column.getIsVisible());
434
- return filteredHeaders.map(header => {
435
- let colSpan = 0;
436
- let rowSpan = 0;
437
- let childRowSpans = [0];
438
- if (header.subHeaders && header.subHeaders.length) {
439
- childRowSpans = [];
440
- recurseHeadersForSpans(header.subHeaders).forEach(_ref => {
441
- let {
442
- colSpan: childColSpan,
443
- rowSpan: childRowSpan
444
- } = _ref;
445
- colSpan += childColSpan;
446
- childRowSpans.push(childRowSpan);
447
- });
448
- } else {
449
- colSpan = 1;
450
- }
451
- const minChildRowSpan = Math.min(...childRowSpans);
452
- rowSpan = rowSpan + minChildRowSpan;
453
- header.colSpan = colSpan;
454
- header.rowSpan = rowSpan;
455
- return {
456
- colSpan,
457
- rowSpan
458
- };
459
- });
460
- };
461
- recurseHeadersForSpans(((_headerGroups$ = headerGroups[0]) == null ? void 0 : _headerGroups$.headers) ?? []);
462
- return headerGroups;
463
- }
464
-
465
- //
466
-
467
- const defaultColumnSizing = {
468
- size: 150,
469
- minSize: 20,
470
- maxSize: Number.MAX_SAFE_INTEGER
471
- };
472
- const getDefaultColumnSizingInfoState = () => ({
473
- startOffset: null,
474
- startSize: null,
475
- deltaOffset: null,
476
- deltaPercentage: null,
477
- isResizingColumn: false,
478
- columnSizingStart: []
479
- });
480
- const ColumnSizing = {
481
- getDefaultColumnDef: () => {
482
- return defaultColumnSizing;
483
- },
484
- getInitialState: state => {
485
- return {
486
- columnSizing: {},
487
- columnSizingInfo: getDefaultColumnSizingInfoState(),
488
- ...state
489
- };
490
- },
491
- getDefaultOptions: table => {
492
- return {
493
- columnResizeMode: 'onEnd',
494
- onColumnSizingChange: makeStateUpdater('columnSizing', table),
495
- onColumnSizingInfoChange: makeStateUpdater('columnSizingInfo', table)
496
- };
497
- },
498
- createColumn: (column, table) => {
499
- return {
500
- getSize: () => {
501
- const columnSize = table.getState().columnSizing[column.id];
502
- return Math.min(Math.max(column.columnDef.minSize ?? defaultColumnSizing.minSize, columnSize ?? column.columnDef.size ?? defaultColumnSizing.size), column.columnDef.maxSize ?? defaultColumnSizing.maxSize);
503
- },
504
- getStart: position => {
505
- const columns = !position ? table.getVisibleLeafColumns() : position === 'left' ? table.getLeftVisibleLeafColumns() : table.getRightVisibleLeafColumns();
506
- const index = columns.findIndex(d => d.id === column.id);
507
- if (index > 0) {
508
- const prevSiblingColumn = columns[index - 1];
509
- return prevSiblingColumn.getStart(position) + prevSiblingColumn.getSize();
510
- }
511
- return 0;
512
- },
513
- resetSize: () => {
514
- table.setColumnSizing(_ref => {
515
- let {
516
- [column.id]: _,
517
- ...rest
518
- } = _ref;
519
- return rest;
520
- });
521
- },
522
- getCanResize: () => {
523
- return (column.columnDef.enableResizing ?? true) && (table.options.enableColumnResizing ?? true);
524
- },
525
- getIsResizing: () => {
526
- return table.getState().columnSizingInfo.isResizingColumn === column.id;
527
- }
528
- };
529
- },
530
- createHeader: (header, table) => {
531
- return {
532
- getSize: () => {
533
- let sum = 0;
534
- const recurse = header => {
535
- if (header.subHeaders.length) {
536
- header.subHeaders.forEach(recurse);
537
- } else {
538
- sum += header.column.getSize() ?? 0;
539
- }
540
- };
541
- recurse(header);
542
- return sum;
543
- },
544
- getStart: () => {
545
- if (header.index > 0) {
546
- const prevSiblingHeader = header.headerGroup.headers[header.index - 1];
547
- return prevSiblingHeader.getStart() + prevSiblingHeader.getSize();
548
- }
549
- return 0;
550
- },
551
- getResizeHandler: () => {
552
- const column = table.getColumn(header.column.id);
553
- const canResize = column.getCanResize();
554
- return e => {
555
- if (!canResize) {
556
- return;
557
- }
558
- e.persist == null ? void 0 : e.persist();
559
- if (isTouchStartEvent(e)) {
560
- // lets not respond to multiple touches (e.g. 2 or 3 fingers)
561
- if (e.touches && e.touches.length > 1) {
562
- return;
563
- }
564
- }
565
- const startSize = header.getSize();
566
- const columnSizingStart = header ? header.getLeafHeaders().map(d => [d.column.id, d.column.getSize()]) : [[column.id, column.getSize()]];
567
- const clientX = isTouchStartEvent(e) ? Math.round(e.touches[0].clientX) : e.clientX;
568
- const updateOffset = (eventType, clientXPos) => {
569
- if (typeof clientXPos !== 'number') {
570
- return;
571
- }
572
- let newColumnSizing = {};
573
- table.setColumnSizingInfo(old => {
574
- const deltaOffset = clientXPos - ((old == null ? void 0 : old.startOffset) ?? 0);
575
- const deltaPercentage = Math.max(deltaOffset / ((old == null ? void 0 : old.startSize) ?? 0), -0.999999);
576
- old.columnSizingStart.forEach(_ref2 => {
577
- let [columnId, headerSize] = _ref2;
578
- newColumnSizing[columnId] = Math.round(Math.max(headerSize + headerSize * deltaPercentage, 0) * 100) / 100;
579
- });
580
- return {
581
- ...old,
582
- deltaOffset,
583
- deltaPercentage
584
- };
585
- });
586
- if (table.options.columnResizeMode === 'onChange' || eventType === 'end') {
587
- table.setColumnSizing(old => ({
588
- ...old,
589
- ...newColumnSizing
590
- }));
591
- }
592
- };
593
- const onMove = clientXPos => updateOffset('move', clientXPos);
594
- const onEnd = clientXPos => {
595
- updateOffset('end', clientXPos);
596
- table.setColumnSizingInfo(old => ({
597
- ...old,
598
- isResizingColumn: false,
599
- startOffset: null,
600
- startSize: null,
601
- deltaOffset: null,
602
- deltaPercentage: null,
603
- columnSizingStart: []
604
- }));
605
- };
606
- const mouseEvents = {
607
- moveHandler: e => onMove(e.clientX),
608
- upHandler: e => {
609
- document.removeEventListener('mousemove', mouseEvents.moveHandler);
610
- document.removeEventListener('mouseup', mouseEvents.upHandler);
611
- onEnd(e.clientX);
612
- }
613
- };
614
- const touchEvents = {
615
- moveHandler: e => {
616
- if (e.cancelable) {
617
- e.preventDefault();
618
- e.stopPropagation();
619
- }
620
- onMove(e.touches[0].clientX);
621
- return false;
622
- },
623
- upHandler: e => {
624
- var _e$touches$;
625
- document.removeEventListener('touchmove', touchEvents.moveHandler);
626
- document.removeEventListener('touchend', touchEvents.upHandler);
627
- if (e.cancelable) {
628
- e.preventDefault();
629
- e.stopPropagation();
630
- }
631
- onEnd((_e$touches$ = e.touches[0]) == null ? void 0 : _e$touches$.clientX);
632
- }
633
- };
634
- const passiveIfSupported = passiveEventSupported() ? {
635
- passive: false
636
- } : false;
637
- if (isTouchStartEvent(e)) {
638
- document.addEventListener('touchmove', touchEvents.moveHandler, passiveIfSupported);
639
- document.addEventListener('touchend', touchEvents.upHandler, passiveIfSupported);
640
- } else {
641
- document.addEventListener('mousemove', mouseEvents.moveHandler, passiveIfSupported);
642
- document.addEventListener('mouseup', mouseEvents.upHandler, passiveIfSupported);
643
- }
644
- table.setColumnSizingInfo(old => ({
645
- ...old,
646
- startOffset: clientX,
647
- startSize,
648
- deltaOffset: 0,
649
- deltaPercentage: 0,
650
- columnSizingStart,
651
- isResizingColumn: column.id
652
- }));
653
- };
654
- }
655
- };
656
- },
657
- createTable: table => {
658
- return {
659
- setColumnSizing: updater => table.options.onColumnSizingChange == null ? void 0 : table.options.onColumnSizingChange(updater),
660
- setColumnSizingInfo: updater => table.options.onColumnSizingInfoChange == null ? void 0 : table.options.onColumnSizingInfoChange(updater),
661
- resetColumnSizing: defaultState => {
662
- table.setColumnSizing(defaultState ? {} : table.initialState.columnSizing ?? {});
663
- },
664
- resetHeaderSizeInfo: defaultState => {
665
- table.setColumnSizingInfo(defaultState ? getDefaultColumnSizingInfoState() : table.initialState.columnSizingInfo ?? getDefaultColumnSizingInfoState());
666
- },
667
- getTotalSize: () => {
668
- var _table$getHeaderGroup;
669
- return ((_table$getHeaderGroup = table.getHeaderGroups()[0]) == null ? void 0 : _table$getHeaderGroup.headers.reduce((sum, header) => {
670
- return sum + header.getSize();
671
- }, 0)) ?? 0;
672
- },
673
- getLeftTotalSize: () => {
674
- var _table$getLeftHeaderG;
675
- return ((_table$getLeftHeaderG = table.getLeftHeaderGroups()[0]) == null ? void 0 : _table$getLeftHeaderG.headers.reduce((sum, header) => {
676
- return sum + header.getSize();
677
- }, 0)) ?? 0;
678
- },
679
- getCenterTotalSize: () => {
680
- var _table$getCenterHeade;
681
- return ((_table$getCenterHeade = table.getCenterHeaderGroups()[0]) == null ? void 0 : _table$getCenterHeade.headers.reduce((sum, header) => {
682
- return sum + header.getSize();
683
- }, 0)) ?? 0;
684
- },
685
- getRightTotalSize: () => {
686
- var _table$getRightHeader;
687
- return ((_table$getRightHeader = table.getRightHeaderGroups()[0]) == null ? void 0 : _table$getRightHeader.headers.reduce((sum, header) => {
688
- return sum + header.getSize();
689
- }, 0)) ?? 0;
690
- }
691
- };
692
- }
693
- };
694
- let passiveSupported = null;
695
- function passiveEventSupported() {
696
- if (typeof passiveSupported === 'boolean') return passiveSupported;
697
- let supported = false;
698
- try {
699
- const options = {
700
- get passive() {
701
- supported = true;
702
- return false;
703
- }
704
- };
705
- const noop = () => {};
706
- window.addEventListener('test', noop, options);
707
- window.removeEventListener('test', noop);
708
- } catch (err) {
709
- supported = false;
710
- }
711
- passiveSupported = supported;
712
- return passiveSupported;
713
- }
714
- function isTouchStartEvent(e) {
715
- return e.type === 'touchstart';
716
- }
717
-
718
- //
719
-
720
- const Expanding = {
721
- getInitialState: state => {
722
- return {
723
- expanded: {},
724
- ...state
725
- };
726
- },
727
- getDefaultOptions: table => {
728
- return {
729
- onExpandedChange: makeStateUpdater('expanded', table),
730
- paginateExpandedRows: true
731
- };
732
- },
733
- createTable: table => {
734
- let registered = false;
735
- let queued = false;
736
- return {
737
- _autoResetExpanded: () => {
738
- if (!registered) {
739
- table._queue(() => {
740
- registered = true;
741
- });
742
- return;
743
- }
744
- if (table.options.autoResetAll ?? table.options.autoResetExpanded ?? !table.options.manualExpanding) {
745
- if (queued) return;
746
- queued = true;
747
- table._queue(() => {
748
- table.resetExpanded();
749
- queued = false;
750
- });
751
- }
752
- },
753
- setExpanded: updater => table.options.onExpandedChange == null ? void 0 : table.options.onExpandedChange(updater),
754
- toggleAllRowsExpanded: expanded => {
755
- if (expanded ?? !table.getIsAllRowsExpanded()) {
756
- table.setExpanded(true);
757
- } else {
758
- table.setExpanded({});
759
- }
760
- },
761
- resetExpanded: defaultState => {
762
- var _table$initialState;
763
- table.setExpanded(defaultState ? {} : ((_table$initialState = table.initialState) == null ? void 0 : _table$initialState.expanded) ?? {});
764
- },
765
- getCanSomeRowsExpand: () => {
766
- return table.getRowModel().flatRows.some(row => row.getCanExpand());
767
- },
768
- getToggleAllRowsExpandedHandler: () => {
769
- return e => {
770
- e.persist == null ? void 0 : e.persist();
771
- table.toggleAllRowsExpanded();
772
- };
773
- },
774
- getIsSomeRowsExpanded: () => {
775
- const expanded = table.getState().expanded;
776
- return expanded === true || Object.values(expanded).some(Boolean);
777
- },
778
- getIsAllRowsExpanded: () => {
779
- const expanded = table.getState().expanded;
780
-
781
- // If expanded is true, save some cycles and return true
782
- if (typeof expanded === 'boolean') {
783
- return expanded === true;
784
- }
785
- if (!Object.keys(expanded).length) {
786
- return false;
787
- }
788
-
789
- // If any row is not expanded, return false
790
- if (table.getRowModel().flatRows.some(row => !row.getIsExpanded())) {
791
- return false;
792
- }
793
-
794
- // They must all be expanded :shrug:
795
- return true;
796
- },
797
- getExpandedDepth: () => {
798
- let maxDepth = 0;
799
- const rowIds = table.getState().expanded === true ? Object.keys(table.getRowModel().rowsById) : Object.keys(table.getState().expanded);
800
- rowIds.forEach(id => {
801
- const splitId = id.split('.');
802
- maxDepth = Math.max(maxDepth, splitId.length);
803
- });
804
- return maxDepth;
805
- },
806
- getPreExpandedRowModel: () => table.getSortedRowModel(),
807
- getExpandedRowModel: () => {
808
- if (!table._getExpandedRowModel && table.options.getExpandedRowModel) {
809
- table._getExpandedRowModel = table.options.getExpandedRowModel(table);
810
- }
811
- if (table.options.manualExpanding || !table._getExpandedRowModel) {
812
- return table.getPreExpandedRowModel();
813
- }
814
- return table._getExpandedRowModel();
815
- }
816
- };
817
- },
818
- createRow: (row, table) => {
819
- return {
820
- toggleExpanded: expanded => {
821
- table.setExpanded(old => {
822
- const exists = old === true ? true : !!(old != null && old[row.id]);
823
- let oldExpanded = {};
824
- if (old === true) {
825
- Object.keys(table.getRowModel().rowsById).forEach(rowId => {
826
- oldExpanded[rowId] = true;
827
- });
828
- } else {
829
- oldExpanded = old;
830
- }
831
- expanded = expanded ?? !exists;
832
- if (!exists && expanded) {
833
- return {
834
- ...oldExpanded,
835
- [row.id]: true
836
- };
837
- }
838
- if (exists && !expanded) {
839
- const {
840
- [row.id]: _,
841
- ...rest
842
- } = oldExpanded;
843
- return rest;
844
- }
845
- return old;
846
- });
847
- },
848
- getIsExpanded: () => {
849
- const expanded = table.getState().expanded;
850
- return !!((table.options.getIsRowExpanded == null ? void 0 : table.options.getIsRowExpanded(row)) ?? (expanded === true || expanded != null && expanded[row.id]));
851
- },
852
- getCanExpand: () => {
853
- var _row$subRows;
854
- return (table.options.getRowCanExpand == null ? void 0 : table.options.getRowCanExpand(row)) ?? ((table.options.enableExpanding ?? true) && !!((_row$subRows = row.subRows) != null && _row$subRows.length));
855
- },
856
- getToggleExpandedHandler: () => {
857
- const canExpand = row.getCanExpand();
858
- return () => {
859
- if (!canExpand) return;
860
- row.toggleExpanded();
861
- };
862
- }
863
- };
864
- }
865
- };
866
-
867
- const includesString = (row, columnId, filterValue) => {
868
- var _row$getValue;
869
- const search = filterValue.toLowerCase();
870
- return Boolean((_row$getValue = row.getValue(columnId)) == null ? void 0 : _row$getValue.toLowerCase().includes(search));
871
- };
872
- includesString.autoRemove = val => testFalsey(val);
873
- const includesStringSensitive = (row, columnId, filterValue) => {
874
- var _row$getValue2;
875
- return Boolean((_row$getValue2 = row.getValue(columnId)) == null ? void 0 : _row$getValue2.includes(filterValue));
876
- };
877
- includesStringSensitive.autoRemove = val => testFalsey(val);
878
- const equalsString = (row, columnId, filterValue) => {
879
- var _row$getValue3;
880
- return ((_row$getValue3 = row.getValue(columnId)) == null ? void 0 : _row$getValue3.toLowerCase()) === filterValue.toLowerCase();
881
- };
882
- equalsString.autoRemove = val => testFalsey(val);
883
- const arrIncludes = (row, columnId, filterValue) => {
884
- var _row$getValue4;
885
- return (_row$getValue4 = row.getValue(columnId)) == null ? void 0 : _row$getValue4.includes(filterValue);
886
- };
887
- arrIncludes.autoRemove = val => testFalsey(val) || !(val != null && val.length);
888
- const arrIncludesAll = (row, columnId, filterValue) => {
889
- return !filterValue.some(val => {
890
- var _row$getValue5;
891
- return !((_row$getValue5 = row.getValue(columnId)) != null && _row$getValue5.includes(val));
892
- });
893
- };
894
- arrIncludesAll.autoRemove = val => testFalsey(val) || !(val != null && val.length);
895
- const arrIncludesSome = (row, columnId, filterValue) => {
896
- return filterValue.some(val => {
897
- var _row$getValue6;
898
- return (_row$getValue6 = row.getValue(columnId)) == null ? void 0 : _row$getValue6.includes(val);
899
- });
900
- };
901
- arrIncludesSome.autoRemove = val => testFalsey(val) || !(val != null && val.length);
902
- const equals = (row, columnId, filterValue) => {
903
- return row.getValue(columnId) === filterValue;
904
- };
905
- equals.autoRemove = val => testFalsey(val);
906
- const weakEquals = (row, columnId, filterValue) => {
907
- return row.getValue(columnId) == filterValue;
908
- };
909
- weakEquals.autoRemove = val => testFalsey(val);
910
- const inNumberRange = (row, columnId, filterValue) => {
911
- let [min, max] = filterValue;
912
- const rowValue = row.getValue(columnId);
913
- return rowValue >= min && rowValue <= max;
914
- };
915
- inNumberRange.resolveFilterValue = val => {
916
- let [unsafeMin, unsafeMax] = val;
917
- let parsedMin = typeof unsafeMin !== 'number' ? parseFloat(unsafeMin) : unsafeMin;
918
- let parsedMax = typeof unsafeMax !== 'number' ? parseFloat(unsafeMax) : unsafeMax;
919
- let min = unsafeMin === null || Number.isNaN(parsedMin) ? -Infinity : parsedMin;
920
- let max = unsafeMax === null || Number.isNaN(parsedMax) ? Infinity : parsedMax;
921
- if (min > max) {
922
- const temp = min;
923
- min = max;
924
- max = temp;
925
- }
926
- return [min, max];
927
- };
928
- inNumberRange.autoRemove = val => testFalsey(val) || testFalsey(val[0]) && testFalsey(val[1]);
929
-
930
- // Export
931
-
932
- const filterFns = {
933
- includesString,
934
- includesStringSensitive,
935
- equalsString,
936
- arrIncludes,
937
- arrIncludesAll,
938
- arrIncludesSome,
939
- equals,
940
- weakEquals,
941
- inNumberRange
942
- };
943
- // Utils
944
-
945
- function testFalsey(val) {
946
- return val === undefined || val === null || val === '';
947
- }
948
-
949
- //
950
-
951
- const Filters = {
952
- getDefaultColumnDef: () => {
953
- return {
954
- filterFn: 'auto'
955
- };
956
- },
957
- getInitialState: state => {
958
- return {
959
- columnFilters: [],
960
- globalFilter: undefined,
961
- // filtersProgress: 1,
962
- // facetProgress: {},
963
- ...state
964
- };
965
- },
966
- getDefaultOptions: table => {
967
- return {
968
- onColumnFiltersChange: makeStateUpdater('columnFilters', table),
969
- onGlobalFilterChange: makeStateUpdater('globalFilter', table),
970
- filterFromLeafRows: false,
971
- globalFilterFn: 'auto',
972
- getColumnCanGlobalFilter: column => {
973
- var _table$getCoreRowMode, _table$getCoreRowMode2;
974
- const value = (_table$getCoreRowMode = table.getCoreRowModel().flatRows[0]) == null ? void 0 : (_table$getCoreRowMode2 = _table$getCoreRowMode._getAllCellsByColumnId()[column.id]) == null ? void 0 : _table$getCoreRowMode2.getValue();
975
- return typeof value === 'string' || typeof value === 'number';
976
- }
977
- };
978
- },
979
- createColumn: (column, table) => {
980
- return {
981
- getAutoFilterFn: () => {
982
- const firstRow = table.getCoreRowModel().flatRows[0];
983
- const value = firstRow == null ? void 0 : firstRow.getValue(column.id);
984
- if (typeof value === 'string') {
985
- return filterFns.includesString;
986
- }
987
- if (typeof value === 'number') {
988
- return filterFns.inNumberRange;
989
- }
990
- if (typeof value === 'boolean') {
991
- return filterFns.equals;
992
- }
993
- if (value !== null && typeof value === 'object') {
994
- return filterFns.equals;
995
- }
996
- if (Array.isArray(value)) {
997
- return filterFns.arrIncludes;
998
- }
999
- return filterFns.weakEquals;
1000
- },
1001
- getFilterFn: () => {
1002
- var _table$options$filter;
1003
- return isFunction(column.columnDef.filterFn) ? column.columnDef.filterFn : column.columnDef.filterFn === 'auto' ? column.getAutoFilterFn() : ((_table$options$filter = table.options.filterFns) == null ? void 0 : _table$options$filter[column.columnDef.filterFn]) ?? filterFns[column.columnDef.filterFn];
1004
- },
1005
- getCanFilter: () => {
1006
- return (column.columnDef.enableColumnFilter ?? true) && (table.options.enableColumnFilters ?? true) && (table.options.enableFilters ?? true) && !!column.accessorFn;
1007
- },
1008
- getCanGlobalFilter: () => {
1009
- return (column.columnDef.enableGlobalFilter ?? true) && (table.options.enableGlobalFilter ?? true) && (table.options.enableFilters ?? true) && ((table.options.getColumnCanGlobalFilter == null ? void 0 : table.options.getColumnCanGlobalFilter(column)) ?? true) && !!column.accessorFn;
1010
- },
1011
- getIsFiltered: () => column.getFilterIndex() > -1,
1012
- getFilterValue: () => {
1013
- var _table$getState$colum, _table$getState$colum2;
1014
- return (_table$getState$colum = table.getState().columnFilters) == null ? void 0 : (_table$getState$colum2 = _table$getState$colum.find(d => d.id === column.id)) == null ? void 0 : _table$getState$colum2.value;
1015
- },
1016
- getFilterIndex: () => {
1017
- var _table$getState$colum3;
1018
- return ((_table$getState$colum3 = table.getState().columnFilters) == null ? void 0 : _table$getState$colum3.findIndex(d => d.id === column.id)) ?? -1;
1019
- },
1020
- setFilterValue: value => {
1021
- table.setColumnFilters(old => {
1022
- const filterFn = column.getFilterFn();
1023
- const previousfilter = old == null ? void 0 : old.find(d => d.id === column.id);
1024
- const newFilter = functionalUpdate(value, previousfilter ? previousfilter.value : undefined);
1025
-
1026
- //
1027
- if (shouldAutoRemoveFilter(filterFn, newFilter, column)) {
1028
- return (old == null ? void 0 : old.filter(d => d.id !== column.id)) ?? [];
1029
- }
1030
- const newFilterObj = {
1031
- id: column.id,
1032
- value: newFilter
1033
- };
1034
- if (previousfilter) {
1035
- return (old == null ? void 0 : old.map(d => {
1036
- if (d.id === column.id) {
1037
- return newFilterObj;
1038
- }
1039
- return d;
1040
- })) ?? [];
1041
- }
1042
- if (old != null && old.length) {
1043
- return [...old, newFilterObj];
1044
- }
1045
- return [newFilterObj];
1046
- });
1047
- },
1048
- _getFacetedRowModel: table.options.getFacetedRowModel && table.options.getFacetedRowModel(table, column.id),
1049
- getFacetedRowModel: () => {
1050
- if (!column._getFacetedRowModel) {
1051
- return table.getPreFilteredRowModel();
1052
- }
1053
- return column._getFacetedRowModel();
1054
- },
1055
- _getFacetedUniqueValues: table.options.getFacetedUniqueValues && table.options.getFacetedUniqueValues(table, column.id),
1056
- getFacetedUniqueValues: () => {
1057
- if (!column._getFacetedUniqueValues) {
1058
- return new Map();
1059
- }
1060
- return column._getFacetedUniqueValues();
1061
- },
1062
- _getFacetedMinMaxValues: table.options.getFacetedMinMaxValues && table.options.getFacetedMinMaxValues(table, column.id),
1063
- getFacetedMinMaxValues: () => {
1064
- if (!column._getFacetedMinMaxValues) {
1065
- return undefined;
1066
- }
1067
- return column._getFacetedMinMaxValues();
1068
- }
1069
- // () => [column.getFacetedRowModel()],
1070
- // facetedRowModel => getRowModelMinMaxValues(facetedRowModel, column.id),
1071
- };
1072
- },
1073
-
1074
- createRow: (row, table) => {
1075
- return {
1076
- columnFilters: {},
1077
- columnFiltersMeta: {}
1078
- };
1079
- },
1080
- createTable: table => {
1081
- return {
1082
- getGlobalAutoFilterFn: () => {
1083
- return filterFns.includesString;
1084
- },
1085
- getGlobalFilterFn: () => {
1086
- var _table$options$filter2;
1087
- const {
1088
- globalFilterFn: globalFilterFn
1089
- } = table.options;
1090
- return isFunction(globalFilterFn) ? globalFilterFn : globalFilterFn === 'auto' ? table.getGlobalAutoFilterFn() : ((_table$options$filter2 = table.options.filterFns) == null ? void 0 : _table$options$filter2[globalFilterFn]) ?? filterFns[globalFilterFn];
1091
- },
1092
- setColumnFilters: updater => {
1093
- const leafColumns = table.getAllLeafColumns();
1094
- const updateFn = old => {
1095
- var _functionalUpdate;
1096
- return (_functionalUpdate = functionalUpdate(updater, old)) == null ? void 0 : _functionalUpdate.filter(filter => {
1097
- const column = leafColumns.find(d => d.id === filter.id);
1098
- if (column) {
1099
- const filterFn = column.getFilterFn();
1100
- if (shouldAutoRemoveFilter(filterFn, filter.value, column)) {
1101
- return false;
1102
- }
1103
- }
1104
- return true;
1105
- });
1106
- };
1107
- table.options.onColumnFiltersChange == null ? void 0 : table.options.onColumnFiltersChange(updateFn);
1108
- },
1109
- setGlobalFilter: updater => {
1110
- table.options.onGlobalFilterChange == null ? void 0 : table.options.onGlobalFilterChange(updater);
1111
- },
1112
- resetGlobalFilter: defaultState => {
1113
- table.setGlobalFilter(defaultState ? undefined : table.initialState.globalFilter);
1114
- },
1115
- resetColumnFilters: defaultState => {
1116
- var _table$initialState;
1117
- table.setColumnFilters(defaultState ? [] : ((_table$initialState = table.initialState) == null ? void 0 : _table$initialState.columnFilters) ?? []);
1118
- },
1119
- getPreFilteredRowModel: () => table.getCoreRowModel(),
1120
- getFilteredRowModel: () => {
1121
- if (!table._getFilteredRowModel && table.options.getFilteredRowModel) {
1122
- table._getFilteredRowModel = table.options.getFilteredRowModel(table);
1123
- }
1124
- if (table.options.manualFiltering || !table._getFilteredRowModel) {
1125
- return table.getPreFilteredRowModel();
1126
- }
1127
- return table._getFilteredRowModel();
1128
- },
1129
- _getGlobalFacetedRowModel: table.options.getFacetedRowModel && table.options.getFacetedRowModel(table, '__global__'),
1130
- getGlobalFacetedRowModel: () => {
1131
- if (table.options.manualFiltering || !table._getGlobalFacetedRowModel) {
1132
- return table.getPreFilteredRowModel();
1133
- }
1134
- return table._getGlobalFacetedRowModel();
1135
- },
1136
- _getGlobalFacetedUniqueValues: table.options.getFacetedUniqueValues && table.options.getFacetedUniqueValues(table, '__global__'),
1137
- getGlobalFacetedUniqueValues: () => {
1138
- if (!table._getGlobalFacetedUniqueValues) {
1139
- return new Map();
1140
- }
1141
- return table._getGlobalFacetedUniqueValues();
1142
- },
1143
- _getGlobalFacetedMinMaxValues: table.options.getFacetedMinMaxValues && table.options.getFacetedMinMaxValues(table, '__global__'),
1144
- getGlobalFacetedMinMaxValues: () => {
1145
- if (!table._getGlobalFacetedMinMaxValues) {
1146
- return;
1147
- }
1148
- return table._getGlobalFacetedMinMaxValues();
1149
- }
1150
- };
1151
- }
1152
- };
1153
- function shouldAutoRemoveFilter(filterFn, value, column) {
1154
- return (filterFn && filterFn.autoRemove ? filterFn.autoRemove(value, column) : false) || typeof value === 'undefined' || typeof value === 'string' && !value;
1155
- }
1156
-
1157
- const sum = (columnId, _leafRows, childRows) => {
1158
- // It's faster to just add the aggregations together instead of
1159
- // process leaf nodes individually
1160
- return childRows.reduce((sum, next) => {
1161
- const nextValue = next.getValue(columnId);
1162
- return sum + (typeof nextValue === 'number' ? nextValue : 0);
1163
- }, 0);
1164
- };
1165
- const min = (columnId, _leafRows, childRows) => {
1166
- let min;
1167
- childRows.forEach(row => {
1168
- const value = row.getValue(columnId);
1169
- if (value != null && (min > value || min === undefined && value >= value)) {
1170
- min = value;
1171
- }
1172
- });
1173
- return min;
1174
- };
1175
- const max = (columnId, _leafRows, childRows) => {
1176
- let max;
1177
- childRows.forEach(row => {
1178
- const value = row.getValue(columnId);
1179
- if (value != null && (max < value || max === undefined && value >= value)) {
1180
- max = value;
1181
- }
1182
- });
1183
- return max;
1184
- };
1185
- const extent = (columnId, _leafRows, childRows) => {
1186
- let min;
1187
- let max;
1188
- childRows.forEach(row => {
1189
- const value = row.getValue(columnId);
1190
- if (value != null) {
1191
- if (min === undefined) {
1192
- if (value >= value) min = max = value;
1193
- } else {
1194
- if (min > value) min = value;
1195
- if (max < value) max = value;
1196
- }
1197
- }
1198
- });
1199
- return [min, max];
1200
- };
1201
- const mean = (columnId, leafRows) => {
1202
- let count = 0;
1203
- let sum = 0;
1204
- leafRows.forEach(row => {
1205
- let value = row.getValue(columnId);
1206
- if (value != null && (value = +value) >= value) {
1207
- ++count, sum += value;
1208
- }
1209
- });
1210
- if (count) return sum / count;
1211
- return;
1212
- };
1213
- const median = (columnId, leafRows) => {
1214
- if (!leafRows.length) {
1215
- return;
1216
- }
1217
- let min = 0;
1218
- let max = 0;
1219
- leafRows.forEach(row => {
1220
- let value = row.getValue(columnId);
1221
- if (typeof value === 'number') {
1222
- min = Math.min(min, value);
1223
- max = Math.max(max, value);
1224
- }
1225
- });
1226
- return (min + max) / 2;
1227
- };
1228
- const unique = (columnId, leafRows) => {
1229
- return Array.from(new Set(leafRows.map(d => d.getValue(columnId))).values());
1230
- };
1231
- const uniqueCount = (columnId, leafRows) => {
1232
- return new Set(leafRows.map(d => d.getValue(columnId))).size;
1233
- };
1234
- const count = (_columnId, leafRows) => {
1235
- return leafRows.length;
1236
- };
1237
- const aggregationFns = {
1238
- sum,
1239
- min,
1240
- max,
1241
- extent,
1242
- mean,
1243
- median,
1244
- unique,
1245
- uniqueCount,
1246
- count
1247
- };
1248
-
1249
- //
1250
-
1251
- const Grouping = {
1252
- getDefaultColumnDef: () => {
1253
- return {
1254
- aggregatedCell: props => {
1255
- var _props$getValue;
1256
- return ((_props$getValue = props.getValue()) == null ? void 0 : _props$getValue.toString == null ? void 0 : _props$getValue.toString()) ?? null;
1257
- },
1258
- aggregationFn: 'auto'
1259
- };
1260
- },
1261
- getInitialState: state => {
1262
- return {
1263
- grouping: [],
1264
- ...state
1265
- };
1266
- },
1267
- getDefaultOptions: table => {
1268
- return {
1269
- onGroupingChange: makeStateUpdater('grouping', table),
1270
- groupedColumnMode: 'reorder'
1271
- };
1272
- },
1273
- createColumn: (column, table) => {
1274
- return {
1275
- toggleGrouping: () => {
1276
- table.setGrouping(old => {
1277
- // Find any existing grouping for this column
1278
- if (old != null && old.includes(column.id)) {
1279
- return old.filter(d => d !== column.id);
1280
- }
1281
- return [...(old ?? []), column.id];
1282
- });
1283
- },
1284
- getCanGroup: () => {
1285
- return column.columnDef.enableGrouping ?? true ?? table.options.enableGrouping ?? true ?? !!column.accessorFn;
1286
- },
1287
- getIsGrouped: () => {
1288
- var _table$getState$group;
1289
- return (_table$getState$group = table.getState().grouping) == null ? void 0 : _table$getState$group.includes(column.id);
1290
- },
1291
- getGroupedIndex: () => {
1292
- var _table$getState$group2;
1293
- return (_table$getState$group2 = table.getState().grouping) == null ? void 0 : _table$getState$group2.indexOf(column.id);
1294
- },
1295
- getToggleGroupingHandler: () => {
1296
- const canGroup = column.getCanGroup();
1297
- return () => {
1298
- if (!canGroup) return;
1299
- column.toggleGrouping();
1300
- };
1301
- },
1302
- getAutoAggregationFn: () => {
1303
- const firstRow = table.getCoreRowModel().flatRows[0];
1304
- const value = firstRow == null ? void 0 : firstRow.getValue(column.id);
1305
- if (typeof value === 'number') {
1306
- return aggregationFns.sum;
1307
- }
1308
- if (Object.prototype.toString.call(value) === '[object Date]') {
1309
- return aggregationFns.extent;
1310
- }
1311
- },
1312
- getAggregationFn: () => {
1313
- var _table$options$aggreg;
1314
- if (!column) {
1315
- throw new Error();
1316
- }
1317
- return isFunction(column.columnDef.aggregationFn) ? column.columnDef.aggregationFn : column.columnDef.aggregationFn === 'auto' ? column.getAutoAggregationFn() : ((_table$options$aggreg = table.options.aggregationFns) == null ? void 0 : _table$options$aggreg[column.columnDef.aggregationFn]) ?? aggregationFns[column.columnDef.aggregationFn];
1318
- }
1319
- };
1320
- },
1321
- createTable: table => {
1322
- return {
1323
- setGrouping: updater => table.options.onGroupingChange == null ? void 0 : table.options.onGroupingChange(updater),
1324
- resetGrouping: defaultState => {
1325
- var _table$initialState;
1326
- table.setGrouping(defaultState ? [] : ((_table$initialState = table.initialState) == null ? void 0 : _table$initialState.grouping) ?? []);
1327
- },
1328
- getPreGroupedRowModel: () => table.getFilteredRowModel(),
1329
- getGroupedRowModel: () => {
1330
- if (!table._getGroupedRowModel && table.options.getGroupedRowModel) {
1331
- table._getGroupedRowModel = table.options.getGroupedRowModel(table);
1332
- }
1333
- if (table.options.manualGrouping || !table._getGroupedRowModel) {
1334
- return table.getPreGroupedRowModel();
1335
- }
1336
- return table._getGroupedRowModel();
1337
- }
1338
- };
1339
- },
1340
- createRow: row => {
1341
- return {
1342
- getIsGrouped: () => !!row.groupingColumnId,
1343
- _groupingValuesCache: {}
1344
- };
1345
- },
1346
- createCell: (cell, column, row, table) => {
1347
- return {
1348
- getIsGrouped: () => column.getIsGrouped() && column.id === row.groupingColumnId,
1349
- getIsPlaceholder: () => !cell.getIsGrouped() && column.getIsGrouped(),
1350
- getIsAggregated: () => {
1351
- var _row$subRows;
1352
- return !cell.getIsGrouped() && !cell.getIsPlaceholder() && !!((_row$subRows = row.subRows) != null && _row$subRows.length);
1353
- }
1354
- };
1355
- }
1356
- };
1357
- function orderColumns(leafColumns, grouping, groupedColumnMode) {
1358
- if (!(grouping != null && grouping.length) || !groupedColumnMode) {
1359
- return leafColumns;
1360
- }
1361
- const nonGroupingColumns = leafColumns.filter(col => !grouping.includes(col.id));
1362
- if (groupedColumnMode === 'remove') {
1363
- return nonGroupingColumns;
1364
- }
1365
- const groupingColumns = grouping.map(g => leafColumns.find(col => col.id === g)).filter(Boolean);
1366
- return [...groupingColumns, ...nonGroupingColumns];
1367
- }
1368
-
1369
- //
1370
-
1371
- const Ordering = {
1372
- getInitialState: state => {
1373
- return {
1374
- columnOrder: [],
1375
- ...state
1376
- };
1377
- },
1378
- getDefaultOptions: table => {
1379
- return {
1380
- onColumnOrderChange: makeStateUpdater('columnOrder', table)
1381
- };
1382
- },
1383
- createTable: table => {
1384
- return {
1385
- setColumnOrder: updater => table.options.onColumnOrderChange == null ? void 0 : table.options.onColumnOrderChange(updater),
1386
- resetColumnOrder: defaultState => {
1387
- table.setColumnOrder(defaultState ? [] : table.initialState.columnOrder ?? []);
1388
- },
1389
- _getOrderColumnsFn: memo(() => [table.getState().columnOrder, table.getState().grouping, table.options.groupedColumnMode], (columnOrder, grouping, groupedColumnMode) => columns => {
1390
- // Sort grouped columns to the start of the column list
1391
- // before the headers are built
1392
- let orderedColumns = [];
1393
-
1394
- // If there is no order, return the normal columns
1395
- if (!(columnOrder != null && columnOrder.length)) {
1396
- orderedColumns = columns;
1397
- } else {
1398
- const columnOrderCopy = [...columnOrder];
1399
-
1400
- // If there is an order, make a copy of the columns
1401
- const columnsCopy = [...columns];
1402
-
1403
- // And make a new ordered array of the columns
1404
-
1405
- // Loop over the columns and place them in order into the new array
1406
- while (columnsCopy.length && columnOrderCopy.length) {
1407
- const targetColumnId = columnOrderCopy.shift();
1408
- const foundIndex = columnsCopy.findIndex(d => d.id === targetColumnId);
1409
- if (foundIndex > -1) {
1410
- orderedColumns.push(columnsCopy.splice(foundIndex, 1)[0]);
1411
- }
1412
- }
1413
-
1414
- // If there are any columns left, add them to the end
1415
- orderedColumns = [...orderedColumns, ...columnsCopy];
1416
- }
1417
- return orderColumns(orderedColumns, grouping, groupedColumnMode);
1418
- }, {
1419
- key: process.env.NODE_ENV === 'development' && 'getOrderColumnsFn'
1420
- // debug: () => table.options.debugAll ?? table.options.debugTable,
1421
- })
1422
- };
1423
- }
1424
- };
1425
-
1426
- //
1427
-
1428
- const defaultPageIndex = 0;
1429
- const defaultPageSize = 10;
1430
- const getDefaultPaginationState = () => ({
1431
- pageIndex: defaultPageIndex,
1432
- pageSize: defaultPageSize
1433
- });
1434
- const Pagination = {
1435
- getInitialState: state => {
1436
- return {
1437
- ...state,
1438
- pagination: {
1439
- ...getDefaultPaginationState(),
1440
- ...(state == null ? void 0 : state.pagination)
1441
- }
1442
- };
1443
- },
1444
- getDefaultOptions: table => {
1445
- return {
1446
- onPaginationChange: makeStateUpdater('pagination', table)
1447
- };
1448
- },
1449
- createTable: table => {
1450
- let registered = false;
1451
- let queued = false;
1452
- return {
1453
- _autoResetPageIndex: () => {
1454
- if (!registered) {
1455
- table._queue(() => {
1456
- registered = true;
1457
- });
1458
- return;
1459
- }
1460
- if (table.options.autoResetAll ?? table.options.autoResetPageIndex ?? !table.options.manualPagination) {
1461
- if (queued) return;
1462
- queued = true;
1463
- table._queue(() => {
1464
- table.resetPageIndex();
1465
- queued = false;
1466
- });
1467
- }
1468
- },
1469
- setPagination: updater => {
1470
- const safeUpdater = old => {
1471
- let newState = functionalUpdate(updater, old);
1472
- return newState;
1473
- };
1474
- return table.options.onPaginationChange == null ? void 0 : table.options.onPaginationChange(safeUpdater);
1475
- },
1476
- resetPagination: defaultState => {
1477
- table.setPagination(defaultState ? getDefaultPaginationState() : table.initialState.pagination ?? getDefaultPaginationState());
1478
- },
1479
- setPageIndex: updater => {
1480
- table.setPagination(old => {
1481
- let pageIndex = functionalUpdate(updater, old.pageIndex);
1482
- const maxPageIndex = typeof table.options.pageCount === 'undefined' || table.options.pageCount === -1 ? Number.MAX_SAFE_INTEGER : table.options.pageCount - 1;
1483
- pageIndex = Math.max(0, Math.min(pageIndex, maxPageIndex));
1484
- return {
1485
- ...old,
1486
- pageIndex
1487
- };
1488
- });
1489
- },
1490
- resetPageIndex: defaultState => {
1491
- var _table$initialState, _table$initialState$p;
1492
- table.setPageIndex(defaultState ? defaultPageIndex : ((_table$initialState = table.initialState) == null ? void 0 : (_table$initialState$p = _table$initialState.pagination) == null ? void 0 : _table$initialState$p.pageIndex) ?? defaultPageIndex);
1493
- },
1494
- resetPageSize: defaultState => {
1495
- var _table$initialState2, _table$initialState2$;
1496
- table.setPageSize(defaultState ? defaultPageSize : ((_table$initialState2 = table.initialState) == null ? void 0 : (_table$initialState2$ = _table$initialState2.pagination) == null ? void 0 : _table$initialState2$.pageSize) ?? defaultPageSize);
1497
- },
1498
- setPageSize: updater => {
1499
- table.setPagination(old => {
1500
- const pageSize = Math.max(1, functionalUpdate(updater, old.pageSize));
1501
- const topRowIndex = old.pageSize * old.pageIndex;
1502
- const pageIndex = Math.floor(topRowIndex / pageSize);
1503
- return {
1504
- ...old,
1505
- pageIndex,
1506
- pageSize
1507
- };
1508
- });
1509
- },
1510
- setPageCount: updater => table.setPagination(old => {
1511
- let newPageCount = functionalUpdate(updater, table.options.pageCount ?? -1);
1512
- if (typeof newPageCount === 'number') {
1513
- newPageCount = Math.max(-1, newPageCount);
1514
- }
1515
- return {
1516
- ...old,
1517
- pageCount: newPageCount
1518
- };
1519
- }),
1520
- getPageOptions: memo(() => [table.getPageCount()], pageCount => {
1521
- let pageOptions = [];
1522
- if (pageCount && pageCount > 0) {
1523
- pageOptions = [...new Array(pageCount)].fill(null).map((_, i) => i);
1524
- }
1525
- return pageOptions;
1526
- }, {
1527
- key: process.env.NODE_ENV === 'development' && 'getPageOptions',
1528
- debug: () => table.options.debugAll ?? table.options.debugTable
1529
- }),
1530
- getCanPreviousPage: () => table.getState().pagination.pageIndex > 0,
1531
- getCanNextPage: () => {
1532
- const {
1533
- pageIndex
1534
- } = table.getState().pagination;
1535
- const pageCount = table.getPageCount();
1536
- if (pageCount === -1) {
1537
- return true;
1538
- }
1539
- if (pageCount === 0) {
1540
- return false;
1541
- }
1542
- return pageIndex < pageCount - 1;
1543
- },
1544
- previousPage: () => {
1545
- return table.setPageIndex(old => old - 1);
1546
- },
1547
- nextPage: () => {
1548
- return table.setPageIndex(old => {
1549
- return old + 1;
1550
- });
1551
- },
1552
- getPrePaginationRowModel: () => table.getExpandedRowModel(),
1553
- getPaginationRowModel: () => {
1554
- if (!table._getPaginationRowModel && table.options.getPaginationRowModel) {
1555
- table._getPaginationRowModel = table.options.getPaginationRowModel(table);
1556
- }
1557
- if (table.options.manualPagination || !table._getPaginationRowModel) {
1558
- return table.getPrePaginationRowModel();
1559
- }
1560
- return table._getPaginationRowModel();
1561
- },
1562
- getPageCount: () => {
1563
- return table.options.pageCount ?? Math.ceil(table.getPrePaginationRowModel().rows.length / table.getState().pagination.pageSize);
1564
- }
1565
- };
1566
- }
1567
- };
1568
-
1569
- //
1570
-
1571
- const getDefaultPinningState = () => ({
1572
- left: [],
1573
- right: []
1574
- });
1575
- const Pinning = {
1576
- getInitialState: state => {
1577
- return {
1578
- columnPinning: getDefaultPinningState(),
1579
- ...state
1580
- };
1581
- },
1582
- getDefaultOptions: table => {
1583
- return {
1584
- onColumnPinningChange: makeStateUpdater('columnPinning', table)
1585
- };
1586
- },
1587
- createColumn: (column, table) => {
1588
- return {
1589
- pin: position => {
1590
- const columnIds = column.getLeafColumns().map(d => d.id).filter(Boolean);
1591
- table.setColumnPinning(old => {
1592
- if (position === 'right') {
1593
- return {
1594
- left: ((old == null ? void 0 : old.left) ?? []).filter(d => !(columnIds != null && columnIds.includes(d))),
1595
- right: [...((old == null ? void 0 : old.right) ?? []).filter(d => !(columnIds != null && columnIds.includes(d))), ...columnIds]
1596
- };
1597
- }
1598
- if (position === 'left') {
1599
- return {
1600
- left: [...((old == null ? void 0 : old.left) ?? []).filter(d => !(columnIds != null && columnIds.includes(d))), ...columnIds],
1601
- right: ((old == null ? void 0 : old.right) ?? []).filter(d => !(columnIds != null && columnIds.includes(d)))
1602
- };
1603
- }
1604
- return {
1605
- left: ((old == null ? void 0 : old.left) ?? []).filter(d => !(columnIds != null && columnIds.includes(d))),
1606
- right: ((old == null ? void 0 : old.right) ?? []).filter(d => !(columnIds != null && columnIds.includes(d)))
1607
- };
1608
- });
1609
- },
1610
- getCanPin: () => {
1611
- const leafColumns = column.getLeafColumns();
1612
- return leafColumns.some(d => (d.columnDef.enablePinning ?? true) && (table.options.enablePinning ?? true));
1613
- },
1614
- getIsPinned: () => {
1615
- const leafColumnIds = column.getLeafColumns().map(d => d.id);
1616
- const {
1617
- left,
1618
- right
1619
- } = table.getState().columnPinning;
1620
- const isLeft = leafColumnIds.some(d => left == null ? void 0 : left.includes(d));
1621
- const isRight = leafColumnIds.some(d => right == null ? void 0 : right.includes(d));
1622
- return isLeft ? 'left' : isRight ? 'right' : false;
1623
- },
1624
- getPinnedIndex: () => {
1625
- var _table$getState$colum, _table$getState$colum2;
1626
- const position = column.getIsPinned();
1627
- return position ? ((_table$getState$colum = table.getState().columnPinning) == null ? void 0 : (_table$getState$colum2 = _table$getState$colum[position]) == null ? void 0 : _table$getState$colum2.indexOf(column.id)) ?? -1 : 0;
1628
- }
1629
- };
1630
- },
1631
- createRow: (row, table) => {
1632
- return {
1633
- getCenterVisibleCells: memo(() => [row._getAllVisibleCells(), table.getState().columnPinning.left, table.getState().columnPinning.right], (allCells, left, right) => {
1634
- const leftAndRight = [...(left ?? []), ...(right ?? [])];
1635
- return allCells.filter(d => !leftAndRight.includes(d.column.id));
1636
- }, {
1637
- key: process.env.NODE_ENV === 'production' && 'row.getCenterVisibleCells',
1638
- debug: () => table.options.debugAll ?? table.options.debugRows
1639
- }),
1640
- getLeftVisibleCells: memo(() => [row._getAllVisibleCells(), table.getState().columnPinning.left,,], (allCells, left) => {
1641
- const cells = (left ?? []).map(columnId => allCells.find(cell => cell.column.id === columnId)).filter(Boolean).map(d => ({
1642
- ...d,
1643
- position: 'left'
1644
- }));
1645
- return cells;
1646
- }, {
1647
- key: process.env.NODE_ENV === 'production' && 'row.getLeftVisibleCells',
1648
- debug: () => table.options.debugAll ?? table.options.debugRows
1649
- }),
1650
- getRightVisibleCells: memo(() => [row._getAllVisibleCells(), table.getState().columnPinning.right], (allCells, right) => {
1651
- const cells = (right ?? []).map(columnId => allCells.find(cell => cell.column.id === columnId)).filter(Boolean).map(d => ({
1652
- ...d,
1653
- position: 'right'
1654
- }));
1655
- return cells;
1656
- }, {
1657
- key: process.env.NODE_ENV === 'production' && 'row.getRightVisibleCells',
1658
- debug: () => table.options.debugAll ?? table.options.debugRows
1659
- })
1660
- };
1661
- },
1662
- createTable: table => {
1663
- return {
1664
- setColumnPinning: updater => table.options.onColumnPinningChange == null ? void 0 : table.options.onColumnPinningChange(updater),
1665
- resetColumnPinning: defaultState => {
1666
- var _table$initialState;
1667
- return table.setColumnPinning(defaultState ? getDefaultPinningState() : ((_table$initialState = table.initialState) == null ? void 0 : _table$initialState.columnPinning) ?? getDefaultPinningState());
1668
- },
1669
- getIsSomeColumnsPinned: position => {
1670
- var _pinningState$positio;
1671
- const pinningState = table.getState().columnPinning;
1672
- if (!position) {
1673
- var _pinningState$left, _pinningState$right;
1674
- return Boolean(((_pinningState$left = pinningState.left) == null ? void 0 : _pinningState$left.length) || ((_pinningState$right = pinningState.right) == null ? void 0 : _pinningState$right.length));
1675
- }
1676
- return Boolean((_pinningState$positio = pinningState[position]) == null ? void 0 : _pinningState$positio.length);
1677
- },
1678
- getLeftLeafColumns: memo(() => [table.getAllLeafColumns(), table.getState().columnPinning.left], (allColumns, left) => {
1679
- return (left ?? []).map(columnId => allColumns.find(column => column.id === columnId)).filter(Boolean);
1680
- }, {
1681
- key: process.env.NODE_ENV === 'development' && 'getLeftLeafColumns',
1682
- debug: () => table.options.debugAll ?? table.options.debugColumns
1683
- }),
1684
- getRightLeafColumns: memo(() => [table.getAllLeafColumns(), table.getState().columnPinning.right], (allColumns, right) => {
1685
- return (right ?? []).map(columnId => allColumns.find(column => column.id === columnId)).filter(Boolean);
1686
- }, {
1687
- key: process.env.NODE_ENV === 'development' && 'getRightLeafColumns',
1688
- debug: () => table.options.debugAll ?? table.options.debugColumns
1689
- }),
1690
- getCenterLeafColumns: memo(() => [table.getAllLeafColumns(), table.getState().columnPinning.left, table.getState().columnPinning.right], (allColumns, left, right) => {
1691
- const leftAndRight = [...(left ?? []), ...(right ?? [])];
1692
- return allColumns.filter(d => !leftAndRight.includes(d.id));
1693
- }, {
1694
- key: process.env.NODE_ENV === 'development' && 'getCenterLeafColumns',
1695
- debug: () => table.options.debugAll ?? table.options.debugColumns
1696
- })
1697
- };
1698
- }
1699
- };
1700
-
1701
- //
1702
-
1703
- const RowSelection = {
1704
- getInitialState: state => {
1705
- return {
1706
- rowSelection: {},
1707
- ...state
1708
- };
1709
- },
1710
- getDefaultOptions: table => {
1711
- return {
1712
- onRowSelectionChange: makeStateUpdater('rowSelection', table),
1713
- enableRowSelection: true,
1714
- enableMultiRowSelection: true,
1715
- enableSubRowSelection: true
1716
- // enableGroupingRowSelection: false,
1717
- // isAdditiveSelectEvent: (e: unknown) => !!e.metaKey,
1718
- // isInclusiveSelectEvent: (e: unknown) => !!e.shiftKey,
1719
- };
1720
- },
1721
-
1722
- createTable: table => {
1723
- return {
1724
- setRowSelection: updater => table.options.onRowSelectionChange == null ? void 0 : table.options.onRowSelectionChange(updater),
1725
- resetRowSelection: defaultState => table.setRowSelection(defaultState ? {} : table.initialState.rowSelection ?? {}),
1726
- toggleAllRowsSelected: value => {
1727
- table.setRowSelection(old => {
1728
- value = typeof value !== 'undefined' ? value : !table.getIsAllRowsSelected();
1729
- const rowSelection = {
1730
- ...old
1731
- };
1732
- const preGroupedFlatRows = table.getPreGroupedRowModel().flatRows;
1733
-
1734
- // We don't use `mutateRowIsSelected` here for performance reasons.
1735
- // All of the rows are flat already, so it wouldn't be worth it
1736
- if (value) {
1737
- preGroupedFlatRows.forEach(row => {
1738
- if (!row.getCanSelect()) {
1739
- return;
1740
- }
1741
- rowSelection[row.id] = true;
1742
- });
1743
- } else {
1744
- preGroupedFlatRows.forEach(row => {
1745
- delete rowSelection[row.id];
1746
- });
1747
- }
1748
- return rowSelection;
1749
- });
1750
- },
1751
- toggleAllPageRowsSelected: value => table.setRowSelection(old => {
1752
- const resolvedValue = typeof value !== 'undefined' ? value : !table.getIsAllPageRowsSelected();
1753
- const rowSelection = {
1754
- ...old
1755
- };
1756
- table.getRowModel().rows.forEach(row => {
1757
- mutateRowIsSelected(rowSelection, row.id, resolvedValue, table);
1758
- });
1759
- return rowSelection;
1760
- }),
1761
- // addRowSelectionRange: rowId => {
1762
- // const {
1763
- // rows,
1764
- // rowsById,
1765
- // options: { selectGroupingRows, selectSubRows },
1766
- // } = table
1767
-
1768
- // const findSelectedRow = (rows: Row[]) => {
1769
- // let found
1770
- // rows.find(d => {
1771
- // if (d.getIsSelected()) {
1772
- // found = d
1773
- // return true
1774
- // }
1775
- // const subFound = findSelectedRow(d.subRows || [])
1776
- // if (subFound) {
1777
- // found = subFound
1778
- // return true
1779
- // }
1780
- // return false
1781
- // })
1782
- // return found
1783
- // }
1784
-
1785
- // const firstRow = findSelectedRow(rows) || rows[0]
1786
- // const lastRow = rowsById[rowId]
1787
-
1788
- // let include = false
1789
- // const selectedRowIds = {}
1790
-
1791
- // const addRow = (row: Row) => {
1792
- // mutateRowIsSelected(selectedRowIds, row.id, true, {
1793
- // rowsById,
1794
- // selectGroupingRows: selectGroupingRows!,
1795
- // selectSubRows: selectSubRows!,
1796
- // })
1797
- // }
1798
-
1799
- // table.rows.forEach(row => {
1800
- // const isFirstRow = row.id === firstRow.id
1801
- // const isLastRow = row.id === lastRow.id
1802
-
1803
- // if (isFirstRow || isLastRow) {
1804
- // if (!include) {
1805
- // include = true
1806
- // } else if (include) {
1807
- // addRow(row)
1808
- // include = false
1809
- // }
1810
- // }
1811
-
1812
- // if (include) {
1813
- // addRow(row)
1814
- // }
1815
- // })
1816
-
1817
- // table.setRowSelection(selectedRowIds)
1818
- // },
1819
- getPreSelectedRowModel: () => table.getCoreRowModel(),
1820
- getSelectedRowModel: memo(() => [table.getState().rowSelection, table.getCoreRowModel()], (rowSelection, rowModel) => {
1821
- if (!Object.keys(rowSelection).length) {
1822
- return {
1823
- rows: [],
1824
- flatRows: [],
1825
- rowsById: {}
1826
- };
1827
- }
1828
- return selectRowsFn(table, rowModel);
1829
- }, {
1830
- key: process.env.NODE_ENV === 'development' && 'getSelectedRowModel',
1831
- debug: () => table.options.debugAll ?? table.options.debugTable
1832
- }),
1833
- getFilteredSelectedRowModel: memo(() => [table.getState().rowSelection, table.getFilteredRowModel()], (rowSelection, rowModel) => {
1834
- if (!Object.keys(rowSelection).length) {
1835
- return {
1836
- rows: [],
1837
- flatRows: [],
1838
- rowsById: {}
1839
- };
1840
- }
1841
- return selectRowsFn(table, rowModel);
1842
- }, {
1843
- key: process.env.NODE_ENV === 'production' && 'getFilteredSelectedRowModel',
1844
- debug: () => table.options.debugAll ?? table.options.debugTable
1845
- }),
1846
- getGroupedSelectedRowModel: memo(() => [table.getState().rowSelection, table.getSortedRowModel()], (rowSelection, rowModel) => {
1847
- if (!Object.keys(rowSelection).length) {
1848
- return {
1849
- rows: [],
1850
- flatRows: [],
1851
- rowsById: {}
1852
- };
1853
- }
1854
- return selectRowsFn(table, rowModel);
1855
- }, {
1856
- key: process.env.NODE_ENV === 'production' && 'getGroupedSelectedRowModel',
1857
- debug: () => table.options.debugAll ?? table.options.debugTable
1858
- }),
1859
- ///
1860
-
1861
- // getGroupingRowCanSelect: rowId => {
1862
- // const row = table.getRow(rowId)
1863
-
1864
- // if (!row) {
1865
- // throw new Error()
1866
- // }
1867
-
1868
- // if (typeof table.options.enableGroupingRowSelection === 'function') {
1869
- // return table.options.enableGroupingRowSelection(row)
1870
- // }
1871
-
1872
- // return table.options.enableGroupingRowSelection ?? false
1873
- // },
1874
-
1875
- getIsAllRowsSelected: () => {
1876
- const preGroupedFlatRows = table.getFilteredRowModel().flatRows;
1877
- const {
1878
- rowSelection
1879
- } = table.getState();
1880
- let isAllRowsSelected = Boolean(preGroupedFlatRows.length && Object.keys(rowSelection).length);
1881
- if (isAllRowsSelected) {
1882
- if (preGroupedFlatRows.some(row => row.getCanSelect() && !rowSelection[row.id])) {
1883
- isAllRowsSelected = false;
1884
- }
1885
- }
1886
- return isAllRowsSelected;
1887
- },
1888
- getIsAllPageRowsSelected: () => {
1889
- const paginationFlatRows = table.getPaginationRowModel().flatRows;
1890
- const {
1891
- rowSelection
1892
- } = table.getState();
1893
- let isAllPageRowsSelected = !!paginationFlatRows.length;
1894
- if (isAllPageRowsSelected && paginationFlatRows.some(row => !rowSelection[row.id])) {
1895
- isAllPageRowsSelected = false;
1896
- }
1897
- return isAllPageRowsSelected;
1898
- },
1899
- getIsSomeRowsSelected: () => {
1900
- const totalSelected = Object.keys(table.getState().rowSelection ?? {}).length;
1901
- return totalSelected > 0 && totalSelected < table.getFilteredRowModel().flatRows.length;
1902
- },
1903
- getIsSomePageRowsSelected: () => {
1904
- const paginationFlatRows = table.getPaginationRowModel().flatRows;
1905
- return table.getIsAllPageRowsSelected() ? false : paginationFlatRows.some(d => d.getIsSelected() || d.getIsSomeSelected());
1906
- },
1907
- getToggleAllRowsSelectedHandler: () => {
1908
- return e => {
1909
- table.toggleAllRowsSelected(e.target.checked);
1910
- };
1911
- },
1912
- getToggleAllPageRowsSelectedHandler: () => {
1913
- return e => {
1914
- table.toggleAllPageRowsSelected(e.target.checked);
1915
- };
1916
- }
1917
- };
1918
- },
1919
- createRow: (row, table) => {
1920
- return {
1921
- toggleSelected: value => {
1922
- const isSelected = row.getIsSelected();
1923
- table.setRowSelection(old => {
1924
- value = typeof value !== 'undefined' ? value : !isSelected;
1925
- if (isSelected === value) {
1926
- return old;
1927
- }
1928
- const selectedRowIds = {
1929
- ...old
1930
- };
1931
- mutateRowIsSelected(selectedRowIds, row.id, value, table);
1932
- return selectedRowIds;
1933
- });
1934
- },
1935
- getIsSelected: () => {
1936
- const {
1937
- rowSelection
1938
- } = table.getState();
1939
- return isRowSelected(row, rowSelection);
1940
- },
1941
- getIsSomeSelected: () => {
1942
- const {
1943
- rowSelection
1944
- } = table.getState();
1945
- return isSubRowSelected(row, rowSelection) === 'some';
1946
- },
1947
- getIsAllSubRowsSelected: () => {
1948
- const {
1949
- rowSelection
1950
- } = table.getState();
1951
- return isSubRowSelected(row, rowSelection) === 'all';
1952
- },
1953
- getCanSelect: () => {
1954
- if (typeof table.options.enableRowSelection === 'function') {
1955
- return table.options.enableRowSelection(row);
1956
- }
1957
- return table.options.enableRowSelection ?? true;
1958
- },
1959
- getCanSelectSubRows: () => {
1960
- if (typeof table.options.enableSubRowSelection === 'function') {
1961
- return table.options.enableSubRowSelection(row);
1962
- }
1963
- return table.options.enableSubRowSelection ?? true;
1964
- },
1965
- getCanMultiSelect: () => {
1966
- if (typeof table.options.enableMultiRowSelection === 'function') {
1967
- return table.options.enableMultiRowSelection(row);
1968
- }
1969
- return table.options.enableMultiRowSelection ?? true;
1970
- },
1971
- getToggleSelectedHandler: () => {
1972
- const canSelect = row.getCanSelect();
1973
- return e => {
1974
- var _target;
1975
- if (!canSelect) return;
1976
- row.toggleSelected((_target = e.target) == null ? void 0 : _target.checked);
1977
- };
1978
- }
1979
- };
1980
- }
1981
- };
1982
- const mutateRowIsSelected = (selectedRowIds, id, value, table) => {
1983
- var _row$subRows;
1984
- const row = table.getRow(id);
1985
-
1986
- // const isGrouped = row.getIsGrouped()
1987
-
1988
- // if ( // TODO: enforce grouping row selection rules
1989
- // !isGrouped ||
1990
- // (isGrouped && table.options.enableGroupingRowSelection)
1991
- // ) {
1992
- if (value) {
1993
- if (!row.getCanMultiSelect()) {
1994
- Object.keys(selectedRowIds).forEach(key => delete selectedRowIds[key]);
1995
- }
1996
- if (row.getCanSelect()) {
1997
- selectedRowIds[id] = true;
1998
- }
1999
- } else {
2000
- delete selectedRowIds[id];
2001
- }
2002
- // }
2003
-
2004
- if ((_row$subRows = row.subRows) != null && _row$subRows.length && row.getCanSelectSubRows()) {
2005
- row.subRows.forEach(row => mutateRowIsSelected(selectedRowIds, row.id, value, table));
2006
- }
2007
- };
2008
- function selectRowsFn(table, rowModel) {
2009
- const rowSelection = table.getState().rowSelection;
2010
- const newSelectedFlatRows = [];
2011
- const newSelectedRowsById = {};
2012
-
2013
- // Filters top level and nested rows
2014
- const recurseRows = function (rows, depth) {
2015
- return rows.map(row => {
2016
- var _row$subRows2;
2017
- const isSelected = isRowSelected(row, rowSelection);
2018
- if (isSelected) {
2019
- newSelectedFlatRows.push(row);
2020
- newSelectedRowsById[row.id] = row;
2021
- }
2022
- if ((_row$subRows2 = row.subRows) != null && _row$subRows2.length) {
2023
- row = {
2024
- ...row,
2025
- subRows: recurseRows(row.subRows)
2026
- };
2027
- }
2028
- if (isSelected) {
2029
- return row;
2030
- }
2031
- }).filter(Boolean);
2032
- };
2033
- return {
2034
- rows: recurseRows(rowModel.rows),
2035
- flatRows: newSelectedFlatRows,
2036
- rowsById: newSelectedRowsById
2037
- };
2038
- }
2039
- function isRowSelected(row, selection) {
2040
- return selection[row.id] ?? false;
2041
- }
2042
- function isSubRowSelected(row, selection, table) {
2043
- if (row.subRows && row.subRows.length) {
2044
- let allChildrenSelected = true;
2045
- let someSelected = false;
2046
- row.subRows.forEach(subRow => {
2047
- // Bail out early if we know both of these
2048
- if (someSelected && !allChildrenSelected) {
2049
- return;
2050
- }
2051
- if (isRowSelected(subRow, selection)) {
2052
- someSelected = true;
2053
- } else {
2054
- allChildrenSelected = false;
2055
- }
2056
- });
2057
- return allChildrenSelected ? 'all' : someSelected ? 'some' : false;
2058
- }
2059
- return false;
2060
- }
2061
-
2062
- const reSplitAlphaNumeric = /([0-9]+)/gm;
2063
- const alphanumeric = (rowA, rowB, columnId) => {
2064
- return compareAlphanumeric(toString(rowA.getValue(columnId)).toLowerCase(), toString(rowB.getValue(columnId)).toLowerCase());
2065
- };
2066
- const alphanumericCaseSensitive = (rowA, rowB, columnId) => {
2067
- return compareAlphanumeric(toString(rowA.getValue(columnId)), toString(rowB.getValue(columnId)));
2068
- };
2069
-
2070
- // The text filter is more basic (less numeric support)
2071
- // but is much faster
2072
- const text = (rowA, rowB, columnId) => {
2073
- return compareBasic(toString(rowA.getValue(columnId)).toLowerCase(), toString(rowB.getValue(columnId)).toLowerCase());
2074
- };
2075
-
2076
- // The text filter is more basic (less numeric support)
2077
- // but is much faster
2078
- const textCaseSensitive = (rowA, rowB, columnId) => {
2079
- return compareBasic(toString(rowA.getValue(columnId)), toString(rowB.getValue(columnId)));
2080
- };
2081
- const datetime = (rowA, rowB, columnId) => {
2082
- const a = rowA.getValue(columnId);
2083
- const b = rowB.getValue(columnId);
2084
-
2085
- // Can handle nullish values
2086
- // Use > and < because == (and ===) doesn't work with
2087
- // Date objects (would require calling getTime()).
2088
- return a > b ? 1 : a < b ? -1 : 0;
2089
- };
2090
- const basic = (rowA, rowB, columnId) => {
2091
- return compareBasic(rowA.getValue(columnId), rowB.getValue(columnId));
2092
- };
2093
-
2094
- // Utils
2095
-
2096
- function compareBasic(a, b) {
2097
- return a === b ? 0 : a > b ? 1 : -1;
2098
- }
2099
- function toString(a) {
2100
- if (typeof a === 'number') {
2101
- if (isNaN(a) || a === Infinity || a === -Infinity) {
2102
- return '';
2103
- }
2104
- return String(a);
2105
- }
2106
- if (typeof a === 'string') {
2107
- return a;
2108
- }
2109
- return '';
2110
- }
2111
-
2112
- // Mixed sorting is slow, but very inclusive of many edge cases.
2113
- // It handles numbers, mixed alphanumeric combinations, and even
2114
- // null, undefined, and Infinity
2115
- function compareAlphanumeric(aStr, bStr) {
2116
- // Split on number groups, but keep the delimiter
2117
- // Then remove falsey split values
2118
- const a = aStr.split(reSplitAlphaNumeric).filter(Boolean);
2119
- const b = bStr.split(reSplitAlphaNumeric).filter(Boolean);
2120
-
2121
- // While
2122
- while (a.length && b.length) {
2123
- const aa = a.shift();
2124
- const bb = b.shift();
2125
- const an = parseInt(aa, 10);
2126
- const bn = parseInt(bb, 10);
2127
- const combo = [an, bn].sort();
2128
-
2129
- // Both are string
2130
- if (isNaN(combo[0])) {
2131
- if (aa > bb) {
2132
- return 1;
2133
- }
2134
- if (bb > aa) {
2135
- return -1;
2136
- }
2137
- continue;
2138
- }
2139
-
2140
- // One is a string, one is a number
2141
- if (isNaN(combo[1])) {
2142
- return isNaN(an) ? -1 : 1;
2143
- }
2144
-
2145
- // Both are numbers
2146
- if (an > bn) {
2147
- return 1;
2148
- }
2149
- if (bn > an) {
2150
- return -1;
2151
- }
2152
- }
2153
- return a.length - b.length;
2154
- }
2155
-
2156
- // Exports
2157
-
2158
- const sortingFns = {
2159
- alphanumeric,
2160
- alphanumericCaseSensitive,
2161
- text,
2162
- textCaseSensitive,
2163
- datetime,
2164
- basic
2165
- };
2166
-
2167
- //
2168
-
2169
- const Sorting = {
2170
- getInitialState: state => {
2171
- return {
2172
- sorting: [],
2173
- ...state
2174
- };
2175
- },
2176
- getDefaultColumnDef: () => {
2177
- return {
2178
- sortingFn: 'auto'
2179
- };
2180
- },
2181
- getDefaultOptions: table => {
2182
- return {
2183
- onSortingChange: makeStateUpdater('sorting', table),
2184
- isMultiSortEvent: e => {
2185
- return e.shiftKey;
2186
- }
2187
- };
2188
- },
2189
- createColumn: (column, table) => {
2190
- return {
2191
- getAutoSortingFn: () => {
2192
- const firstRows = table.getFilteredRowModel().flatRows.slice(10);
2193
- let isString = false;
2194
- for (const row of firstRows) {
2195
- const value = row == null ? void 0 : row.getValue(column.id);
2196
- if (Object.prototype.toString.call(value) === '[object Date]') {
2197
- return sortingFns.datetime;
2198
- }
2199
- if (typeof value === 'string') {
2200
- isString = true;
2201
- if (value.split(reSplitAlphaNumeric).length > 1) {
2202
- return sortingFns.alphanumeric;
2203
- }
2204
- }
2205
- }
2206
- if (isString) {
2207
- return sortingFns.text;
2208
- }
2209
- return sortingFns.basic;
2210
- },
2211
- getAutoSortDir: () => {
2212
- const firstRow = table.getFilteredRowModel().flatRows[0];
2213
- const value = firstRow == null ? void 0 : firstRow.getValue(column.id);
2214
- if (typeof value === 'string') {
2215
- return 'asc';
2216
- }
2217
- return 'desc';
2218
- },
2219
- getSortingFn: () => {
2220
- var _table$options$sortin;
2221
- if (!column) {
2222
- throw new Error();
2223
- }
2224
- return isFunction(column.columnDef.sortingFn) ? column.columnDef.sortingFn : column.columnDef.sortingFn === 'auto' ? column.getAutoSortingFn() : ((_table$options$sortin = table.options.sortingFns) == null ? void 0 : _table$options$sortin[column.columnDef.sortingFn]) ?? sortingFns[column.columnDef.sortingFn];
2225
- },
2226
- toggleSorting: (desc, multi) => {
2227
- // if (column.columns.length) {
2228
- // column.columns.forEach((c, i) => {
2229
- // if (c.id) {
2230
- // table.toggleColumnSorting(c.id, undefined, multi || !!i)
2231
- // }
2232
- // })
2233
- // return
2234
- // }
2235
-
2236
- // this needs to be outside of table.setSorting to be in sync with rerender
2237
- const nextSortingOrder = column.getNextSortingOrder();
2238
- const hasManualValue = typeof desc !== 'undefined' && desc !== null;
2239
- table.setSorting(old => {
2240
- // Find any existing sorting for this column
2241
- const existingSorting = old == null ? void 0 : old.find(d => d.id === column.id);
2242
- const existingIndex = old == null ? void 0 : old.findIndex(d => d.id === column.id);
2243
- let newSorting = [];
2244
-
2245
- // What should we do with this sort action?
2246
- let sortAction;
2247
- let nextDesc = hasManualValue ? desc : nextSortingOrder === 'desc';
2248
-
2249
- // Multi-mode
2250
- if (old != null && old.length && column.getCanMultiSort() && multi) {
2251
- if (existingSorting) {
2252
- sortAction = 'toggle';
2253
- } else {
2254
- sortAction = 'add';
2255
- }
2256
- } else {
2257
- // Normal mode
2258
- if (old != null && old.length && existingIndex !== old.length - 1) {
2259
- sortAction = 'replace';
2260
- } else if (existingSorting) {
2261
- sortAction = 'toggle';
2262
- } else {
2263
- sortAction = 'replace';
2264
- }
2265
- }
2266
-
2267
- // Handle toggle states that will remove the sorting
2268
- if (sortAction === 'toggle') {
2269
- // If we are "actually" toggling (not a manual set value), should we remove the sorting?
2270
- if (!hasManualValue) {
2271
- // Is our intention to remove?
2272
- if (!nextSortingOrder) {
2273
- sortAction = 'remove';
2274
- }
2275
- }
2276
- }
2277
- if (sortAction === 'add') {
2278
- newSorting = [...old, {
2279
- id: column.id,
2280
- desc: nextDesc
2281
- }];
2282
- // Take latest n columns
2283
- newSorting.splice(0, newSorting.length - (table.options.maxMultiSortColCount ?? Number.MAX_SAFE_INTEGER));
2284
- } else if (sortAction === 'toggle') {
2285
- // This flips (or sets) the
2286
- newSorting = old.map(d => {
2287
- if (d.id === column.id) {
2288
- return {
2289
- ...d,
2290
- desc: nextDesc
2291
- };
2292
- }
2293
- return d;
2294
- });
2295
- } else if (sortAction === 'remove') {
2296
- newSorting = old.filter(d => d.id !== column.id);
2297
- } else {
2298
- newSorting = [{
2299
- id: column.id,
2300
- desc: nextDesc
2301
- }];
2302
- }
2303
- return newSorting;
2304
- });
2305
- },
2306
- getFirstSortDir: () => {
2307
- const sortDescFirst = column.columnDef.sortDescFirst ?? table.options.sortDescFirst ?? column.getAutoSortDir() === 'desc';
2308
- return sortDescFirst ? 'desc' : 'asc';
2309
- },
2310
- getNextSortingOrder: multi => {
2311
- const firstSortDirection = column.getFirstSortDir();
2312
- const isSorted = column.getIsSorted();
2313
- if (!isSorted) {
2314
- return firstSortDirection;
2315
- }
2316
- if (isSorted !== firstSortDirection && (table.options.enableSortingRemoval ?? true) && (
2317
- // If enableSortRemove, enable in general
2318
- multi ? table.options.enableMultiRemove ?? true : true) // If multi, don't allow if enableMultiRemove))
2319
- ) {
2320
- return false;
2321
- }
2322
- return isSorted === 'desc' ? 'asc' : 'desc';
2323
- },
2324
- getCanSort: () => {
2325
- return (column.columnDef.enableSorting ?? true) && (table.options.enableSorting ?? true) && !!column.accessorFn;
2326
- },
2327
- getCanMultiSort: () => {
2328
- return column.columnDef.enableMultiSort ?? table.options.enableMultiSort ?? !!column.accessorFn;
2329
- },
2330
- getIsSorted: () => {
2331
- var _table$getState$sorti;
2332
- const columnSort = (_table$getState$sorti = table.getState().sorting) == null ? void 0 : _table$getState$sorti.find(d => d.id === column.id);
2333
- return !columnSort ? false : columnSort.desc ? 'desc' : 'asc';
2334
- },
2335
- getSortIndex: () => {
2336
- var _table$getState$sorti2;
2337
- return ((_table$getState$sorti2 = table.getState().sorting) == null ? void 0 : _table$getState$sorti2.findIndex(d => d.id === column.id)) ?? -1;
2338
- },
2339
- clearSorting: () => {
2340
- //clear sorting for just 1 column
2341
- table.setSorting(old => old != null && old.length ? old.filter(d => d.id !== column.id) : []);
2342
- },
2343
- getToggleSortingHandler: () => {
2344
- const canSort = column.getCanSort();
2345
- return e => {
2346
- if (!canSort) return;
2347
- e.persist == null ? void 0 : e.persist();
2348
- column.toggleSorting == null ? void 0 : column.toggleSorting(undefined, column.getCanMultiSort() ? table.options.isMultiSortEvent == null ? void 0 : table.options.isMultiSortEvent(e) : false);
2349
- };
2350
- }
2351
- };
2352
- },
2353
- createTable: table => {
2354
- return {
2355
- setSorting: updater => table.options.onSortingChange == null ? void 0 : table.options.onSortingChange(updater),
2356
- resetSorting: defaultState => {
2357
- var _table$initialState;
2358
- table.setSorting(defaultState ? [] : ((_table$initialState = table.initialState) == null ? void 0 : _table$initialState.sorting) ?? []);
2359
- },
2360
- getPreSortedRowModel: () => table.getGroupedRowModel(),
2361
- getSortedRowModel: () => {
2362
- if (!table._getSortedRowModel && table.options.getSortedRowModel) {
2363
- table._getSortedRowModel = table.options.getSortedRowModel(table);
2364
- }
2365
- if (table.options.manualSorting || !table._getSortedRowModel) {
2366
- return table.getPreSortedRowModel();
2367
- }
2368
- return table._getSortedRowModel();
2369
- }
2370
- };
2371
- }
2372
- };
2373
-
2374
- //
2375
-
2376
- const Visibility = {
2377
- getInitialState: state => {
2378
- return {
2379
- columnVisibility: {},
2380
- ...state
2381
- };
2382
- },
2383
- getDefaultOptions: table => {
2384
- return {
2385
- onColumnVisibilityChange: makeStateUpdater('columnVisibility', table)
2386
- };
2387
- },
2388
- createColumn: (column, table) => {
2389
- return {
2390
- toggleVisibility: value => {
2391
- if (column.getCanHide()) {
2392
- table.setColumnVisibility(old => ({
2393
- ...old,
2394
- [column.id]: value ?? !column.getIsVisible()
2395
- }));
2396
- }
2397
- },
2398
- getIsVisible: () => {
2399
- var _table$getState$colum;
2400
- return ((_table$getState$colum = table.getState().columnVisibility) == null ? void 0 : _table$getState$colum[column.id]) ?? true;
2401
- },
2402
- getCanHide: () => {
2403
- return (column.columnDef.enableHiding ?? true) && (table.options.enableHiding ?? true);
2404
- },
2405
- getToggleVisibilityHandler: () => {
2406
- return e => {
2407
- column.toggleVisibility == null ? void 0 : column.toggleVisibility(e.target.checked);
2408
- };
2409
- }
2410
- };
2411
- },
2412
- createRow: (row, table) => {
2413
- return {
2414
- _getAllVisibleCells: memo(() => [row.getAllCells(), table.getState().columnVisibility], cells => {
2415
- return cells.filter(cell => cell.column.getIsVisible());
2416
- }, {
2417
- key: process.env.NODE_ENV === 'production' && 'row._getAllVisibleCells',
2418
- debug: () => table.options.debugAll ?? table.options.debugRows
2419
- }),
2420
- getVisibleCells: memo(() => [row.getLeftVisibleCells(), row.getCenterVisibleCells(), row.getRightVisibleCells()], (left, center, right) => [...left, ...center, ...right], {
2421
- key: process.env.NODE_ENV === 'development' && 'row.getVisibleCells',
2422
- debug: () => table.options.debugAll ?? table.options.debugRows
2423
- })
2424
- };
2425
- },
2426
- createTable: table => {
2427
- const makeVisibleColumnsMethod = (key, getColumns) => {
2428
- return memo(() => [getColumns(), getColumns().filter(d => d.getIsVisible()).map(d => d.id).join('_')], columns => {
2429
- return columns.filter(d => d.getIsVisible == null ? void 0 : d.getIsVisible());
2430
- }, {
2431
- key,
2432
- debug: () => table.options.debugAll ?? table.options.debugColumns
2433
- });
2434
- };
2435
- return {
2436
- getVisibleFlatColumns: makeVisibleColumnsMethod('getVisibleFlatColumns', () => table.getAllFlatColumns()),
2437
- getVisibleLeafColumns: makeVisibleColumnsMethod('getVisibleLeafColumns', () => table.getAllLeafColumns()),
2438
- getLeftVisibleLeafColumns: makeVisibleColumnsMethod('getLeftVisibleLeafColumns', () => table.getLeftLeafColumns()),
2439
- getRightVisibleLeafColumns: makeVisibleColumnsMethod('getRightVisibleLeafColumns', () => table.getRightLeafColumns()),
2440
- getCenterVisibleLeafColumns: makeVisibleColumnsMethod('getCenterVisibleLeafColumns', () => table.getCenterLeafColumns()),
2441
- setColumnVisibility: updater => table.options.onColumnVisibilityChange == null ? void 0 : table.options.onColumnVisibilityChange(updater),
2442
- resetColumnVisibility: defaultState => {
2443
- table.setColumnVisibility(defaultState ? {} : table.initialState.columnVisibility ?? {});
2444
- },
2445
- toggleAllColumnsVisible: value => {
2446
- value = value ?? !table.getIsAllColumnsVisible();
2447
- table.setColumnVisibility(table.getAllLeafColumns().reduce((obj, column) => ({
2448
- ...obj,
2449
- [column.id]: !value ? !(column.getCanHide != null && column.getCanHide()) : value
2450
- }), {}));
2451
- },
2452
- getIsAllColumnsVisible: () => !table.getAllLeafColumns().some(column => !(column.getIsVisible != null && column.getIsVisible())),
2453
- getIsSomeColumnsVisible: () => table.getAllLeafColumns().some(column => column.getIsVisible == null ? void 0 : column.getIsVisible()),
2454
- getToggleAllColumnsVisibilityHandler: () => {
2455
- return e => {
2456
- var _target;
2457
- table.toggleAllColumnsVisible((_target = e.target) == null ? void 0 : _target.checked);
2458
- };
2459
- }
2460
- };
2461
- }
2462
- };
2463
-
2464
- const features = [Headers, Visibility, Ordering, Pinning, Filters, Sorting, Grouping, Expanding, Pagination, RowSelection, ColumnSizing];
2465
-
2466
- //
2467
-
2468
- function createTable(options) {
2469
- if (options.debugAll || options.debugTable) {
2470
- console.info('Creating Table Instance...');
2471
- }
2472
- let table = {
2473
- _features: features
2474
- };
2475
- const defaultOptions = table._features.reduce((obj, feature) => {
2476
- return Object.assign(obj, feature.getDefaultOptions == null ? void 0 : feature.getDefaultOptions(table));
2477
- }, {});
2478
- const mergeOptions = options => {
2479
- if (table.options.mergeOptions) {
2480
- return table.options.mergeOptions(defaultOptions, options);
2481
- }
2482
- return {
2483
- ...defaultOptions,
2484
- ...options
2485
- };
2486
- };
2487
- const coreInitialState = {};
2488
- let initialState = {
2489
- ...coreInitialState,
2490
- ...(options.initialState ?? {})
2491
- };
2492
- table._features.forEach(feature => {
2493
- initialState = (feature.getInitialState == null ? void 0 : feature.getInitialState(initialState)) ?? initialState;
2494
- });
2495
- const queued = [];
2496
- let queuedTimeout = false;
2497
- const coreInstance = {
2498
- _features: features,
2499
- options: {
2500
- ...defaultOptions,
2501
- ...options
2502
- },
2503
- initialState,
2504
- _queue: cb => {
2505
- queued.push(cb);
2506
- if (!queuedTimeout) {
2507
- queuedTimeout = true;
2508
-
2509
- // Schedule a microtask to run the queued callbacks after
2510
- // the current call stack (render, etc) has finished.
2511
- Promise.resolve().then(() => {
2512
- while (queued.length) {
2513
- queued.shift()();
2514
- }
2515
- queuedTimeout = false;
2516
- }).catch(error => setTimeout(() => {
2517
- throw error;
2518
- }));
2519
- }
2520
- },
2521
- reset: () => {
2522
- table.setState(table.initialState);
2523
- },
2524
- setOptions: updater => {
2525
- const newOptions = functionalUpdate(updater, table.options);
2526
- table.options = mergeOptions(newOptions);
2527
- },
2528
- getState: () => {
2529
- return table.options.state;
2530
- },
2531
- setState: updater => {
2532
- table.options.onStateChange == null ? void 0 : table.options.onStateChange(updater);
2533
- },
2534
- _getRowId: (row, index, parent) => (table.options.getRowId == null ? void 0 : table.options.getRowId(row, index, parent)) ?? `${parent ? [parent.id, index].join('.') : index}`,
2535
- getCoreRowModel: () => {
2536
- if (!table._getCoreRowModel) {
2537
- table._getCoreRowModel = table.options.getCoreRowModel(table);
2538
- }
2539
- return table._getCoreRowModel();
2540
- },
2541
- // The final calls start at the bottom of the model,
2542
- // expanded rows, which then work their way up
2543
-
2544
- getRowModel: () => {
2545
- return table.getPaginationRowModel();
2546
- },
2547
- getRow: id => {
2548
- const row = table.getRowModel().rowsById[id];
2549
- if (!row) {
2550
- if (process.env.NODE_ENV !== 'production') {
2551
- throw new Error(`getRow expected an ID, but got ${id}`);
2552
- }
2553
- throw new Error();
2554
- }
2555
- return row;
2556
- },
2557
- _getDefaultColumnDef: memo(() => [table.options.defaultColumn], defaultColumn => {
2558
- defaultColumn = defaultColumn ?? {};
2559
- return {
2560
- header: props => {
2561
- const resolvedColumnDef = props.header.column.columnDef;
2562
- if (resolvedColumnDef.accessorKey) {
2563
- return resolvedColumnDef.accessorKey;
2564
- }
2565
- if (resolvedColumnDef.accessorFn) {
2566
- return resolvedColumnDef.id;
2567
- }
2568
- return null;
2569
- },
2570
- // footer: props => props.header.column.id,
2571
- cell: props => {
2572
- var _props$renderValue;
2573
- return ((_props$renderValue = props.renderValue()) == null ? void 0 : _props$renderValue.toString == null ? void 0 : _props$renderValue.toString()) ?? null;
2574
- },
2575
- ...table._features.reduce((obj, feature) => {
2576
- return Object.assign(obj, feature.getDefaultColumnDef == null ? void 0 : feature.getDefaultColumnDef());
2577
- }, {}),
2578
- ...defaultColumn
2579
- };
2580
- }, {
2581
- debug: () => table.options.debugAll ?? table.options.debugColumns,
2582
- key: process.env.NODE_ENV === 'development' && 'getDefaultColumnDef'
2583
- }),
2584
- _getColumnDefs: () => table.options.columns,
2585
- getAllColumns: memo(() => [table._getColumnDefs()], columnDefs => {
2586
- const recurseColumns = function (columnDefs, parent, depth) {
2587
- if (depth === void 0) {
2588
- depth = 0;
2589
- }
2590
- return columnDefs.map(columnDef => {
2591
- const column = createColumn(table, columnDef, depth, parent);
2592
- const groupingColumnDef = columnDef;
2593
- column.columns = groupingColumnDef.columns ? recurseColumns(groupingColumnDef.columns, column, depth + 1) : [];
2594
- return column;
2595
- });
2596
- };
2597
- return recurseColumns(columnDefs);
2598
- }, {
2599
- key: process.env.NODE_ENV === 'development' && 'getAllColumns',
2600
- debug: () => table.options.debugAll ?? table.options.debugColumns
2601
- }),
2602
- getAllFlatColumns: memo(() => [table.getAllColumns()], allColumns => {
2603
- return allColumns.flatMap(column => {
2604
- return column.getFlatColumns();
2605
- });
2606
- }, {
2607
- key: process.env.NODE_ENV === 'development' && 'getAllFlatColumns',
2608
- debug: () => table.options.debugAll ?? table.options.debugColumns
2609
- }),
2610
- _getAllFlatColumnsById: memo(() => [table.getAllFlatColumns()], flatColumns => {
2611
- return flatColumns.reduce((acc, column) => {
2612
- acc[column.id] = column;
2613
- return acc;
2614
- }, {});
2615
- }, {
2616
- key: process.env.NODE_ENV === 'development' && 'getAllFlatColumnsById',
2617
- debug: () => table.options.debugAll ?? table.options.debugColumns
2618
- }),
2619
- getAllLeafColumns: memo(() => [table.getAllColumns(), table._getOrderColumnsFn()], (allColumns, orderColumns) => {
2620
- let leafColumns = allColumns.flatMap(column => column.getLeafColumns());
2621
- return orderColumns(leafColumns);
2622
- }, {
2623
- key: process.env.NODE_ENV === 'development' && 'getAllLeafColumns',
2624
- debug: () => table.options.debugAll ?? table.options.debugColumns
2625
- }),
2626
- getColumn: columnId => {
2627
- const column = table._getAllFlatColumnsById()[columnId];
2628
- if (!column) {
2629
- if (process.env.NODE_ENV !== 'production') {
2630
- console.warn(`[Table] Column with id ${columnId} does not exist.`);
2631
- }
2632
- throw new Error();
2633
- }
2634
- return column;
2635
- }
2636
- };
2637
- Object.assign(table, coreInstance);
2638
- table._features.forEach(feature => {
2639
- return Object.assign(table, feature.createTable == null ? void 0 : feature.createTable(table));
2640
- });
2641
- return table;
2642
- }
2643
-
2644
- function createCell(table, row, column, columnId) {
2645
- const getRenderValue = () => cell.getValue() ?? table.options.renderFallbackValue;
2646
- const cell = {
2647
- id: `${row.id}_${column.id}`,
2648
- row,
2649
- column,
2650
- getValue: () => row.getValue(columnId),
2651
- renderValue: getRenderValue,
2652
- getContext: memo(() => [table, column, row, cell], (table, column, row, cell) => ({
2653
- table,
2654
- column,
2655
- row,
2656
- cell: cell,
2657
- getValue: cell.getValue,
2658
- renderValue: cell.renderValue
2659
- }), {
2660
- key: process.env.NODE_ENV === 'development' && 'cell.getContext',
2661
- debug: () => table.options.debugAll
2662
- })
2663
- };
2664
- table._features.forEach(feature => {
2665
- Object.assign(cell, feature.createCell == null ? void 0 : feature.createCell(cell, column, row, table));
2666
- }, {});
2667
- return cell;
2668
- }
2669
-
2670
- const createRow = (table, id, original, rowIndex, depth, subRows) => {
2671
- let row = {
2672
- id,
2673
- index: rowIndex,
2674
- original,
2675
- depth,
2676
- _valuesCache: {},
2677
- _uniqueValuesCache: {},
2678
- getValue: columnId => {
2679
- if (row._valuesCache.hasOwnProperty(columnId)) {
2680
- return row._valuesCache[columnId];
2681
- }
2682
- const column = table.getColumn(columnId);
2683
- if (!column.accessorFn) {
2684
- return undefined;
2685
- }
2686
- row._valuesCache[columnId] = column.accessorFn(row.original, rowIndex);
2687
- return row._valuesCache[columnId];
2688
- },
2689
- getUniqueValues: columnId => {
2690
- if (row._uniqueValuesCache.hasOwnProperty(columnId)) {
2691
- return row._uniqueValuesCache[columnId];
2692
- }
2693
- const column = table.getColumn(columnId);
2694
- if (!column.accessorFn) {
2695
- return undefined;
2696
- }
2697
- if (!column.columnDef.getUniqueValues) {
2698
- row._uniqueValuesCache[columnId] = [row.getValue(columnId)];
2699
- return row._uniqueValuesCache[columnId];
2700
- }
2701
- row._uniqueValuesCache[columnId] = column.columnDef.getUniqueValues(row.original, rowIndex);
2702
- return row._uniqueValuesCache[columnId];
2703
- },
2704
- renderValue: columnId => row.getValue(columnId) ?? table.options.renderFallbackValue,
2705
- subRows: subRows ?? [],
2706
- getLeafRows: () => flattenBy(row.subRows, d => d.subRows),
2707
- getAllCells: memo(() => [table.getAllLeafColumns()], leafColumns => {
2708
- return leafColumns.map(column => {
2709
- return createCell(table, row, column, column.id);
2710
- });
2711
- }, {
2712
- key: process.env.NODE_ENV === 'development' && 'row.getAllCells',
2713
- debug: () => table.options.debugAll ?? table.options.debugRows
2714
- }),
2715
- _getAllCellsByColumnId: memo(() => [row.getAllCells()], allCells => {
2716
- return allCells.reduce((acc, cell) => {
2717
- acc[cell.column.id] = cell;
2718
- return acc;
2719
- }, {});
2720
- }, {
2721
- key: process.env.NODE_ENV === 'production' && 'row.getAllCellsByColumnId',
2722
- debug: () => table.options.debugAll ?? table.options.debugRows
2723
- })
2724
- };
2725
- for (let i = 0; i < table._features.length; i++) {
2726
- const feature = table._features[i];
2727
- Object.assign(row, feature == null ? void 0 : feature.createRow == null ? void 0 : feature.createRow(row, table));
2728
- }
2729
- return row;
2730
- };
2731
-
2732
- // type Person = {
2733
- // firstName: string
2734
- // lastName: string
2735
- // age: number
2736
- // visits: number
2737
- // status: string
2738
- // progress: number
2739
- // createdAt: Date
2740
- // nested: {
2741
- // foo: [
2742
- // {
2743
- // bar: 'bar'
2744
- // }
2745
- // ]
2746
- // bar: { subBar: boolean }[]
2747
- // baz: {
2748
- // foo: 'foo'
2749
- // bar: {
2750
- // baz: 'baz'
2751
- // }
2752
- // }
2753
- // }
2754
- // }
2755
-
2756
- // const test: DeepKeys<Person> = 'nested.foo.0.bar'
2757
- // const test2: DeepKeys<Person> = 'nested.bar'
2758
-
2759
- // const helper = createColumnHelper<Person>()
2760
-
2761
- // helper.accessor('nested.foo', {
2762
- // cell: info => info.getValue(),
2763
- // })
2764
-
2765
- // helper.accessor('nested.foo.0.bar', {
2766
- // cell: info => info.getValue(),
2767
- // })
2768
-
2769
- // helper.accessor('nested.bar', {
2770
- // cell: info => info.getValue(),
2771
- // })
2772
-
2773
- function createColumnHelper() {
2774
- return {
2775
- accessor: (accessor, column) => {
2776
- return typeof accessor === 'function' ? {
2777
- ...column,
2778
- accessorFn: accessor
2779
- } : {
2780
- ...column,
2781
- accessorKey: accessor
2782
- };
2783
- },
2784
- display: column => column,
2785
- group: column => column
2786
- };
2787
- }
2788
-
2789
- function getCoreRowModel() {
2790
- return table => memo(() => [table.options.data], data => {
2791
- const rowModel = {
2792
- rows: [],
2793
- flatRows: [],
2794
- rowsById: {}
2795
- };
2796
- const accessRows = function (originalRows, depth, parent) {
2797
- if (depth === void 0) {
2798
- depth = 0;
2799
- }
2800
- const rows = [];
2801
- for (let i = 0; i < originalRows.length; i++) {
2802
- // This could be an expensive check at scale, so we should move it somewhere else, but where?
2803
- // if (!id) {
2804
- // if (process.env.NODE_ENV !== 'production') {
2805
- // throw new Error(`getRowId expected an ID, but got ${id}`)
2806
- // }
2807
- // }
2808
-
2809
- // Make the row
2810
- const row = createRow(table, table._getRowId(originalRows[i], i, parent), originalRows[i], i, depth);
2811
-
2812
- // Keep track of every row in a flat array
2813
- rowModel.flatRows.push(row);
2814
- // Also keep track of every row by its ID
2815
- rowModel.rowsById[row.id] = row;
2816
- // Push table row into parent
2817
- rows.push(row);
2818
-
2819
- // Get the original subrows
2820
- if (table.options.getSubRows) {
2821
- var _row$originalSubRows;
2822
- row.originalSubRows = table.options.getSubRows(originalRows[i], i);
2823
-
2824
- // Then recursively access them
2825
- if ((_row$originalSubRows = row.originalSubRows) != null && _row$originalSubRows.length) {
2826
- row.subRows = accessRows(row.originalSubRows, depth + 1, row);
2827
- }
2828
- }
2829
- }
2830
- return rows;
2831
- };
2832
- rowModel.rows = accessRows(data);
2833
- return rowModel;
2834
- }, {
2835
- key: process.env.NODE_ENV === 'development' && 'getRowModel',
2836
- debug: () => table.options.debugAll ?? table.options.debugTable,
2837
- onChange: () => {
2838
- table._autoResetPageIndex();
2839
- }
2840
- });
2841
- }
2842
-
2843
- function filterRows(rows, filterRowImpl, table) {
2844
- if (table.options.filterFromLeafRows) {
2845
- return filterRowModelFromLeafs(rows, filterRowImpl, table);
2846
- }
2847
- return filterRowModelFromRoot(rows, filterRowImpl, table);
2848
- }
2849
- function filterRowModelFromLeafs(rowsToFilter, filterRow, table) {
2850
- const newFilteredFlatRows = [];
2851
- const newFilteredRowsById = {};
2852
- const recurseFilterRows = function (rowsToFilter, depth) {
2853
- const rows = [];
2854
-
2855
- // Filter from children up first
2856
- for (let i = 0; i < rowsToFilter.length; i++) {
2857
- var _row$subRows;
2858
- let row = rowsToFilter[i];
2859
- const newRow = createRow(table, row.id, row.original, row.index, row.depth);
2860
- newRow.columnFilters = row.columnFilters;
2861
- if ((_row$subRows = row.subRows) != null && _row$subRows.length) {
2862
- newRow.subRows = recurseFilterRows(row.subRows);
2863
- row = newRow;
2864
- if (filterRow(row) && !newRow.subRows.length) {
2865
- rows.push(row);
2866
- newFilteredRowsById[row.id] = row;
2867
- newFilteredRowsById[i] = row;
2868
- continue;
2869
- }
2870
- if (filterRow(row) || newRow.subRows.length) {
2871
- rows.push(row);
2872
- newFilteredRowsById[row.id] = row;
2873
- newFilteredRowsById[i] = row;
2874
- continue;
2875
- }
2876
- } else {
2877
- row = newRow;
2878
- if (filterRow(row)) {
2879
- rows.push(row);
2880
- newFilteredRowsById[row.id] = row;
2881
- newFilteredRowsById[i] = row;
2882
- }
2883
- }
2884
- }
2885
- return rows;
2886
- };
2887
- return {
2888
- rows: recurseFilterRows(rowsToFilter),
2889
- flatRows: newFilteredFlatRows,
2890
- rowsById: newFilteredRowsById
2891
- };
2892
- }
2893
- function filterRowModelFromRoot(rowsToFilter, filterRow, table) {
2894
- const newFilteredFlatRows = [];
2895
- const newFilteredRowsById = {};
2896
-
2897
- // Filters top level and nested rows
2898
- const recurseFilterRows = function (rowsToFilter, depth) {
2899
- // Filter from parents downward first
2900
-
2901
- const rows = [];
2902
-
2903
- // Apply the filter to any subRows
2904
- for (let i = 0; i < rowsToFilter.length; i++) {
2905
- let row = rowsToFilter[i];
2906
- const pass = filterRow(row);
2907
- if (pass) {
2908
- var _row$subRows2;
2909
- if ((_row$subRows2 = row.subRows) != null && _row$subRows2.length) {
2910
- const newRow = createRow(table, row.id, row.original, row.index, row.depth);
2911
- newRow.subRows = recurseFilterRows(row.subRows);
2912
- row = newRow;
2913
- }
2914
- rows.push(row);
2915
- newFilteredFlatRows.push(row);
2916
- newFilteredRowsById[row.id] = row;
2917
- }
2918
- }
2919
- return rows;
2920
- };
2921
- return {
2922
- rows: recurseFilterRows(rowsToFilter),
2923
- flatRows: newFilteredFlatRows,
2924
- rowsById: newFilteredRowsById
2925
- };
2926
- }
2927
-
2928
- function getFilteredRowModel() {
2929
- return table => memo(() => [table.getPreFilteredRowModel(), table.getState().columnFilters, table.getState().globalFilter], (rowModel, columnFilters, globalFilter) => {
2930
- if (!rowModel.rows.length || !(columnFilters != null && columnFilters.length) && !globalFilter) {
2931
- for (let i = 0; i < rowModel.flatRows.length; i++) {
2932
- rowModel.flatRows[i].columnFilters = {};
2933
- rowModel.flatRows[i].columnFiltersMeta = {};
2934
- }
2935
- return rowModel;
2936
- }
2937
- const resolvedColumnFilters = [];
2938
- const resolvedGlobalFilters = [];
2939
- (columnFilters ?? []).forEach(d => {
2940
- const column = table.getColumn(d.id);
2941
- if (!column) {
2942
- if (process.env.NODE_ENV !== 'production') {
2943
- console.warn(`Table: Could not find a column to filter with columnId: ${d.id}`);
2944
- }
2945
- }
2946
- const filterFn = column.getFilterFn();
2947
- if (!filterFn) {
2948
- if (process.env.NODE_ENV !== 'production') {
2949
- console.warn(`Could not find a valid 'column.filterFn' for column with the ID: ${column.id}.`);
2950
- }
2951
- return;
2952
- }
2953
- resolvedColumnFilters.push({
2954
- id: d.id,
2955
- filterFn,
2956
- resolvedValue: (filterFn.resolveFilterValue == null ? void 0 : filterFn.resolveFilterValue(d.value)) ?? d.value
2957
- });
2958
- });
2959
- const filterableIds = columnFilters.map(d => d.id);
2960
- const globalFilterFn = table.getGlobalFilterFn();
2961
- const globallyFilterableColumns = table.getAllLeafColumns().filter(column => column.getCanGlobalFilter());
2962
- if (globalFilter && globalFilterFn && globallyFilterableColumns.length) {
2963
- filterableIds.push('__global__');
2964
- globallyFilterableColumns.forEach(column => {
2965
- resolvedGlobalFilters.push({
2966
- id: column.id,
2967
- filterFn: globalFilterFn,
2968
- resolvedValue: (globalFilterFn.resolveFilterValue == null ? void 0 : globalFilterFn.resolveFilterValue(globalFilter)) ?? globalFilter
2969
- });
2970
- });
2971
- }
2972
- let currentColumnFilter;
2973
- let currentGlobalFilter;
2974
-
2975
- // Flag the prefiltered row model with each filter state
2976
- for (let j = 0; j < rowModel.flatRows.length; j++) {
2977
- const row = rowModel.flatRows[j];
2978
- row.columnFilters = {};
2979
- if (resolvedColumnFilters.length) {
2980
- for (let i = 0; i < resolvedColumnFilters.length; i++) {
2981
- currentColumnFilter = resolvedColumnFilters[i];
2982
- const id = currentColumnFilter.id;
2983
-
2984
- // Tag the row with the column filter state
2985
- row.columnFilters[id] = currentColumnFilter.filterFn(row, id, currentColumnFilter.resolvedValue, filterMeta => {
2986
- row.columnFiltersMeta[id] = filterMeta;
2987
- });
2988
- }
2989
- }
2990
- if (resolvedGlobalFilters.length) {
2991
- for (let i = 0; i < resolvedGlobalFilters.length; i++) {
2992
- currentGlobalFilter = resolvedGlobalFilters[i];
2993
- const id = currentGlobalFilter.id;
2994
- // Tag the row with the first truthy global filter state
2995
- if (currentGlobalFilter.filterFn(row, id, currentGlobalFilter.resolvedValue, filterMeta => {
2996
- row.columnFiltersMeta[id] = filterMeta;
2997
- })) {
2998
- row.columnFilters.__global__ = true;
2999
- break;
3000
- }
3001
- }
3002
- if (row.columnFilters.__global__ !== true) {
3003
- row.columnFilters.__global__ = false;
3004
- }
3005
- }
3006
- }
3007
- const filterRowsImpl = row => {
3008
- // Horizontally filter rows through each column
3009
- for (let i = 0; i < filterableIds.length; i++) {
3010
- if (row.columnFilters[filterableIds[i]] === false) {
3011
- return false;
3012
- }
3013
- }
3014
- return true;
3015
- };
3016
-
3017
- // Filter final rows using all of the active filters
3018
- return filterRows(rowModel.rows, filterRowsImpl, table);
3019
- }, {
3020
- key: process.env.NODE_ENV === 'development' && 'getFilteredRowModel',
3021
- debug: () => table.options.debugAll ?? table.options.debugTable,
3022
- onChange: () => {
3023
- table._autoResetPageIndex();
3024
- }
3025
- });
3026
- }
3027
-
3028
- function getFacetedRowModel() {
3029
- return (table, columnId) => memo(() => [table.getPreFilteredRowModel(), table.getState().columnFilters, table.getState().globalFilter, table.getFilteredRowModel()], (preRowModel, columnFilters, globalFilter) => {
3030
- if (!preRowModel.rows.length || !(columnFilters != null && columnFilters.length) && !globalFilter) {
3031
- return preRowModel;
3032
- }
3033
- const filterableIds = [...columnFilters.map(d => d.id).filter(d => d !== columnId), globalFilter ? '__global__' : undefined].filter(Boolean);
3034
- const filterRowsImpl = row => {
3035
- // Horizontally filter rows through each column
3036
- for (let i = 0; i < filterableIds.length; i++) {
3037
- if (row.columnFilters[filterableIds[i]] === false) {
3038
- return false;
3039
- }
3040
- }
3041
- return true;
3042
- };
3043
- return filterRows(preRowModel.rows, filterRowsImpl, table);
3044
- }, {
3045
- key: process.env.NODE_ENV === 'development' && 'getFacetedRowModel_' + columnId,
3046
- debug: () => table.options.debugAll ?? table.options.debugTable,
3047
- onChange: () => {}
3048
- });
3049
- }
3050
-
3051
- function getFacetedUniqueValues() {
3052
- return (table, columnId) => memo(() => [table.getColumn(columnId).getFacetedRowModel()], facetedRowModel => {
3053
- let facetedUniqueValues = new Map();
3054
- for (let i = 0; i < facetedRowModel.flatRows.length; i++) {
3055
- const values = facetedRowModel.flatRows[i].getUniqueValues(columnId);
3056
- for (let j = 0; j < values.length; j++) {
3057
- const value = values[j];
3058
- if (facetedUniqueValues.has(value)) {
3059
- facetedUniqueValues.set(value, (facetedUniqueValues.get(value) ?? 0) + 1);
3060
- } else {
3061
- facetedUniqueValues.set(value, 1);
3062
- }
3063
- }
3064
- }
3065
- return facetedUniqueValues;
3066
- }, {
3067
- key: process.env.NODE_ENV === 'development' && 'getFacetedUniqueValues_' + columnId,
3068
- debug: () => table.options.debugAll ?? table.options.debugTable,
3069
- onChange: () => {}
3070
- });
3071
- }
3072
-
3073
- function getFacetedMinMaxValues() {
3074
- return (table, columnId) => memo(() => [table.getColumn(columnId).getFacetedRowModel()], facetedRowModel => {
3075
- var _facetedRowModel$flat;
3076
- const firstValue = (_facetedRowModel$flat = facetedRowModel.flatRows[0]) == null ? void 0 : _facetedRowModel$flat.getUniqueValues(columnId);
3077
- if (typeof firstValue === 'undefined') {
3078
- return undefined;
3079
- }
3080
- let facetedMinMaxValues = [firstValue, firstValue];
3081
- for (let i = 0; i < facetedRowModel.flatRows.length; i++) {
3082
- const values = facetedRowModel.flatRows[i].getUniqueValues(columnId);
3083
- for (let j = 0; j < values.length; j++) {
3084
- const value = values[j];
3085
- if (value < facetedMinMaxValues[0]) {
3086
- facetedMinMaxValues[0] = value;
3087
- } else if (value > facetedMinMaxValues[1]) {
3088
- facetedMinMaxValues[1] = value;
3089
- }
3090
- }
3091
- }
3092
- return facetedMinMaxValues;
3093
- }, {
3094
- key: process.env.NODE_ENV === 'development' && 'getFacetedMinMaxValues_' + columnId,
3095
- debug: () => table.options.debugAll ?? table.options.debugTable,
3096
- onChange: () => {}
3097
- });
3098
- }
3099
-
3100
- function getSortedRowModel() {
3101
- return table => memo(() => [table.getState().sorting, table.getPreSortedRowModel()], (sorting, rowModel) => {
3102
- if (!rowModel.rows.length || !(sorting != null && sorting.length)) {
3103
- return rowModel;
3104
- }
3105
- const sortingState = table.getState().sorting;
3106
- const sortedFlatRows = [];
3107
-
3108
- // Filter out sortings that correspond to non existing columns
3109
- const availableSorting = sortingState.filter(sort => table.getColumn(sort.id).getCanSort());
3110
- const columnInfoById = {};
3111
- availableSorting.forEach(sortEntry => {
3112
- const column = table.getColumn(sortEntry.id);
3113
- columnInfoById[sortEntry.id] = {
3114
- sortUndefined: column.columnDef.sortUndefined,
3115
- invertSorting: column.columnDef.invertSorting,
3116
- sortingFn: column.getSortingFn()
3117
- };
3118
- });
3119
- const sortData = rows => {
3120
- // This will also perform a stable sorting using the row index
3121
- // if needed.
3122
- const sortedData = [...rows];
3123
- sortedData.sort((rowA, rowB) => {
3124
- for (let i = 0; i < availableSorting.length; i += 1) {
3125
- const sortEntry = availableSorting[i];
3126
- const columnInfo = columnInfoById[sortEntry.id];
3127
- const isDesc = (sortEntry == null ? void 0 : sortEntry.desc) ?? false;
3128
- if (columnInfo.sortUndefined) {
3129
- const aValue = rowA.getValue(sortEntry.id);
3130
- const bValue = rowB.getValue(sortEntry.id);
3131
- const aUndefined = typeof aValue === 'undefined';
3132
- const bUndefined = typeof bValue === 'undefined';
3133
- if (aUndefined || bUndefined) {
3134
- return aUndefined && bUndefined ? 0 : aUndefined ? columnInfo.sortUndefined : -columnInfo.sortUndefined;
3135
- }
3136
- }
3137
-
3138
- // This function should always return in ascending order
3139
- let sortInt = columnInfo.sortingFn(rowA, rowB, sortEntry.id);
3140
- if (sortInt !== 0) {
3141
- if (isDesc) {
3142
- sortInt *= -1;
3143
- }
3144
- if (columnInfo.invertSorting) {
3145
- sortInt *= -1;
3146
- }
3147
- return sortInt;
3148
- }
3149
- }
3150
- return rowA.index - rowB.index;
3151
- });
3152
-
3153
- // If there are sub-rows, sort them
3154
- sortedData.forEach(row => {
3155
- var _row$subRows;
3156
- sortedFlatRows.push(row);
3157
- if ((_row$subRows = row.subRows) != null && _row$subRows.length) {
3158
- row.subRows = sortData(row.subRows);
3159
- }
3160
- });
3161
- return sortedData;
3162
- };
3163
- return {
3164
- rows: sortData(rowModel.rows),
3165
- flatRows: sortedFlatRows,
3166
- rowsById: rowModel.rowsById
3167
- };
3168
- }, {
3169
- key: process.env.NODE_ENV === 'development' && 'getSortedRowModel',
3170
- debug: () => table.options.debugAll ?? table.options.debugTable,
3171
- onChange: () => {
3172
- table._autoResetPageIndex();
3173
- }
3174
- });
3175
- }
3176
-
3177
- function getGroupedRowModel() {
3178
- return table => memo(() => [table.getState().grouping, table.getPreGroupedRowModel()], (grouping, rowModel) => {
3179
- if (!rowModel.rows.length || !grouping.length) {
3180
- return rowModel;
3181
- }
3182
-
3183
- // Filter the grouping list down to columns that exist
3184
- const existingGrouping = grouping.filter(columnId => table.getColumn(columnId));
3185
- const groupedFlatRows = [];
3186
- const groupedRowsById = {};
3187
- // const onlyGroupedFlatRows: Row[] = [];
3188
- // const onlyGroupedRowsById: Record<RowId, Row> = {};
3189
- // const nonGroupedFlatRows: Row[] = [];
3190
- // const nonGroupedRowsById: Record<RowId, Row> = {};
3191
-
3192
- // Recursively group the data
3193
- const groupUpRecursively = function (rows, depth, parentId) {
3194
- if (depth === void 0) {
3195
- depth = 0;
3196
- }
3197
- // Grouping depth has been been met
3198
- // Stop grouping and simply rewrite thd depth and row relationships
3199
- if (depth >= existingGrouping.length) {
3200
- return rows.map(row => {
3201
- row.depth = depth;
3202
- groupedFlatRows.push(row);
3203
- groupedRowsById[row.id] = row;
3204
- if (row.subRows) {
3205
- row.subRows = groupUpRecursively(row.subRows, depth + 1);
3206
- }
3207
- return row;
3208
- });
3209
- }
3210
- const columnId = existingGrouping[depth];
3211
-
3212
- // Group the rows together for this level
3213
- const rowGroupsMap = groupBy(rows, columnId);
3214
-
3215
- // Peform aggregations for each group
3216
- const aggregatedGroupedRows = Array.from(rowGroupsMap.entries()).map((_ref, index) => {
3217
- let [groupingValue, groupedRows] = _ref;
3218
- let id = `${columnId}:${groupingValue}`;
3219
- id = parentId ? `${parentId}>${id}` : id;
3220
-
3221
- // First, Recurse to group sub rows before aggregation
3222
- const subRows = groupUpRecursively(groupedRows, depth + 1, id);
3223
-
3224
- // Flatten the leaf rows of the rows in this group
3225
- const leafRows = depth ? flattenBy(groupedRows, row => row.subRows) : groupedRows;
3226
- const row = createRow(table, id, leafRows[0].original, index, depth);
3227
- Object.assign(row, {
3228
- groupingColumnId: columnId,
3229
- groupingValue,
3230
- subRows,
3231
- leafRows,
3232
- getValue: columnId => {
3233
- // Don't aggregate columns that are in the grouping
3234
- if (existingGrouping.includes(columnId)) {
3235
- if (row._valuesCache.hasOwnProperty(columnId)) {
3236
- return row._valuesCache[columnId];
3237
- }
3238
- if (groupedRows[0]) {
3239
- row._valuesCache[columnId] = groupedRows[0].getValue(columnId) ?? undefined;
3240
- }
3241
- return row._valuesCache[columnId];
3242
- }
3243
- if (row._groupingValuesCache.hasOwnProperty(columnId)) {
3244
- return row._groupingValuesCache[columnId];
3245
- }
3246
-
3247
- // Aggregate the values
3248
- const column = table.getColumn(columnId);
3249
- const aggregateFn = column.getAggregationFn();
3250
- if (aggregateFn) {
3251
- row._groupingValuesCache[columnId] = aggregateFn(columnId, leafRows, groupedRows);
3252
- return row._groupingValuesCache[columnId];
3253
- }
3254
- }
3255
- });
3256
- subRows.forEach(subRow => {
3257
- groupedFlatRows.push(subRow);
3258
- groupedRowsById[subRow.id] = subRow;
3259
- // if (subRow.getIsGrouped?.()) {
3260
- // onlyGroupedFlatRows.push(subRow);
3261
- // onlyGroupedRowsById[subRow.id] = subRow;
3262
- // } else {
3263
- // nonGroupedFlatRows.push(subRow);
3264
- // nonGroupedRowsById[subRow.id] = subRow;
3265
- // }
3266
- });
3267
-
3268
- return row;
3269
- });
3270
- return aggregatedGroupedRows;
3271
- };
3272
- const groupedRows = groupUpRecursively(rowModel.rows, 0, '');
3273
- groupedRows.forEach(subRow => {
3274
- groupedFlatRows.push(subRow);
3275
- groupedRowsById[subRow.id] = subRow;
3276
- // if (subRow.getIsGrouped?.()) {
3277
- // onlyGroupedFlatRows.push(subRow);
3278
- // onlyGroupedRowsById[subRow.id] = subRow;
3279
- // } else {
3280
- // nonGroupedFlatRows.push(subRow);
3281
- // nonGroupedRowsById[subRow.id] = subRow;
3282
- // }
3283
- });
3284
-
3285
- return {
3286
- rows: groupedRows,
3287
- flatRows: groupedFlatRows,
3288
- rowsById: groupedRowsById
3289
- };
3290
- }, {
3291
- key: process.env.NODE_ENV === 'development' && 'getGroupedRowModel',
3292
- debug: () => table.options.debugAll ?? table.options.debugTable,
3293
- onChange: () => {
3294
- table._queue(() => {
3295
- table._autoResetExpanded();
3296
- table._autoResetPageIndex();
3297
- });
3298
- }
3299
- });
3300
- }
3301
- function groupBy(rows, columnId) {
3302
- const groupMap = new Map();
3303
- return rows.reduce((map, row) => {
3304
- const resKey = `${row.getValue(columnId)}`;
3305
- const previous = map.get(resKey);
3306
- if (!previous) {
3307
- map.set(resKey, [row]);
3308
- } else {
3309
- previous.push(row);
3310
- }
3311
- return map;
3312
- }, groupMap);
3313
- }
3314
-
3315
- function getExpandedRowModel() {
3316
- return table => memo(() => [table.getState().expanded, table.getPreExpandedRowModel(), table.options.paginateExpandedRows], (expanded, rowModel, paginateExpandedRows) => {
3317
- if (!rowModel.rows.length || expanded !== true && !Object.keys(expanded ?? {}).length) {
3318
- return rowModel;
3319
- }
3320
- if (!paginateExpandedRows) {
3321
- // Only expand rows at this point if they are being paginated
3322
- return rowModel;
3323
- }
3324
- return expandRows(rowModel);
3325
- }, {
3326
- key: process.env.NODE_ENV === 'development' && 'getExpandedRowModel',
3327
- debug: () => table.options.debugAll ?? table.options.debugTable
3328
- });
3329
- }
3330
- function expandRows(rowModel) {
3331
- const expandedRows = [];
3332
- const handleRow = row => {
3333
- var _row$subRows;
3334
- expandedRows.push(row);
3335
- if ((_row$subRows = row.subRows) != null && _row$subRows.length && row.getIsExpanded()) {
3336
- row.subRows.forEach(handleRow);
3337
- }
3338
- };
3339
- rowModel.rows.forEach(handleRow);
3340
- return {
3341
- rows: expandedRows,
3342
- flatRows: rowModel.flatRows,
3343
- rowsById: rowModel.rowsById
3344
- };
3345
- }
3346
-
3347
- function getPaginationRowModel(opts) {
3348
- return table => memo(() => [table.getState().pagination, table.getPrePaginationRowModel(), table.options.paginateExpandedRows ? undefined : table.getState().expanded], (pagination, rowModel) => {
3349
- if (!rowModel.rows.length) {
3350
- return rowModel;
3351
- }
3352
- const {
3353
- pageSize,
3354
- pageIndex
3355
- } = pagination;
3356
- let {
3357
- rows,
3358
- flatRows,
3359
- rowsById
3360
- } = rowModel;
3361
- const pageStart = pageSize * pageIndex;
3362
- const pageEnd = pageStart + pageSize;
3363
- rows = rows.slice(pageStart, pageEnd);
3364
- let paginatedRowModel;
3365
- if (!table.options.paginateExpandedRows) {
3366
- paginatedRowModel = expandRows({
3367
- rows,
3368
- flatRows,
3369
- rowsById
3370
- });
3371
- } else {
3372
- paginatedRowModel = {
3373
- rows,
3374
- flatRows,
3375
- rowsById
3376
- };
3377
- }
3378
- paginatedRowModel.flatRows = [];
3379
- const handleRow = row => {
3380
- paginatedRowModel.flatRows.push(row);
3381
- if (row.subRows.length) {
3382
- row.subRows.forEach(handleRow);
3383
- }
3384
- };
3385
- paginatedRowModel.rows.forEach(handleRow);
3386
- return paginatedRowModel;
3387
- }, {
3388
- key: process.env.NODE_ENV === 'development' && 'getPaginationRowModel',
3389
- debug: () => table.options.debugAll ?? table.options.debugTable
3390
- });
3391
- }
3392
-
3393
- exports.ColumnSizing = ColumnSizing;
3394
- exports.Expanding = Expanding;
3395
- exports.Filters = Filters;
3396
- exports.Grouping = Grouping;
3397
- exports.Headers = Headers;
3398
- exports.Ordering = Ordering;
3399
- exports.Pagination = Pagination;
3400
- exports.Pinning = Pinning;
3401
- exports.RowSelection = RowSelection;
3402
- exports.Sorting = Sorting;
3403
- exports.Visibility = Visibility;
3404
- exports.aggregationFns = aggregationFns;
3405
- exports.buildHeaderGroups = buildHeaderGroups;
3406
- exports.createCell = createCell;
3407
- exports.createColumn = createColumn;
3408
- exports.createColumnHelper = createColumnHelper;
3409
- exports.createRow = createRow;
3410
- exports.createTable = createTable;
3411
- exports.defaultColumnSizing = defaultColumnSizing;
3412
- exports.expandRows = expandRows;
3413
- exports.filterFns = filterFns;
3414
- exports.flattenBy = flattenBy;
3415
- exports.functionalUpdate = functionalUpdate;
3416
- exports.getCoreRowModel = getCoreRowModel;
3417
- exports.getExpandedRowModel = getExpandedRowModel;
3418
- exports.getFacetedMinMaxValues = getFacetedMinMaxValues;
3419
- exports.getFacetedRowModel = getFacetedRowModel;
3420
- exports.getFacetedUniqueValues = getFacetedUniqueValues;
3421
- exports.getFilteredRowModel = getFilteredRowModel;
3422
- exports.getGroupedRowModel = getGroupedRowModel;
3423
- exports.getPaginationRowModel = getPaginationRowModel;
3424
- exports.getSortedRowModel = getSortedRowModel;
3425
- exports.isFunction = isFunction;
3426
- exports.isRowSelected = isRowSelected;
3427
- exports.isSubRowSelected = isSubRowSelected;
3428
- exports.makeStateUpdater = makeStateUpdater;
3429
- exports.memo = memo;
3430
- exports.noop = noop;
3431
- exports.orderColumns = orderColumns;
3432
- exports.passiveEventSupported = passiveEventSupported;
3433
- exports.reSplitAlphaNumeric = reSplitAlphaNumeric;
3434
- exports.selectRowsFn = selectRowsFn;
3435
- exports.shouldAutoRemoveFilter = shouldAutoRemoveFilter;
3436
- exports.sortingFns = sortingFns;
3437
- //# sourceMappingURL=index.js.map