@tanstack/react-table 8.6.0 → 8.7.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/lib/index.d.ts +6 -0
- package/build/lib/index.esm.js +71 -0
- package/build/lib/index.esm.js.map +1 -0
- package/build/{cjs/react-table/src → lib}/index.js +9 -47
- package/build/lib/index.js.map +1 -0
- package/build/lib/index.mjs +71 -0
- package/build/lib/index.mjs.map +1 -0
- package/build/umd/index.development.js +471 -311
- package/build/umd/index.development.js.map +1 -1
- package/build/umd/index.production.js +1 -1
- package/build/umd/index.production.js.map +1 -1
- package/package.json +15 -7
- package/build/cjs/react-table/src/index.js.map +0 -1
- package/build/cjs/table-core/build/esm/index.js +0 -3446
- package/build/cjs/table-core/build/esm/index.js.map +0 -1
- package/build/esm/index.js +0 -3456
- package/build/esm/index.js.map +0 -1
- package/build/stats-html.html +0 -4044
- package/build/stats-react.json +0 -90
- package/build/types/index.d.ts +0 -20
|
@@ -75,7 +75,7 @@
|
|
|
75
75
|
subArr.forEach(item => {
|
|
76
76
|
flat.push(item);
|
|
77
77
|
const children = getChildren(item);
|
|
78
|
-
if (children
|
|
78
|
+
if (children?.length) {
|
|
79
79
|
recurse(children);
|
|
80
80
|
}
|
|
81
81
|
});
|
|
@@ -98,9 +98,9 @@
|
|
|
98
98
|
let resultTime;
|
|
99
99
|
if (opts.key && opts.debug) resultTime = Date.now();
|
|
100
100
|
result = fn(...newDeps);
|
|
101
|
-
opts
|
|
101
|
+
opts?.onChange?.(result);
|
|
102
102
|
if (opts.key && opts.debug) {
|
|
103
|
-
if (opts
|
|
103
|
+
if (opts?.debug()) {
|
|
104
104
|
const depEndTime = Math.round((Date.now() - depTime) * 100) / 100;
|
|
105
105
|
const resultEndTime = Math.round((Date.now() - resultTime) * 100) / 100;
|
|
106
106
|
const resultFpsPercentage = resultEndTime / 16;
|
|
@@ -114,7 +114,7 @@
|
|
|
114
114
|
console.info(`%c⏱ ${pad(resultEndTime, 5)} /${pad(depEndTime, 5)} ms`, `
|
|
115
115
|
font-size: .6rem;
|
|
116
116
|
font-weight: bold;
|
|
117
|
-
color: hsl(${Math.max(0, Math.min(120 - 120 * resultFpsPercentage, 120))}deg 100% 31%);`, opts
|
|
117
|
+
color: hsl(${Math.max(0, Math.min(120 - 120 * resultFpsPercentage, 120))}deg 100% 31%);`, opts?.key);
|
|
118
118
|
}
|
|
119
119
|
}
|
|
120
120
|
return result;
|
|
@@ -122,13 +122,14 @@
|
|
|
122
122
|
}
|
|
123
123
|
|
|
124
124
|
function createColumn(table, columnDef, depth, parent) {
|
|
125
|
+
var _ref, _resolvedColumnDef$id;
|
|
125
126
|
const defaultColumn = table._getDefaultColumnDef();
|
|
126
127
|
const resolvedColumnDef = {
|
|
127
128
|
...defaultColumn,
|
|
128
129
|
...columnDef
|
|
129
130
|
};
|
|
130
131
|
const accessorKey = resolvedColumnDef.accessorKey;
|
|
131
|
-
let id = resolvedColumnDef.id
|
|
132
|
+
let id = (_ref = (_resolvedColumnDef$id = resolvedColumnDef.id) != null ? _resolvedColumnDef$id : accessorKey ? accessorKey.replace('.', '_') : undefined) != null ? _ref : typeof resolvedColumnDef.header === 'string' ? resolvedColumnDef.header : undefined;
|
|
132
133
|
let accessorFn;
|
|
133
134
|
if (resolvedColumnDef.accessorFn) {
|
|
134
135
|
accessorFn = resolvedColumnDef.accessorFn;
|
|
@@ -162,26 +163,30 @@
|
|
|
162
163
|
columnDef: resolvedColumnDef,
|
|
163
164
|
columns: [],
|
|
164
165
|
getFlatColumns: memo(() => [true], () => {
|
|
165
|
-
|
|
166
|
-
return [column, ...((_column$columns = column.columns) == null ? void 0 : _column$columns.flatMap(d => d.getFlatColumns()))];
|
|
166
|
+
return [column, ...column.columns?.flatMap(d => d.getFlatColumns())];
|
|
167
167
|
}, {
|
|
168
168
|
key: "development" === 'production' ,
|
|
169
|
-
debug: () =>
|
|
169
|
+
debug: () => {
|
|
170
|
+
var _table$options$debugA;
|
|
171
|
+
return (_table$options$debugA = table.options.debugAll) != null ? _table$options$debugA : table.options.debugColumns;
|
|
172
|
+
}
|
|
170
173
|
}),
|
|
171
174
|
getLeafColumns: memo(() => [table._getOrderColumnsFn()], orderColumns => {
|
|
172
|
-
|
|
173
|
-
if ((_column$columns2 = column.columns) != null && _column$columns2.length) {
|
|
175
|
+
if (column.columns?.length) {
|
|
174
176
|
let leafColumns = column.columns.flatMap(column => column.getLeafColumns());
|
|
175
177
|
return orderColumns(leafColumns);
|
|
176
178
|
}
|
|
177
179
|
return [column];
|
|
178
180
|
}, {
|
|
179
181
|
key: "development" === 'production' ,
|
|
180
|
-
debug: () =>
|
|
182
|
+
debug: () => {
|
|
183
|
+
var _table$options$debugA2;
|
|
184
|
+
return (_table$options$debugA2 = table.options.debugAll) != null ? _table$options$debugA2 : table.options.debugColumns;
|
|
185
|
+
}
|
|
181
186
|
})
|
|
182
187
|
};
|
|
183
188
|
column = table._features.reduce((obj, feature) => {
|
|
184
|
-
return Object.assign(obj, feature.createColumn
|
|
189
|
+
return Object.assign(obj, feature.createColumn?.(column, table));
|
|
185
190
|
}, column);
|
|
186
191
|
|
|
187
192
|
// Yes, we have to convert table to uknown, because we know more than the compiler here.
|
|
@@ -191,7 +196,8 @@
|
|
|
191
196
|
//
|
|
192
197
|
|
|
193
198
|
function createHeader(table, column, options) {
|
|
194
|
-
|
|
199
|
+
var _options$id;
|
|
200
|
+
const id = (_options$id = options.id) != null ? _options$id : column.id;
|
|
195
201
|
let header = {
|
|
196
202
|
id,
|
|
197
203
|
column,
|
|
@@ -221,7 +227,7 @@
|
|
|
221
227
|
})
|
|
222
228
|
};
|
|
223
229
|
table._features.forEach(feature => {
|
|
224
|
-
Object.assign(header, feature.createHeader
|
|
230
|
+
Object.assign(header, feature.createHeader?.(header, table));
|
|
225
231
|
});
|
|
226
232
|
return header;
|
|
227
233
|
}
|
|
@@ -231,35 +237,50 @@
|
|
|
231
237
|
// Header Groups
|
|
232
238
|
|
|
233
239
|
getHeaderGroups: memo(() => [table.getAllColumns(), table.getVisibleLeafColumns(), table.getState().columnPinning.left, table.getState().columnPinning.right], (allColumns, leafColumns, left, right) => {
|
|
234
|
-
|
|
235
|
-
const
|
|
236
|
-
const
|
|
240
|
+
var _left$map$filter, _right$map$filter;
|
|
241
|
+
const leftColumns = (_left$map$filter = left?.map(columnId => leafColumns.find(d => d.id === columnId)).filter(Boolean)) != null ? _left$map$filter : [];
|
|
242
|
+
const rightColumns = (_right$map$filter = right?.map(columnId => leafColumns.find(d => d.id === columnId)).filter(Boolean)) != null ? _right$map$filter : [];
|
|
243
|
+
const centerColumns = leafColumns.filter(column => !left?.includes(column.id) && !right?.includes(column.id));
|
|
237
244
|
const headerGroups = buildHeaderGroups(allColumns, [...leftColumns, ...centerColumns, ...rightColumns], table);
|
|
238
245
|
return headerGroups;
|
|
239
246
|
}, {
|
|
240
247
|
key: 'getHeaderGroups',
|
|
241
|
-
debug: () =>
|
|
248
|
+
debug: () => {
|
|
249
|
+
var _table$options$debugA;
|
|
250
|
+
return (_table$options$debugA = table.options.debugAll) != null ? _table$options$debugA : table.options.debugHeaders;
|
|
251
|
+
}
|
|
242
252
|
}),
|
|
243
253
|
getCenterHeaderGroups: memo(() => [table.getAllColumns(), table.getVisibleLeafColumns(), table.getState().columnPinning.left, table.getState().columnPinning.right], (allColumns, leafColumns, left, right) => {
|
|
244
|
-
leafColumns = leafColumns.filter(column => !
|
|
254
|
+
leafColumns = leafColumns.filter(column => !left?.includes(column.id) && !right?.includes(column.id));
|
|
245
255
|
return buildHeaderGroups(allColumns, leafColumns, table, 'center');
|
|
246
256
|
}, {
|
|
247
257
|
key: 'getCenterHeaderGroups',
|
|
248
|
-
debug: () =>
|
|
258
|
+
debug: () => {
|
|
259
|
+
var _table$options$debugA2;
|
|
260
|
+
return (_table$options$debugA2 = table.options.debugAll) != null ? _table$options$debugA2 : table.options.debugHeaders;
|
|
261
|
+
}
|
|
249
262
|
}),
|
|
250
263
|
getLeftHeaderGroups: memo(() => [table.getAllColumns(), table.getVisibleLeafColumns(), table.getState().columnPinning.left], (allColumns, leafColumns, left) => {
|
|
251
|
-
|
|
264
|
+
var _left$map$filter2;
|
|
265
|
+
const orderedLeafColumns = (_left$map$filter2 = left?.map(columnId => leafColumns.find(d => d.id === columnId)).filter(Boolean)) != null ? _left$map$filter2 : [];
|
|
252
266
|
return buildHeaderGroups(allColumns, orderedLeafColumns, table, 'left');
|
|
253
267
|
}, {
|
|
254
268
|
key: 'getLeftHeaderGroups',
|
|
255
|
-
debug: () =>
|
|
269
|
+
debug: () => {
|
|
270
|
+
var _table$options$debugA3;
|
|
271
|
+
return (_table$options$debugA3 = table.options.debugAll) != null ? _table$options$debugA3 : table.options.debugHeaders;
|
|
272
|
+
}
|
|
256
273
|
}),
|
|
257
274
|
getRightHeaderGroups: memo(() => [table.getAllColumns(), table.getVisibleLeafColumns(), table.getState().columnPinning.right], (allColumns, leafColumns, right) => {
|
|
258
|
-
|
|
275
|
+
var _right$map$filter2;
|
|
276
|
+
const orderedLeafColumns = (_right$map$filter2 = right?.map(columnId => leafColumns.find(d => d.id === columnId)).filter(Boolean)) != null ? _right$map$filter2 : [];
|
|
259
277
|
return buildHeaderGroups(allColumns, orderedLeafColumns, table, 'right');
|
|
260
278
|
}, {
|
|
261
279
|
key: 'getRightHeaderGroups',
|
|
262
|
-
debug: () =>
|
|
280
|
+
debug: () => {
|
|
281
|
+
var _table$options$debugA4;
|
|
282
|
+
return (_table$options$debugA4 = table.options.debugAll) != null ? _table$options$debugA4 : table.options.debugHeaders;
|
|
283
|
+
}
|
|
263
284
|
}),
|
|
264
285
|
// Footer Groups
|
|
265
286
|
|
|
@@ -267,25 +288,37 @@
|
|
|
267
288
|
return [...headerGroups].reverse();
|
|
268
289
|
}, {
|
|
269
290
|
key: 'getFooterGroups',
|
|
270
|
-
debug: () =>
|
|
291
|
+
debug: () => {
|
|
292
|
+
var _table$options$debugA5;
|
|
293
|
+
return (_table$options$debugA5 = table.options.debugAll) != null ? _table$options$debugA5 : table.options.debugHeaders;
|
|
294
|
+
}
|
|
271
295
|
}),
|
|
272
296
|
getLeftFooterGroups: memo(() => [table.getLeftHeaderGroups()], headerGroups => {
|
|
273
297
|
return [...headerGroups].reverse();
|
|
274
298
|
}, {
|
|
275
299
|
key: 'getLeftFooterGroups',
|
|
276
|
-
debug: () =>
|
|
300
|
+
debug: () => {
|
|
301
|
+
var _table$options$debugA6;
|
|
302
|
+
return (_table$options$debugA6 = table.options.debugAll) != null ? _table$options$debugA6 : table.options.debugHeaders;
|
|
303
|
+
}
|
|
277
304
|
}),
|
|
278
305
|
getCenterFooterGroups: memo(() => [table.getCenterHeaderGroups()], headerGroups => {
|
|
279
306
|
return [...headerGroups].reverse();
|
|
280
307
|
}, {
|
|
281
308
|
key: 'getCenterFooterGroups',
|
|
282
|
-
debug: () =>
|
|
309
|
+
debug: () => {
|
|
310
|
+
var _table$options$debugA7;
|
|
311
|
+
return (_table$options$debugA7 = table.options.debugAll) != null ? _table$options$debugA7 : table.options.debugHeaders;
|
|
312
|
+
}
|
|
283
313
|
}),
|
|
284
314
|
getRightFooterGroups: memo(() => [table.getRightHeaderGroups()], headerGroups => {
|
|
285
315
|
return [...headerGroups].reverse();
|
|
286
316
|
}, {
|
|
287
317
|
key: 'getRightFooterGroups',
|
|
288
|
-
debug: () =>
|
|
318
|
+
debug: () => {
|
|
319
|
+
var _table$options$debugA8;
|
|
320
|
+
return (_table$options$debugA8 = table.options.debugAll) != null ? _table$options$debugA8 : table.options.debugHeaders;
|
|
321
|
+
}
|
|
289
322
|
}),
|
|
290
323
|
// Flat Headers
|
|
291
324
|
|
|
@@ -295,7 +328,10 @@
|
|
|
295
328
|
}).flat();
|
|
296
329
|
}, {
|
|
297
330
|
key: 'getFlatHeaders',
|
|
298
|
-
debug: () =>
|
|
331
|
+
debug: () => {
|
|
332
|
+
var _table$options$debugA9;
|
|
333
|
+
return (_table$options$debugA9 = table.options.debugAll) != null ? _table$options$debugA9 : table.options.debugHeaders;
|
|
334
|
+
}
|
|
299
335
|
}),
|
|
300
336
|
getLeftFlatHeaders: memo(() => [table.getLeftHeaderGroups()], left => {
|
|
301
337
|
return left.map(headerGroup => {
|
|
@@ -303,7 +339,10 @@
|
|
|
303
339
|
}).flat();
|
|
304
340
|
}, {
|
|
305
341
|
key: 'getLeftFlatHeaders',
|
|
306
|
-
debug: () =>
|
|
342
|
+
debug: () => {
|
|
343
|
+
var _table$options$debugA10;
|
|
344
|
+
return (_table$options$debugA10 = table.options.debugAll) != null ? _table$options$debugA10 : table.options.debugHeaders;
|
|
345
|
+
}
|
|
307
346
|
}),
|
|
308
347
|
getCenterFlatHeaders: memo(() => [table.getCenterHeaderGroups()], left => {
|
|
309
348
|
return left.map(headerGroup => {
|
|
@@ -311,7 +350,10 @@
|
|
|
311
350
|
}).flat();
|
|
312
351
|
}, {
|
|
313
352
|
key: 'getCenterFlatHeaders',
|
|
314
|
-
debug: () =>
|
|
353
|
+
debug: () => {
|
|
354
|
+
var _table$options$debugA11;
|
|
355
|
+
return (_table$options$debugA11 = table.options.debugAll) != null ? _table$options$debugA11 : table.options.debugHeaders;
|
|
356
|
+
}
|
|
315
357
|
}),
|
|
316
358
|
getRightFlatHeaders: memo(() => [table.getRightHeaderGroups()], left => {
|
|
317
359
|
return left.map(headerGroup => {
|
|
@@ -319,51 +361,57 @@
|
|
|
319
361
|
}).flat();
|
|
320
362
|
}, {
|
|
321
363
|
key: 'getRightFlatHeaders',
|
|
322
|
-
debug: () =>
|
|
364
|
+
debug: () => {
|
|
365
|
+
var _table$options$debugA12;
|
|
366
|
+
return (_table$options$debugA12 = table.options.debugAll) != null ? _table$options$debugA12 : table.options.debugHeaders;
|
|
367
|
+
}
|
|
323
368
|
}),
|
|
324
369
|
// Leaf Headers
|
|
325
370
|
|
|
326
371
|
getCenterLeafHeaders: memo(() => [table.getCenterFlatHeaders()], flatHeaders => {
|
|
327
|
-
return flatHeaders.filter(header =>
|
|
328
|
-
var _header$subHeaders;
|
|
329
|
-
return !((_header$subHeaders = header.subHeaders) != null && _header$subHeaders.length);
|
|
330
|
-
});
|
|
372
|
+
return flatHeaders.filter(header => !header.subHeaders?.length);
|
|
331
373
|
}, {
|
|
332
374
|
key: 'getCenterLeafHeaders',
|
|
333
|
-
debug: () =>
|
|
375
|
+
debug: () => {
|
|
376
|
+
var _table$options$debugA13;
|
|
377
|
+
return (_table$options$debugA13 = table.options.debugAll) != null ? _table$options$debugA13 : table.options.debugHeaders;
|
|
378
|
+
}
|
|
334
379
|
}),
|
|
335
380
|
getLeftLeafHeaders: memo(() => [table.getLeftFlatHeaders()], flatHeaders => {
|
|
336
|
-
return flatHeaders.filter(header =>
|
|
337
|
-
var _header$subHeaders2;
|
|
338
|
-
return !((_header$subHeaders2 = header.subHeaders) != null && _header$subHeaders2.length);
|
|
339
|
-
});
|
|
381
|
+
return flatHeaders.filter(header => !header.subHeaders?.length);
|
|
340
382
|
}, {
|
|
341
383
|
key: 'getLeftLeafHeaders',
|
|
342
|
-
debug: () =>
|
|
384
|
+
debug: () => {
|
|
385
|
+
var _table$options$debugA14;
|
|
386
|
+
return (_table$options$debugA14 = table.options.debugAll) != null ? _table$options$debugA14 : table.options.debugHeaders;
|
|
387
|
+
}
|
|
343
388
|
}),
|
|
344
389
|
getRightLeafHeaders: memo(() => [table.getRightFlatHeaders()], flatHeaders => {
|
|
345
|
-
return flatHeaders.filter(header =>
|
|
346
|
-
var _header$subHeaders3;
|
|
347
|
-
return !((_header$subHeaders3 = header.subHeaders) != null && _header$subHeaders3.length);
|
|
348
|
-
});
|
|
390
|
+
return flatHeaders.filter(header => !header.subHeaders?.length);
|
|
349
391
|
}, {
|
|
350
392
|
key: 'getRightLeafHeaders',
|
|
351
|
-
debug: () =>
|
|
393
|
+
debug: () => {
|
|
394
|
+
var _table$options$debugA15;
|
|
395
|
+
return (_table$options$debugA15 = table.options.debugAll) != null ? _table$options$debugA15 : table.options.debugHeaders;
|
|
396
|
+
}
|
|
352
397
|
}),
|
|
353
398
|
getLeafHeaders: memo(() => [table.getLeftHeaderGroups(), table.getCenterHeaderGroups(), table.getRightHeaderGroups()], (left, center, right) => {
|
|
354
|
-
var _left
|
|
355
|
-
return [...((
|
|
399
|
+
var _left$0$headers, _center$0$headers, _right$0$headers;
|
|
400
|
+
return [...((_left$0$headers = left[0]?.headers) != null ? _left$0$headers : []), ...((_center$0$headers = center[0]?.headers) != null ? _center$0$headers : []), ...((_right$0$headers = right[0]?.headers) != null ? _right$0$headers : [])].map(header => {
|
|
356
401
|
return header.getLeafHeaders();
|
|
357
402
|
}).flat();
|
|
358
403
|
}, {
|
|
359
404
|
key: 'getLeafHeaders',
|
|
360
|
-
debug: () =>
|
|
405
|
+
debug: () => {
|
|
406
|
+
var _table$options$debugA16;
|
|
407
|
+
return (_table$options$debugA16 = table.options.debugAll) != null ? _table$options$debugA16 : table.options.debugHeaders;
|
|
408
|
+
}
|
|
361
409
|
})
|
|
362
410
|
};
|
|
363
411
|
}
|
|
364
412
|
};
|
|
365
413
|
function buildHeaderGroups(allColumns, columnsToGroup, table, headerFamily) {
|
|
366
|
-
var _headerGroups
|
|
414
|
+
var _headerGroups$0$heade;
|
|
367
415
|
// Find the max depth of the columns:
|
|
368
416
|
// build the leaf column row
|
|
369
417
|
// build each buffer row going up
|
|
@@ -377,8 +425,7 @@
|
|
|
377
425
|
}
|
|
378
426
|
maxDepth = Math.max(maxDepth, depth);
|
|
379
427
|
columns.filter(column => column.getIsVisible()).forEach(column => {
|
|
380
|
-
|
|
381
|
-
if ((_column$columns = column.columns) != null && _column$columns.length) {
|
|
428
|
+
if (column.columns?.length) {
|
|
382
429
|
findMaxDepth(column.columns, depth + 1);
|
|
383
430
|
}
|
|
384
431
|
}, 0);
|
|
@@ -412,13 +459,13 @@
|
|
|
412
459
|
column = headerToGroup.column;
|
|
413
460
|
isPlaceholder = true;
|
|
414
461
|
}
|
|
415
|
-
if (latestPendingParentHeader &&
|
|
462
|
+
if (latestPendingParentHeader && latestPendingParentHeader?.column === column) {
|
|
416
463
|
// This column is repeated. Add it as a sub header to the next batch
|
|
417
464
|
latestPendingParentHeader.subHeaders.push(headerToGroup);
|
|
418
465
|
} else {
|
|
419
466
|
// This is a new header. Let's create it
|
|
420
467
|
const header = createHeader(table, column, {
|
|
421
|
-
id: [headerFamily, depth, column.id, headerToGroup
|
|
468
|
+
id: [headerFamily, depth, column.id, headerToGroup?.id].filter(Boolean).join('_'),
|
|
422
469
|
isPlaceholder,
|
|
423
470
|
placeholderId: isPlaceholder ? `${pendingParentHeaders.filter(d => d.column === column).length}` : undefined,
|
|
424
471
|
depth,
|
|
@@ -479,7 +526,7 @@
|
|
|
479
526
|
};
|
|
480
527
|
});
|
|
481
528
|
};
|
|
482
|
-
recurseHeadersForSpans((
|
|
529
|
+
recurseHeadersForSpans((_headerGroups$0$heade = headerGroups[0]?.headers) != null ? _headerGroups$0$heade : []);
|
|
483
530
|
return headerGroups;
|
|
484
531
|
}
|
|
485
532
|
|
|
@@ -519,8 +566,9 @@
|
|
|
519
566
|
createColumn: (column, table) => {
|
|
520
567
|
return {
|
|
521
568
|
getSize: () => {
|
|
569
|
+
var _column$columnDef$min, _ref, _column$columnDef$max;
|
|
522
570
|
const columnSize = table.getState().columnSizing[column.id];
|
|
523
|
-
return Math.min(Math.max(column.columnDef.minSize
|
|
571
|
+
return Math.min(Math.max((_column$columnDef$min = column.columnDef.minSize) != null ? _column$columnDef$min : defaultColumnSizing.minSize, (_ref = columnSize != null ? columnSize : column.columnDef.size) != null ? _ref : defaultColumnSizing.size), (_column$columnDef$max = column.columnDef.maxSize) != null ? _column$columnDef$max : defaultColumnSizing.maxSize);
|
|
524
572
|
},
|
|
525
573
|
getStart: position => {
|
|
526
574
|
const columns = !position ? table.getVisibleLeafColumns() : position === 'left' ? table.getLeftVisibleLeafColumns() : table.getRightVisibleLeafColumns();
|
|
@@ -532,16 +580,17 @@
|
|
|
532
580
|
return 0;
|
|
533
581
|
},
|
|
534
582
|
resetSize: () => {
|
|
535
|
-
table.setColumnSizing(
|
|
583
|
+
table.setColumnSizing(_ref2 => {
|
|
536
584
|
let {
|
|
537
585
|
[column.id]: _,
|
|
538
586
|
...rest
|
|
539
|
-
} =
|
|
587
|
+
} = _ref2;
|
|
540
588
|
return rest;
|
|
541
589
|
});
|
|
542
590
|
},
|
|
543
591
|
getCanResize: () => {
|
|
544
|
-
|
|
592
|
+
var _column$columnDef$ena, _table$options$enable;
|
|
593
|
+
return ((_column$columnDef$ena = column.columnDef.enableResizing) != null ? _column$columnDef$ena : true) && ((_table$options$enable = table.options.enableColumnResizing) != null ? _table$options$enable : true);
|
|
545
594
|
},
|
|
546
595
|
getIsResizing: () => {
|
|
547
596
|
return table.getState().columnSizingInfo.isResizingColumn === column.id;
|
|
@@ -556,7 +605,8 @@
|
|
|
556
605
|
if (header.subHeaders.length) {
|
|
557
606
|
header.subHeaders.forEach(recurse);
|
|
558
607
|
} else {
|
|
559
|
-
|
|
608
|
+
var _header$column$getSiz;
|
|
609
|
+
sum += (_header$column$getSiz = header.column.getSize()) != null ? _header$column$getSiz : 0;
|
|
560
610
|
}
|
|
561
611
|
};
|
|
562
612
|
recurse(header);
|
|
@@ -576,7 +626,7 @@
|
|
|
576
626
|
if (!canResize) {
|
|
577
627
|
return;
|
|
578
628
|
}
|
|
579
|
-
e.persist
|
|
629
|
+
e.persist?.();
|
|
580
630
|
if (isTouchStartEvent(e)) {
|
|
581
631
|
// lets not respond to multiple touches (e.g. 2 or 3 fingers)
|
|
582
632
|
if (e.touches && e.touches.length > 1) {
|
|
@@ -586,16 +636,17 @@
|
|
|
586
636
|
const startSize = header.getSize();
|
|
587
637
|
const columnSizingStart = header ? header.getLeafHeaders().map(d => [d.column.id, d.column.getSize()]) : [[column.id, column.getSize()]];
|
|
588
638
|
const clientX = isTouchStartEvent(e) ? Math.round(e.touches[0].clientX) : e.clientX;
|
|
639
|
+
const newColumnSizing = {};
|
|
589
640
|
const updateOffset = (eventType, clientXPos) => {
|
|
590
641
|
if (typeof clientXPos !== 'number') {
|
|
591
642
|
return;
|
|
592
643
|
}
|
|
593
|
-
let newColumnSizing = {};
|
|
594
644
|
table.setColumnSizingInfo(old => {
|
|
595
|
-
|
|
596
|
-
const
|
|
597
|
-
|
|
598
|
-
|
|
645
|
+
var _old$startOffset, _old$startSize;
|
|
646
|
+
const deltaOffset = clientXPos - ((_old$startOffset = old?.startOffset) != null ? _old$startOffset : 0);
|
|
647
|
+
const deltaPercentage = Math.max(deltaOffset / ((_old$startSize = old?.startSize) != null ? _old$startSize : 0), -0.999999);
|
|
648
|
+
old.columnSizingStart.forEach(_ref3 => {
|
|
649
|
+
let [columnId, headerSize] = _ref3;
|
|
599
650
|
newColumnSizing[columnId] = Math.round(Math.max(headerSize + headerSize * deltaPercentage, 0) * 100) / 100;
|
|
600
651
|
});
|
|
601
652
|
return {
|
|
@@ -642,14 +693,13 @@
|
|
|
642
693
|
return false;
|
|
643
694
|
},
|
|
644
695
|
upHandler: e => {
|
|
645
|
-
var _e$touches$;
|
|
646
696
|
document.removeEventListener('touchmove', touchEvents.moveHandler);
|
|
647
697
|
document.removeEventListener('touchend', touchEvents.upHandler);
|
|
648
698
|
if (e.cancelable) {
|
|
649
699
|
e.preventDefault();
|
|
650
700
|
e.stopPropagation();
|
|
651
701
|
}
|
|
652
|
-
onEnd(
|
|
702
|
+
onEnd(e.touches[0]?.clientX);
|
|
653
703
|
}
|
|
654
704
|
};
|
|
655
705
|
const passiveIfSupported = passiveEventSupported() ? {
|
|
@@ -677,37 +727,39 @@
|
|
|
677
727
|
},
|
|
678
728
|
createTable: table => {
|
|
679
729
|
return {
|
|
680
|
-
setColumnSizing: updater => table.options.onColumnSizingChange
|
|
681
|
-
setColumnSizingInfo: updater => table.options.onColumnSizingInfoChange
|
|
730
|
+
setColumnSizing: updater => table.options.onColumnSizingChange?.(updater),
|
|
731
|
+
setColumnSizingInfo: updater => table.options.onColumnSizingInfoChange?.(updater),
|
|
682
732
|
resetColumnSizing: defaultState => {
|
|
683
|
-
|
|
733
|
+
var _table$initialState$c;
|
|
734
|
+
table.setColumnSizing(defaultState ? {} : (_table$initialState$c = table.initialState.columnSizing) != null ? _table$initialState$c : {});
|
|
684
735
|
},
|
|
685
736
|
resetHeaderSizeInfo: defaultState => {
|
|
686
|
-
|
|
737
|
+
var _table$initialState$c2;
|
|
738
|
+
table.setColumnSizingInfo(defaultState ? getDefaultColumnSizingInfoState() : (_table$initialState$c2 = table.initialState.columnSizingInfo) != null ? _table$initialState$c2 : getDefaultColumnSizingInfoState());
|
|
687
739
|
},
|
|
688
740
|
getTotalSize: () => {
|
|
689
741
|
var _table$getHeaderGroup;
|
|
690
|
-
return (
|
|
742
|
+
return (_table$getHeaderGroup = table.getHeaderGroups()[0]?.headers.reduce((sum, header) => {
|
|
691
743
|
return sum + header.getSize();
|
|
692
|
-
}, 0))
|
|
744
|
+
}, 0)) != null ? _table$getHeaderGroup : 0;
|
|
693
745
|
},
|
|
694
746
|
getLeftTotalSize: () => {
|
|
695
747
|
var _table$getLeftHeaderG;
|
|
696
|
-
return (
|
|
748
|
+
return (_table$getLeftHeaderG = table.getLeftHeaderGroups()[0]?.headers.reduce((sum, header) => {
|
|
697
749
|
return sum + header.getSize();
|
|
698
|
-
}, 0))
|
|
750
|
+
}, 0)) != null ? _table$getLeftHeaderG : 0;
|
|
699
751
|
},
|
|
700
752
|
getCenterTotalSize: () => {
|
|
701
753
|
var _table$getCenterHeade;
|
|
702
|
-
return (
|
|
754
|
+
return (_table$getCenterHeade = table.getCenterHeaderGroups()[0]?.headers.reduce((sum, header) => {
|
|
703
755
|
return sum + header.getSize();
|
|
704
|
-
}, 0))
|
|
756
|
+
}, 0)) != null ? _table$getCenterHeade : 0;
|
|
705
757
|
},
|
|
706
758
|
getRightTotalSize: () => {
|
|
707
759
|
var _table$getRightHeader;
|
|
708
|
-
return (
|
|
760
|
+
return (_table$getRightHeader = table.getRightHeaderGroups()[0]?.headers.reduce((sum, header) => {
|
|
709
761
|
return sum + header.getSize();
|
|
710
|
-
}, 0))
|
|
762
|
+
}, 0)) != null ? _table$getRightHeader : 0;
|
|
711
763
|
}
|
|
712
764
|
};
|
|
713
765
|
}
|
|
@@ -756,13 +808,14 @@
|
|
|
756
808
|
let queued = false;
|
|
757
809
|
return {
|
|
758
810
|
_autoResetExpanded: () => {
|
|
811
|
+
var _ref, _table$options$autoRe;
|
|
759
812
|
if (!registered) {
|
|
760
813
|
table._queue(() => {
|
|
761
814
|
registered = true;
|
|
762
815
|
});
|
|
763
816
|
return;
|
|
764
817
|
}
|
|
765
|
-
if (table.options.autoResetAll
|
|
818
|
+
if ((_ref = (_table$options$autoRe = table.options.autoResetAll) != null ? _table$options$autoRe : table.options.autoResetExpanded) != null ? _ref : !table.options.manualExpanding) {
|
|
766
819
|
if (queued) return;
|
|
767
820
|
queued = true;
|
|
768
821
|
table._queue(() => {
|
|
@@ -771,24 +824,24 @@
|
|
|
771
824
|
});
|
|
772
825
|
}
|
|
773
826
|
},
|
|
774
|
-
setExpanded: updater => table.options.onExpandedChange
|
|
827
|
+
setExpanded: updater => table.options.onExpandedChange?.(updater),
|
|
775
828
|
toggleAllRowsExpanded: expanded => {
|
|
776
|
-
if (expanded
|
|
829
|
+
if (expanded != null ? expanded : !table.getIsAllRowsExpanded()) {
|
|
777
830
|
table.setExpanded(true);
|
|
778
831
|
} else {
|
|
779
832
|
table.setExpanded({});
|
|
780
833
|
}
|
|
781
834
|
},
|
|
782
835
|
resetExpanded: defaultState => {
|
|
783
|
-
var _table$initialState;
|
|
784
|
-
table.setExpanded(defaultState ? {} : (
|
|
836
|
+
var _table$initialState$e;
|
|
837
|
+
table.setExpanded(defaultState ? {} : (_table$initialState$e = table.initialState?.expanded) != null ? _table$initialState$e : {});
|
|
785
838
|
},
|
|
786
839
|
getCanSomeRowsExpand: () => {
|
|
787
840
|
return table.getRowModel().flatRows.some(row => row.getCanExpand());
|
|
788
841
|
},
|
|
789
842
|
getToggleAllRowsExpandedHandler: () => {
|
|
790
843
|
return e => {
|
|
791
|
-
e.persist
|
|
844
|
+
e.persist?.();
|
|
792
845
|
table.toggleAllRowsExpanded();
|
|
793
846
|
};
|
|
794
847
|
},
|
|
@@ -840,7 +893,8 @@
|
|
|
840
893
|
return {
|
|
841
894
|
toggleExpanded: expanded => {
|
|
842
895
|
table.setExpanded(old => {
|
|
843
|
-
|
|
896
|
+
var _expanded;
|
|
897
|
+
const exists = old === true ? true : !!old?.[row.id];
|
|
844
898
|
let oldExpanded = {};
|
|
845
899
|
if (old === true) {
|
|
846
900
|
Object.keys(table.getRowModel().rowsById).forEach(rowId => {
|
|
@@ -849,7 +903,7 @@
|
|
|
849
903
|
} else {
|
|
850
904
|
oldExpanded = old;
|
|
851
905
|
}
|
|
852
|
-
expanded = expanded
|
|
906
|
+
expanded = (_expanded = expanded) != null ? _expanded : !exists;
|
|
853
907
|
if (!exists && expanded) {
|
|
854
908
|
return {
|
|
855
909
|
...oldExpanded,
|
|
@@ -867,12 +921,13 @@
|
|
|
867
921
|
});
|
|
868
922
|
},
|
|
869
923
|
getIsExpanded: () => {
|
|
924
|
+
var _table$options$getIsR;
|
|
870
925
|
const expanded = table.getState().expanded;
|
|
871
|
-
return !!((
|
|
926
|
+
return !!((_table$options$getIsR = table.options.getIsRowExpanded?.(row)) != null ? _table$options$getIsR : expanded === true || expanded?.[row.id]);
|
|
872
927
|
},
|
|
873
928
|
getCanExpand: () => {
|
|
874
|
-
var
|
|
875
|
-
return (table.options.getRowCanExpand
|
|
929
|
+
var _table$options$getRow, _table$options$enable;
|
|
930
|
+
return (_table$options$getRow = table.options.getRowCanExpand?.(row)) != null ? _table$options$getRow : ((_table$options$enable = table.options.enableExpanding) != null ? _table$options$enable : true) && !!row.subRows?.length;
|
|
876
931
|
},
|
|
877
932
|
getToggleExpandedHandler: () => {
|
|
878
933
|
const canExpand = row.getCanExpand();
|
|
@@ -886,40 +941,30 @@
|
|
|
886
941
|
};
|
|
887
942
|
|
|
888
943
|
const includesString = (row, columnId, filterValue) => {
|
|
889
|
-
var _row$getValue;
|
|
890
944
|
const search = filterValue.toLowerCase();
|
|
891
|
-
return Boolean(
|
|
945
|
+
return Boolean(row.getValue(columnId)?.toLowerCase().includes(search));
|
|
892
946
|
};
|
|
893
947
|
includesString.autoRemove = val => testFalsey(val);
|
|
894
948
|
const includesStringSensitive = (row, columnId, filterValue) => {
|
|
895
|
-
|
|
896
|
-
return Boolean((_row$getValue2 = row.getValue(columnId)) == null ? void 0 : _row$getValue2.includes(filterValue));
|
|
949
|
+
return Boolean(row.getValue(columnId)?.includes(filterValue));
|
|
897
950
|
};
|
|
898
951
|
includesStringSensitive.autoRemove = val => testFalsey(val);
|
|
899
952
|
const equalsString = (row, columnId, filterValue) => {
|
|
900
|
-
|
|
901
|
-
return ((_row$getValue3 = row.getValue(columnId)) == null ? void 0 : _row$getValue3.toLowerCase()) === filterValue.toLowerCase();
|
|
953
|
+
return row.getValue(columnId)?.toLowerCase() === filterValue.toLowerCase();
|
|
902
954
|
};
|
|
903
955
|
equalsString.autoRemove = val => testFalsey(val);
|
|
904
956
|
const arrIncludes = (row, columnId, filterValue) => {
|
|
905
|
-
|
|
906
|
-
return (_row$getValue4 = row.getValue(columnId)) == null ? void 0 : _row$getValue4.includes(filterValue);
|
|
957
|
+
return row.getValue(columnId)?.includes(filterValue);
|
|
907
958
|
};
|
|
908
|
-
arrIncludes.autoRemove = val => testFalsey(val) || !
|
|
959
|
+
arrIncludes.autoRemove = val => testFalsey(val) || !val?.length;
|
|
909
960
|
const arrIncludesAll = (row, columnId, filterValue) => {
|
|
910
|
-
return !filterValue.some(val =>
|
|
911
|
-
var _row$getValue5;
|
|
912
|
-
return !((_row$getValue5 = row.getValue(columnId)) != null && _row$getValue5.includes(val));
|
|
913
|
-
});
|
|
961
|
+
return !filterValue.some(val => !row.getValue(columnId)?.includes(val));
|
|
914
962
|
};
|
|
915
|
-
arrIncludesAll.autoRemove = val => testFalsey(val) || !
|
|
963
|
+
arrIncludesAll.autoRemove = val => testFalsey(val) || !val?.length;
|
|
916
964
|
const arrIncludesSome = (row, columnId, filterValue) => {
|
|
917
|
-
return filterValue.some(val =>
|
|
918
|
-
var _row$getValue6;
|
|
919
|
-
return (_row$getValue6 = row.getValue(columnId)) == null ? void 0 : _row$getValue6.includes(val);
|
|
920
|
-
});
|
|
965
|
+
return filterValue.some(val => row.getValue(columnId)?.includes(val));
|
|
921
966
|
};
|
|
922
|
-
arrIncludesSome.autoRemove = val => testFalsey(val) || !
|
|
967
|
+
arrIncludesSome.autoRemove = val => testFalsey(val) || !val?.length;
|
|
923
968
|
const equals = (row, columnId, filterValue) => {
|
|
924
969
|
return row.getValue(columnId) === filterValue;
|
|
925
970
|
};
|
|
@@ -992,8 +1037,7 @@
|
|
|
992
1037
|
maxLeafRowFilterDepth: 100,
|
|
993
1038
|
globalFilterFn: 'auto',
|
|
994
1039
|
getColumnCanGlobalFilter: column => {
|
|
995
|
-
|
|
996
|
-
const value = (_table$getCoreRowMode = table.getCoreRowModel().flatRows[0]) == null ? void 0 : (_table$getCoreRowMode2 = _table$getCoreRowMode._getAllCellsByColumnId()[column.id]) == null ? void 0 : _table$getCoreRowMode2.getValue();
|
|
1040
|
+
const value = table.getCoreRowModel().flatRows[0]?._getAllCellsByColumnId()[column.id]?.getValue();
|
|
997
1041
|
return typeof value === 'string' || typeof value === 'number';
|
|
998
1042
|
}
|
|
999
1043
|
};
|
|
@@ -1002,7 +1046,7 @@
|
|
|
1002
1046
|
return {
|
|
1003
1047
|
getAutoFilterFn: () => {
|
|
1004
1048
|
const firstRow = table.getCoreRowModel().flatRows[0];
|
|
1005
|
-
const value = firstRow
|
|
1049
|
+
const value = firstRow?.getValue(column.id);
|
|
1006
1050
|
if (typeof value === 'string') {
|
|
1007
1051
|
return filterFns.includesString;
|
|
1008
1052
|
}
|
|
@@ -1022,46 +1066,48 @@
|
|
|
1022
1066
|
},
|
|
1023
1067
|
getFilterFn: () => {
|
|
1024
1068
|
var _table$options$filter;
|
|
1025
|
-
return isFunction(column.columnDef.filterFn) ? column.columnDef.filterFn : column.columnDef.filterFn === 'auto' ? column.getAutoFilterFn() :
|
|
1069
|
+
return isFunction(column.columnDef.filterFn) ? column.columnDef.filterFn : column.columnDef.filterFn === 'auto' ? column.getAutoFilterFn() : // @ts-ignore
|
|
1070
|
+
(_table$options$filter = table.options.filterFns?.[column.columnDef.filterFn]) != null ? _table$options$filter : filterFns[column.columnDef.filterFn];
|
|
1026
1071
|
},
|
|
1027
1072
|
getCanFilter: () => {
|
|
1028
|
-
|
|
1073
|
+
var _column$columnDef$ena, _table$options$enable, _table$options$enable2;
|
|
1074
|
+
return ((_column$columnDef$ena = column.columnDef.enableColumnFilter) != null ? _column$columnDef$ena : true) && ((_table$options$enable = table.options.enableColumnFilters) != null ? _table$options$enable : true) && ((_table$options$enable2 = table.options.enableFilters) != null ? _table$options$enable2 : true) && !!column.accessorFn;
|
|
1029
1075
|
},
|
|
1030
1076
|
getCanGlobalFilter: () => {
|
|
1031
|
-
|
|
1077
|
+
var _column$columnDef$ena2, _table$options$enable3, _table$options$enable4, _table$options$getCol;
|
|
1078
|
+
return ((_column$columnDef$ena2 = column.columnDef.enableGlobalFilter) != null ? _column$columnDef$ena2 : true) && ((_table$options$enable3 = table.options.enableGlobalFilter) != null ? _table$options$enable3 : true) && ((_table$options$enable4 = table.options.enableFilters) != null ? _table$options$enable4 : true) && ((_table$options$getCol = table.options.getColumnCanGlobalFilter?.(column)) != null ? _table$options$getCol : true) && !!column.accessorFn;
|
|
1032
1079
|
},
|
|
1033
1080
|
getIsFiltered: () => column.getFilterIndex() > -1,
|
|
1034
|
-
getFilterValue: () =>
|
|
1035
|
-
var _table$getState$colum, _table$getState$colum2;
|
|
1036
|
-
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;
|
|
1037
|
-
},
|
|
1081
|
+
getFilterValue: () => table.getState().columnFilters?.find(d => d.id === column.id)?.value,
|
|
1038
1082
|
getFilterIndex: () => {
|
|
1039
|
-
var _table$getState$
|
|
1040
|
-
return (
|
|
1083
|
+
var _table$getState$colum;
|
|
1084
|
+
return (_table$getState$colum = table.getState().columnFilters?.findIndex(d => d.id === column.id)) != null ? _table$getState$colum : -1;
|
|
1041
1085
|
},
|
|
1042
1086
|
setFilterValue: value => {
|
|
1043
1087
|
table.setColumnFilters(old => {
|
|
1044
1088
|
const filterFn = column.getFilterFn();
|
|
1045
|
-
const previousfilter = old
|
|
1089
|
+
const previousfilter = old?.find(d => d.id === column.id);
|
|
1046
1090
|
const newFilter = functionalUpdate(value, previousfilter ? previousfilter.value : undefined);
|
|
1047
1091
|
|
|
1048
1092
|
//
|
|
1049
1093
|
if (shouldAutoRemoveFilter(filterFn, newFilter, column)) {
|
|
1050
|
-
|
|
1094
|
+
var _old$filter;
|
|
1095
|
+
return (_old$filter = old?.filter(d => d.id !== column.id)) != null ? _old$filter : [];
|
|
1051
1096
|
}
|
|
1052
1097
|
const newFilterObj = {
|
|
1053
1098
|
id: column.id,
|
|
1054
1099
|
value: newFilter
|
|
1055
1100
|
};
|
|
1056
1101
|
if (previousfilter) {
|
|
1057
|
-
|
|
1102
|
+
var _old$map;
|
|
1103
|
+
return (_old$map = old?.map(d => {
|
|
1058
1104
|
if (d.id === column.id) {
|
|
1059
1105
|
return newFilterObj;
|
|
1060
1106
|
}
|
|
1061
1107
|
return d;
|
|
1062
|
-
}))
|
|
1108
|
+
})) != null ? _old$map : [];
|
|
1063
1109
|
}
|
|
1064
|
-
if (old
|
|
1110
|
+
if (old?.length) {
|
|
1065
1111
|
return [...old, newFilterObj];
|
|
1066
1112
|
}
|
|
1067
1113
|
return [newFilterObj];
|
|
@@ -1109,13 +1155,13 @@
|
|
|
1109
1155
|
const {
|
|
1110
1156
|
globalFilterFn: globalFilterFn
|
|
1111
1157
|
} = table.options;
|
|
1112
|
-
return isFunction(globalFilterFn) ? globalFilterFn : globalFilterFn === 'auto' ? table.getGlobalAutoFilterFn() :
|
|
1158
|
+
return isFunction(globalFilterFn) ? globalFilterFn : globalFilterFn === 'auto' ? table.getGlobalAutoFilterFn() : // @ts-ignore
|
|
1159
|
+
(_table$options$filter2 = table.options.filterFns?.[globalFilterFn]) != null ? _table$options$filter2 : filterFns[globalFilterFn];
|
|
1113
1160
|
},
|
|
1114
1161
|
setColumnFilters: updater => {
|
|
1115
1162
|
const leafColumns = table.getAllLeafColumns();
|
|
1116
1163
|
const updateFn = old => {
|
|
1117
|
-
|
|
1118
|
-
return (_functionalUpdate = functionalUpdate(updater, old)) == null ? void 0 : _functionalUpdate.filter(filter => {
|
|
1164
|
+
return functionalUpdate(updater, old)?.filter(filter => {
|
|
1119
1165
|
const column = leafColumns.find(d => d.id === filter.id);
|
|
1120
1166
|
if (column) {
|
|
1121
1167
|
const filterFn = column.getFilterFn();
|
|
@@ -1126,17 +1172,17 @@
|
|
|
1126
1172
|
return true;
|
|
1127
1173
|
});
|
|
1128
1174
|
};
|
|
1129
|
-
table.options.onColumnFiltersChange
|
|
1175
|
+
table.options.onColumnFiltersChange?.(updateFn);
|
|
1130
1176
|
},
|
|
1131
1177
|
setGlobalFilter: updater => {
|
|
1132
|
-
table.options.onGlobalFilterChange
|
|
1178
|
+
table.options.onGlobalFilterChange?.(updater);
|
|
1133
1179
|
},
|
|
1134
1180
|
resetGlobalFilter: defaultState => {
|
|
1135
1181
|
table.setGlobalFilter(defaultState ? undefined : table.initialState.globalFilter);
|
|
1136
1182
|
},
|
|
1137
1183
|
resetColumnFilters: defaultState => {
|
|
1138
|
-
var _table$initialState;
|
|
1139
|
-
table.setColumnFilters(defaultState ? [] : (
|
|
1184
|
+
var _table$initialState$c;
|
|
1185
|
+
table.setColumnFilters(defaultState ? [] : (_table$initialState$c = table.initialState?.columnFilters) != null ? _table$initialState$c : []);
|
|
1140
1186
|
},
|
|
1141
1187
|
getPreFilteredRowModel: () => table.getCoreRowModel(),
|
|
1142
1188
|
getFilteredRowModel: () => {
|
|
@@ -1274,8 +1320,8 @@
|
|
|
1274
1320
|
getDefaultColumnDef: () => {
|
|
1275
1321
|
return {
|
|
1276
1322
|
aggregatedCell: props => {
|
|
1277
|
-
var
|
|
1278
|
-
return (
|
|
1323
|
+
var _toString;
|
|
1324
|
+
return (_toString = props.getValue()?.toString?.()) != null ? _toString : null;
|
|
1279
1325
|
},
|
|
1280
1326
|
aggregationFn: 'auto'
|
|
1281
1327
|
};
|
|
@@ -1297,23 +1343,20 @@
|
|
|
1297
1343
|
toggleGrouping: () => {
|
|
1298
1344
|
table.setGrouping(old => {
|
|
1299
1345
|
// Find any existing grouping for this column
|
|
1300
|
-
if (old
|
|
1346
|
+
if (old?.includes(column.id)) {
|
|
1301
1347
|
return old.filter(d => d !== column.id);
|
|
1302
1348
|
}
|
|
1303
|
-
return [...(old
|
|
1349
|
+
return [...(old != null ? old : []), column.id];
|
|
1304
1350
|
});
|
|
1305
1351
|
},
|
|
1306
1352
|
getCanGroup: () => {
|
|
1307
|
-
|
|
1353
|
+
var _ref, _ref2, _ref3, _column$columnDef$ena;
|
|
1354
|
+
return (_ref = (_ref2 = (_ref3 = (_column$columnDef$ena = column.columnDef.enableGrouping) != null ? _column$columnDef$ena : true) != null ? _ref3 : table.options.enableGrouping) != null ? _ref2 : true) != null ? _ref : !!column.accessorFn;
|
|
1308
1355
|
},
|
|
1309
1356
|
getIsGrouped: () => {
|
|
1310
|
-
|
|
1311
|
-
return (_table$getState$group = table.getState().grouping) == null ? void 0 : _table$getState$group.includes(column.id);
|
|
1312
|
-
},
|
|
1313
|
-
getGroupedIndex: () => {
|
|
1314
|
-
var _table$getState$group2;
|
|
1315
|
-
return (_table$getState$group2 = table.getState().grouping) == null ? void 0 : _table$getState$group2.indexOf(column.id);
|
|
1357
|
+
return table.getState().grouping?.includes(column.id);
|
|
1316
1358
|
},
|
|
1359
|
+
getGroupedIndex: () => table.getState().grouping?.indexOf(column.id),
|
|
1317
1360
|
getToggleGroupingHandler: () => {
|
|
1318
1361
|
const canGroup = column.getCanGroup();
|
|
1319
1362
|
return () => {
|
|
@@ -1323,7 +1366,7 @@
|
|
|
1323
1366
|
},
|
|
1324
1367
|
getAutoAggregationFn: () => {
|
|
1325
1368
|
const firstRow = table.getCoreRowModel().flatRows[0];
|
|
1326
|
-
const value = firstRow
|
|
1369
|
+
const value = firstRow?.getValue(column.id);
|
|
1327
1370
|
if (typeof value === 'number') {
|
|
1328
1371
|
return aggregationFns.sum;
|
|
1329
1372
|
}
|
|
@@ -1336,16 +1379,16 @@
|
|
|
1336
1379
|
if (!column) {
|
|
1337
1380
|
throw new Error();
|
|
1338
1381
|
}
|
|
1339
|
-
return isFunction(column.columnDef.aggregationFn) ? column.columnDef.aggregationFn : column.columnDef.aggregationFn === 'auto' ? column.getAutoAggregationFn() : (
|
|
1382
|
+
return isFunction(column.columnDef.aggregationFn) ? column.columnDef.aggregationFn : column.columnDef.aggregationFn === 'auto' ? column.getAutoAggregationFn() : (_table$options$aggreg = table.options.aggregationFns?.[column.columnDef.aggregationFn]) != null ? _table$options$aggreg : aggregationFns[column.columnDef.aggregationFn];
|
|
1340
1383
|
}
|
|
1341
1384
|
};
|
|
1342
1385
|
},
|
|
1343
1386
|
createTable: table => {
|
|
1344
1387
|
return {
|
|
1345
|
-
setGrouping: updater => table.options.onGroupingChange
|
|
1388
|
+
setGrouping: updater => table.options.onGroupingChange?.(updater),
|
|
1346
1389
|
resetGrouping: defaultState => {
|
|
1347
|
-
var _table$initialState;
|
|
1348
|
-
table.setGrouping(defaultState ? [] : (
|
|
1390
|
+
var _table$initialState$g;
|
|
1391
|
+
table.setGrouping(defaultState ? [] : (_table$initialState$g = table.initialState?.grouping) != null ? _table$initialState$g : []);
|
|
1349
1392
|
},
|
|
1350
1393
|
getPreGroupedRowModel: () => table.getFilteredRowModel(),
|
|
1351
1394
|
getGroupedRowModel: () => {
|
|
@@ -1369,15 +1412,12 @@
|
|
|
1369
1412
|
return {
|
|
1370
1413
|
getIsGrouped: () => column.getIsGrouped() && column.id === row.groupingColumnId,
|
|
1371
1414
|
getIsPlaceholder: () => !cell.getIsGrouped() && column.getIsGrouped(),
|
|
1372
|
-
getIsAggregated: () =>
|
|
1373
|
-
var _row$subRows;
|
|
1374
|
-
return !cell.getIsGrouped() && !cell.getIsPlaceholder() && !!((_row$subRows = row.subRows) != null && _row$subRows.length);
|
|
1375
|
-
}
|
|
1415
|
+
getIsAggregated: () => !cell.getIsGrouped() && !cell.getIsPlaceholder() && !!row.subRows?.length
|
|
1376
1416
|
};
|
|
1377
1417
|
}
|
|
1378
1418
|
};
|
|
1379
1419
|
function orderColumns(leafColumns, grouping, groupedColumnMode) {
|
|
1380
|
-
if (!
|
|
1420
|
+
if (!grouping?.length || !groupedColumnMode) {
|
|
1381
1421
|
return leafColumns;
|
|
1382
1422
|
}
|
|
1383
1423
|
const nonGroupingColumns = leafColumns.filter(col => !grouping.includes(col.id));
|
|
@@ -1404,9 +1444,10 @@
|
|
|
1404
1444
|
},
|
|
1405
1445
|
createTable: table => {
|
|
1406
1446
|
return {
|
|
1407
|
-
setColumnOrder: updater => table.options.onColumnOrderChange
|
|
1447
|
+
setColumnOrder: updater => table.options.onColumnOrderChange?.(updater),
|
|
1408
1448
|
resetColumnOrder: defaultState => {
|
|
1409
|
-
|
|
1449
|
+
var _table$initialState$c;
|
|
1450
|
+
table.setColumnOrder(defaultState ? [] : (_table$initialState$c = table.initialState.columnOrder) != null ? _table$initialState$c : []);
|
|
1410
1451
|
},
|
|
1411
1452
|
_getOrderColumnsFn: memo(() => [table.getState().columnOrder, table.getState().grouping, table.options.groupedColumnMode], (columnOrder, grouping, groupedColumnMode) => columns => {
|
|
1412
1453
|
// Sort grouped columns to the start of the column list
|
|
@@ -1414,7 +1455,7 @@
|
|
|
1414
1455
|
let orderedColumns = [];
|
|
1415
1456
|
|
|
1416
1457
|
// If there is no order, return the normal columns
|
|
1417
|
-
if (!
|
|
1458
|
+
if (!columnOrder?.length) {
|
|
1418
1459
|
orderedColumns = columns;
|
|
1419
1460
|
} else {
|
|
1420
1461
|
const columnOrderCopy = [...columnOrder];
|
|
@@ -1459,7 +1500,7 @@
|
|
|
1459
1500
|
...state,
|
|
1460
1501
|
pagination: {
|
|
1461
1502
|
...getDefaultPaginationState(),
|
|
1462
|
-
...
|
|
1503
|
+
...state?.pagination
|
|
1463
1504
|
}
|
|
1464
1505
|
};
|
|
1465
1506
|
},
|
|
@@ -1473,13 +1514,14 @@
|
|
|
1473
1514
|
let queued = false;
|
|
1474
1515
|
return {
|
|
1475
1516
|
_autoResetPageIndex: () => {
|
|
1517
|
+
var _ref, _table$options$autoRe;
|
|
1476
1518
|
if (!registered) {
|
|
1477
1519
|
table._queue(() => {
|
|
1478
1520
|
registered = true;
|
|
1479
1521
|
});
|
|
1480
1522
|
return;
|
|
1481
1523
|
}
|
|
1482
|
-
if (table.options.autoResetAll
|
|
1524
|
+
if ((_ref = (_table$options$autoRe = table.options.autoResetAll) != null ? _table$options$autoRe : table.options.autoResetPageIndex) != null ? _ref : !table.options.manualPagination) {
|
|
1483
1525
|
if (queued) return;
|
|
1484
1526
|
queued = true;
|
|
1485
1527
|
table._queue(() => {
|
|
@@ -1493,10 +1535,11 @@
|
|
|
1493
1535
|
let newState = functionalUpdate(updater, old);
|
|
1494
1536
|
return newState;
|
|
1495
1537
|
};
|
|
1496
|
-
return table.options.onPaginationChange
|
|
1538
|
+
return table.options.onPaginationChange?.(safeUpdater);
|
|
1497
1539
|
},
|
|
1498
1540
|
resetPagination: defaultState => {
|
|
1499
|
-
|
|
1541
|
+
var _table$initialState$p;
|
|
1542
|
+
table.setPagination(defaultState ? getDefaultPaginationState() : (_table$initialState$p = table.initialState.pagination) != null ? _table$initialState$p : getDefaultPaginationState());
|
|
1500
1543
|
},
|
|
1501
1544
|
setPageIndex: updater => {
|
|
1502
1545
|
table.setPagination(old => {
|
|
@@ -1510,12 +1553,12 @@
|
|
|
1510
1553
|
});
|
|
1511
1554
|
},
|
|
1512
1555
|
resetPageIndex: defaultState => {
|
|
1513
|
-
var _table$initialState
|
|
1514
|
-
table.setPageIndex(defaultState ? defaultPageIndex : (
|
|
1556
|
+
var _table$initialState$p2;
|
|
1557
|
+
table.setPageIndex(defaultState ? defaultPageIndex : (_table$initialState$p2 = table.initialState?.pagination?.pageIndex) != null ? _table$initialState$p2 : defaultPageIndex);
|
|
1515
1558
|
},
|
|
1516
1559
|
resetPageSize: defaultState => {
|
|
1517
|
-
var _table$
|
|
1518
|
-
table.setPageSize(defaultState ? defaultPageSize : (
|
|
1560
|
+
var _table$initialState$p3;
|
|
1561
|
+
table.setPageSize(defaultState ? defaultPageSize : (_table$initialState$p3 = table.initialState?.pagination?.pageSize) != null ? _table$initialState$p3 : defaultPageSize);
|
|
1519
1562
|
},
|
|
1520
1563
|
setPageSize: updater => {
|
|
1521
1564
|
table.setPagination(old => {
|
|
@@ -1530,7 +1573,8 @@
|
|
|
1530
1573
|
});
|
|
1531
1574
|
},
|
|
1532
1575
|
setPageCount: updater => table.setPagination(old => {
|
|
1533
|
-
|
|
1576
|
+
var _table$options$pageCo;
|
|
1577
|
+
let newPageCount = functionalUpdate(updater, (_table$options$pageCo = table.options.pageCount) != null ? _table$options$pageCo : -1);
|
|
1534
1578
|
if (typeof newPageCount === 'number') {
|
|
1535
1579
|
newPageCount = Math.max(-1, newPageCount);
|
|
1536
1580
|
}
|
|
@@ -1547,7 +1591,10 @@
|
|
|
1547
1591
|
return pageOptions;
|
|
1548
1592
|
}, {
|
|
1549
1593
|
key: 'getPageOptions',
|
|
1550
|
-
debug: () =>
|
|
1594
|
+
debug: () => {
|
|
1595
|
+
var _table$options$debugA;
|
|
1596
|
+
return (_table$options$debugA = table.options.debugAll) != null ? _table$options$debugA : table.options.debugTable;
|
|
1597
|
+
}
|
|
1551
1598
|
}),
|
|
1552
1599
|
getCanPreviousPage: () => table.getState().pagination.pageIndex > 0,
|
|
1553
1600
|
getCanNextPage: () => {
|
|
@@ -1582,7 +1629,8 @@
|
|
|
1582
1629
|
return table._getPaginationRowModel();
|
|
1583
1630
|
},
|
|
1584
1631
|
getPageCount: () => {
|
|
1585
|
-
|
|
1632
|
+
var _table$options$pageCo2;
|
|
1633
|
+
return (_table$options$pageCo2 = table.options.pageCount) != null ? _table$options$pageCo2 : Math.ceil(table.getPrePaginationRowModel().rows.length / table.getState().pagination.pageSize);
|
|
1586
1634
|
}
|
|
1587
1635
|
};
|
|
1588
1636
|
}
|
|
@@ -1611,27 +1659,33 @@
|
|
|
1611
1659
|
pin: position => {
|
|
1612
1660
|
const columnIds = column.getLeafColumns().map(d => d.id).filter(Boolean);
|
|
1613
1661
|
table.setColumnPinning(old => {
|
|
1662
|
+
var _old$left3, _old$right3;
|
|
1614
1663
|
if (position === 'right') {
|
|
1664
|
+
var _old$left, _old$right;
|
|
1615
1665
|
return {
|
|
1616
|
-
left: ((old
|
|
1617
|
-
right: [...((old
|
|
1666
|
+
left: ((_old$left = old?.left) != null ? _old$left : []).filter(d => !columnIds?.includes(d)),
|
|
1667
|
+
right: [...((_old$right = old?.right) != null ? _old$right : []).filter(d => !columnIds?.includes(d)), ...columnIds]
|
|
1618
1668
|
};
|
|
1619
1669
|
}
|
|
1620
1670
|
if (position === 'left') {
|
|
1671
|
+
var _old$left2, _old$right2;
|
|
1621
1672
|
return {
|
|
1622
|
-
left: [...((old
|
|
1623
|
-
right: ((old
|
|
1673
|
+
left: [...((_old$left2 = old?.left) != null ? _old$left2 : []).filter(d => !columnIds?.includes(d)), ...columnIds],
|
|
1674
|
+
right: ((_old$right2 = old?.right) != null ? _old$right2 : []).filter(d => !columnIds?.includes(d))
|
|
1624
1675
|
};
|
|
1625
1676
|
}
|
|
1626
1677
|
return {
|
|
1627
|
-
left: ((old
|
|
1628
|
-
right: ((old
|
|
1678
|
+
left: ((_old$left3 = old?.left) != null ? _old$left3 : []).filter(d => !columnIds?.includes(d)),
|
|
1679
|
+
right: ((_old$right3 = old?.right) != null ? _old$right3 : []).filter(d => !columnIds?.includes(d))
|
|
1629
1680
|
};
|
|
1630
1681
|
});
|
|
1631
1682
|
},
|
|
1632
1683
|
getCanPin: () => {
|
|
1633
1684
|
const leafColumns = column.getLeafColumns();
|
|
1634
|
-
return leafColumns.some(d =>
|
|
1685
|
+
return leafColumns.some(d => {
|
|
1686
|
+
var _d$columnDef$enablePi, _table$options$enable;
|
|
1687
|
+
return ((_d$columnDef$enablePi = d.columnDef.enablePinning) != null ? _d$columnDef$enablePi : true) && ((_table$options$enable = table.options.enablePinning) != null ? _table$options$enable : true);
|
|
1688
|
+
});
|
|
1635
1689
|
},
|
|
1636
1690
|
getIsPinned: () => {
|
|
1637
1691
|
const leafColumnIds = column.getLeafColumns().map(d => d.id);
|
|
@@ -1639,82 +1693,98 @@
|
|
|
1639
1693
|
left,
|
|
1640
1694
|
right
|
|
1641
1695
|
} = table.getState().columnPinning;
|
|
1642
|
-
const isLeft = leafColumnIds.some(d => left
|
|
1643
|
-
const isRight = leafColumnIds.some(d => right
|
|
1696
|
+
const isLeft = leafColumnIds.some(d => left?.includes(d));
|
|
1697
|
+
const isRight = leafColumnIds.some(d => right?.includes(d));
|
|
1644
1698
|
return isLeft ? 'left' : isRight ? 'right' : false;
|
|
1645
1699
|
},
|
|
1646
1700
|
getPinnedIndex: () => {
|
|
1647
|
-
var _table$getState$colum
|
|
1701
|
+
var _table$getState$colum;
|
|
1648
1702
|
const position = column.getIsPinned();
|
|
1649
|
-
return position ? (
|
|
1703
|
+
return position ? (_table$getState$colum = table.getState().columnPinning?.[position]?.indexOf(column.id)) != null ? _table$getState$colum : -1 : 0;
|
|
1650
1704
|
}
|
|
1651
1705
|
};
|
|
1652
1706
|
},
|
|
1653
1707
|
createRow: (row, table) => {
|
|
1654
1708
|
return {
|
|
1655
1709
|
getCenterVisibleCells: memo(() => [row._getAllVisibleCells(), table.getState().columnPinning.left, table.getState().columnPinning.right], (allCells, left, right) => {
|
|
1656
|
-
const leftAndRight = [...(left
|
|
1710
|
+
const leftAndRight = [...(left != null ? left : []), ...(right != null ? right : [])];
|
|
1657
1711
|
return allCells.filter(d => !leftAndRight.includes(d.column.id));
|
|
1658
1712
|
}, {
|
|
1659
1713
|
key: "development" === 'production' ,
|
|
1660
|
-
debug: () =>
|
|
1714
|
+
debug: () => {
|
|
1715
|
+
var _table$options$debugA;
|
|
1716
|
+
return (_table$options$debugA = table.options.debugAll) != null ? _table$options$debugA : table.options.debugRows;
|
|
1717
|
+
}
|
|
1661
1718
|
}),
|
|
1662
1719
|
getLeftVisibleCells: memo(() => [row._getAllVisibleCells(), table.getState().columnPinning.left,,], (allCells, left) => {
|
|
1663
|
-
const cells = (left
|
|
1720
|
+
const cells = (left != null ? left : []).map(columnId => allCells.find(cell => cell.column.id === columnId)).filter(Boolean).map(d => ({
|
|
1664
1721
|
...d,
|
|
1665
1722
|
position: 'left'
|
|
1666
1723
|
}));
|
|
1667
1724
|
return cells;
|
|
1668
1725
|
}, {
|
|
1669
1726
|
key: "development" === 'production' ,
|
|
1670
|
-
debug: () =>
|
|
1727
|
+
debug: () => {
|
|
1728
|
+
var _table$options$debugA2;
|
|
1729
|
+
return (_table$options$debugA2 = table.options.debugAll) != null ? _table$options$debugA2 : table.options.debugRows;
|
|
1730
|
+
}
|
|
1671
1731
|
}),
|
|
1672
1732
|
getRightVisibleCells: memo(() => [row._getAllVisibleCells(), table.getState().columnPinning.right], (allCells, right) => {
|
|
1673
|
-
const cells = (right
|
|
1733
|
+
const cells = (right != null ? right : []).map(columnId => allCells.find(cell => cell.column.id === columnId)).filter(Boolean).map(d => ({
|
|
1674
1734
|
...d,
|
|
1675
1735
|
position: 'right'
|
|
1676
1736
|
}));
|
|
1677
1737
|
return cells;
|
|
1678
1738
|
}, {
|
|
1679
1739
|
key: "development" === 'production' ,
|
|
1680
|
-
debug: () =>
|
|
1740
|
+
debug: () => {
|
|
1741
|
+
var _table$options$debugA3;
|
|
1742
|
+
return (_table$options$debugA3 = table.options.debugAll) != null ? _table$options$debugA3 : table.options.debugRows;
|
|
1743
|
+
}
|
|
1681
1744
|
})
|
|
1682
1745
|
};
|
|
1683
1746
|
},
|
|
1684
1747
|
createTable: table => {
|
|
1685
1748
|
return {
|
|
1686
|
-
setColumnPinning: updater => table.options.onColumnPinningChange
|
|
1749
|
+
setColumnPinning: updater => table.options.onColumnPinningChange?.(updater),
|
|
1687
1750
|
resetColumnPinning: defaultState => {
|
|
1688
|
-
var _table$initialState;
|
|
1689
|
-
return table.setColumnPinning(defaultState ? getDefaultPinningState() : (
|
|
1751
|
+
var _table$initialState$c;
|
|
1752
|
+
return table.setColumnPinning(defaultState ? getDefaultPinningState() : (_table$initialState$c = table.initialState?.columnPinning) != null ? _table$initialState$c : getDefaultPinningState());
|
|
1690
1753
|
},
|
|
1691
1754
|
getIsSomeColumnsPinned: position => {
|
|
1692
|
-
var _pinningState$positio;
|
|
1693
1755
|
const pinningState = table.getState().columnPinning;
|
|
1694
1756
|
if (!position) {
|
|
1695
|
-
|
|
1696
|
-
return Boolean(((_pinningState$left = pinningState.left) == null ? void 0 : _pinningState$left.length) || ((_pinningState$right = pinningState.right) == null ? void 0 : _pinningState$right.length));
|
|
1757
|
+
return Boolean(pinningState.left?.length || pinningState.right?.length);
|
|
1697
1758
|
}
|
|
1698
|
-
return Boolean(
|
|
1759
|
+
return Boolean(pinningState[position]?.length);
|
|
1699
1760
|
},
|
|
1700
1761
|
getLeftLeafColumns: memo(() => [table.getAllLeafColumns(), table.getState().columnPinning.left], (allColumns, left) => {
|
|
1701
|
-
return (left
|
|
1762
|
+
return (left != null ? left : []).map(columnId => allColumns.find(column => column.id === columnId)).filter(Boolean);
|
|
1702
1763
|
}, {
|
|
1703
1764
|
key: 'getLeftLeafColumns',
|
|
1704
|
-
debug: () =>
|
|
1765
|
+
debug: () => {
|
|
1766
|
+
var _table$options$debugA4;
|
|
1767
|
+
return (_table$options$debugA4 = table.options.debugAll) != null ? _table$options$debugA4 : table.options.debugColumns;
|
|
1768
|
+
}
|
|
1705
1769
|
}),
|
|
1706
1770
|
getRightLeafColumns: memo(() => [table.getAllLeafColumns(), table.getState().columnPinning.right], (allColumns, right) => {
|
|
1707
|
-
return (right
|
|
1771
|
+
return (right != null ? right : []).map(columnId => allColumns.find(column => column.id === columnId)).filter(Boolean);
|
|
1708
1772
|
}, {
|
|
1709
1773
|
key: 'getRightLeafColumns',
|
|
1710
|
-
debug: () =>
|
|
1774
|
+
debug: () => {
|
|
1775
|
+
var _table$options$debugA5;
|
|
1776
|
+
return (_table$options$debugA5 = table.options.debugAll) != null ? _table$options$debugA5 : table.options.debugColumns;
|
|
1777
|
+
}
|
|
1711
1778
|
}),
|
|
1712
1779
|
getCenterLeafColumns: memo(() => [table.getAllLeafColumns(), table.getState().columnPinning.left, table.getState().columnPinning.right], (allColumns, left, right) => {
|
|
1713
|
-
const leftAndRight = [...(left
|
|
1780
|
+
const leftAndRight = [...(left != null ? left : []), ...(right != null ? right : [])];
|
|
1714
1781
|
return allColumns.filter(d => !leftAndRight.includes(d.id));
|
|
1715
1782
|
}, {
|
|
1716
1783
|
key: 'getCenterLeafColumns',
|
|
1717
|
-
debug: () =>
|
|
1784
|
+
debug: () => {
|
|
1785
|
+
var _table$options$debugA6;
|
|
1786
|
+
return (_table$options$debugA6 = table.options.debugAll) != null ? _table$options$debugA6 : table.options.debugColumns;
|
|
1787
|
+
}
|
|
1718
1788
|
})
|
|
1719
1789
|
};
|
|
1720
1790
|
}
|
|
@@ -1743,8 +1813,11 @@
|
|
|
1743
1813
|
|
|
1744
1814
|
createTable: table => {
|
|
1745
1815
|
return {
|
|
1746
|
-
setRowSelection: updater => table.options.onRowSelectionChange
|
|
1747
|
-
resetRowSelection: defaultState =>
|
|
1816
|
+
setRowSelection: updater => table.options.onRowSelectionChange?.(updater),
|
|
1817
|
+
resetRowSelection: defaultState => {
|
|
1818
|
+
var _table$initialState$r;
|
|
1819
|
+
return table.setRowSelection(defaultState ? {} : (_table$initialState$r = table.initialState.rowSelection) != null ? _table$initialState$r : {});
|
|
1820
|
+
},
|
|
1748
1821
|
toggleAllRowsSelected: value => {
|
|
1749
1822
|
table.setRowSelection(old => {
|
|
1750
1823
|
value = typeof value !== 'undefined' ? value : !table.getIsAllRowsSelected();
|
|
@@ -1850,7 +1923,10 @@
|
|
|
1850
1923
|
return selectRowsFn(table, rowModel);
|
|
1851
1924
|
}, {
|
|
1852
1925
|
key: 'getSelectedRowModel',
|
|
1853
|
-
debug: () =>
|
|
1926
|
+
debug: () => {
|
|
1927
|
+
var _table$options$debugA;
|
|
1928
|
+
return (_table$options$debugA = table.options.debugAll) != null ? _table$options$debugA : table.options.debugTable;
|
|
1929
|
+
}
|
|
1854
1930
|
}),
|
|
1855
1931
|
getFilteredSelectedRowModel: memo(() => [table.getState().rowSelection, table.getFilteredRowModel()], (rowSelection, rowModel) => {
|
|
1856
1932
|
if (!Object.keys(rowSelection).length) {
|
|
@@ -1863,7 +1939,10 @@
|
|
|
1863
1939
|
return selectRowsFn(table, rowModel);
|
|
1864
1940
|
}, {
|
|
1865
1941
|
key: "development" === 'production' ,
|
|
1866
|
-
debug: () =>
|
|
1942
|
+
debug: () => {
|
|
1943
|
+
var _table$options$debugA2;
|
|
1944
|
+
return (_table$options$debugA2 = table.options.debugAll) != null ? _table$options$debugA2 : table.options.debugTable;
|
|
1945
|
+
}
|
|
1867
1946
|
}),
|
|
1868
1947
|
getGroupedSelectedRowModel: memo(() => [table.getState().rowSelection, table.getSortedRowModel()], (rowSelection, rowModel) => {
|
|
1869
1948
|
if (!Object.keys(rowSelection).length) {
|
|
@@ -1876,7 +1955,10 @@
|
|
|
1876
1955
|
return selectRowsFn(table, rowModel);
|
|
1877
1956
|
}, {
|
|
1878
1957
|
key: "development" === 'production' ,
|
|
1879
|
-
debug: () =>
|
|
1958
|
+
debug: () => {
|
|
1959
|
+
var _table$options$debugA3;
|
|
1960
|
+
return (_table$options$debugA3 = table.options.debugAll) != null ? _table$options$debugA3 : table.options.debugTable;
|
|
1961
|
+
}
|
|
1880
1962
|
}),
|
|
1881
1963
|
///
|
|
1882
1964
|
|
|
@@ -1919,7 +2001,8 @@
|
|
|
1919
2001
|
return isAllPageRowsSelected;
|
|
1920
2002
|
},
|
|
1921
2003
|
getIsSomeRowsSelected: () => {
|
|
1922
|
-
|
|
2004
|
+
var _table$getState$rowSe;
|
|
2005
|
+
const totalSelected = Object.keys((_table$getState$rowSe = table.getState().rowSelection) != null ? _table$getState$rowSe : {}).length;
|
|
1923
2006
|
return totalSelected > 0 && totalSelected < table.getFilteredRowModel().flatRows.length;
|
|
1924
2007
|
},
|
|
1925
2008
|
getIsSomePageRowsSelected: () => {
|
|
@@ -1973,36 +2056,37 @@
|
|
|
1973
2056
|
return isSubRowSelected(row, rowSelection) === 'all';
|
|
1974
2057
|
},
|
|
1975
2058
|
getCanSelect: () => {
|
|
2059
|
+
var _table$options$enable;
|
|
1976
2060
|
if (typeof table.options.enableRowSelection === 'function') {
|
|
1977
2061
|
return table.options.enableRowSelection(row);
|
|
1978
2062
|
}
|
|
1979
|
-
return table.options.enableRowSelection
|
|
2063
|
+
return (_table$options$enable = table.options.enableRowSelection) != null ? _table$options$enable : true;
|
|
1980
2064
|
},
|
|
1981
2065
|
getCanSelectSubRows: () => {
|
|
2066
|
+
var _table$options$enable2;
|
|
1982
2067
|
if (typeof table.options.enableSubRowSelection === 'function') {
|
|
1983
2068
|
return table.options.enableSubRowSelection(row);
|
|
1984
2069
|
}
|
|
1985
|
-
return table.options.enableSubRowSelection
|
|
2070
|
+
return (_table$options$enable2 = table.options.enableSubRowSelection) != null ? _table$options$enable2 : true;
|
|
1986
2071
|
},
|
|
1987
2072
|
getCanMultiSelect: () => {
|
|
2073
|
+
var _table$options$enable3;
|
|
1988
2074
|
if (typeof table.options.enableMultiRowSelection === 'function') {
|
|
1989
2075
|
return table.options.enableMultiRowSelection(row);
|
|
1990
2076
|
}
|
|
1991
|
-
return table.options.enableMultiRowSelection
|
|
2077
|
+
return (_table$options$enable3 = table.options.enableMultiRowSelection) != null ? _table$options$enable3 : true;
|
|
1992
2078
|
},
|
|
1993
2079
|
getToggleSelectedHandler: () => {
|
|
1994
2080
|
const canSelect = row.getCanSelect();
|
|
1995
2081
|
return e => {
|
|
1996
|
-
var _target;
|
|
1997
2082
|
if (!canSelect) return;
|
|
1998
|
-
row.toggleSelected(
|
|
2083
|
+
row.toggleSelected(e.target?.checked);
|
|
1999
2084
|
};
|
|
2000
2085
|
}
|
|
2001
2086
|
};
|
|
2002
2087
|
}
|
|
2003
2088
|
};
|
|
2004
2089
|
const mutateRowIsSelected = (selectedRowIds, id, value, table) => {
|
|
2005
|
-
var _row$subRows;
|
|
2006
2090
|
const row = table.getRow(id);
|
|
2007
2091
|
|
|
2008
2092
|
// const isGrouped = row.getIsGrouped()
|
|
@@ -2023,7 +2107,7 @@
|
|
|
2023
2107
|
}
|
|
2024
2108
|
// }
|
|
2025
2109
|
|
|
2026
|
-
if (
|
|
2110
|
+
if (row.subRows?.length && row.getCanSelectSubRows()) {
|
|
2027
2111
|
row.subRows.forEach(row => mutateRowIsSelected(selectedRowIds, row.id, value, table));
|
|
2028
2112
|
}
|
|
2029
2113
|
};
|
|
@@ -2035,13 +2119,12 @@
|
|
|
2035
2119
|
// Filters top level and nested rows
|
|
2036
2120
|
const recurseRows = function (rows, depth) {
|
|
2037
2121
|
return rows.map(row => {
|
|
2038
|
-
var _row$subRows2;
|
|
2039
2122
|
const isSelected = isRowSelected(row, rowSelection);
|
|
2040
2123
|
if (isSelected) {
|
|
2041
2124
|
newSelectedFlatRows.push(row);
|
|
2042
2125
|
newSelectedRowsById[row.id] = row;
|
|
2043
2126
|
}
|
|
2044
|
-
if (
|
|
2127
|
+
if (row.subRows?.length) {
|
|
2045
2128
|
row = {
|
|
2046
2129
|
...row,
|
|
2047
2130
|
subRows: recurseRows(row.subRows)
|
|
@@ -2059,7 +2142,8 @@
|
|
|
2059
2142
|
};
|
|
2060
2143
|
}
|
|
2061
2144
|
function isRowSelected(row, selection) {
|
|
2062
|
-
|
|
2145
|
+
var _selection$row$id;
|
|
2146
|
+
return (_selection$row$id = selection[row.id]) != null ? _selection$row$id : false;
|
|
2063
2147
|
}
|
|
2064
2148
|
function isSubRowSelected(row, selection, table) {
|
|
2065
2149
|
if (row.subRows && row.subRows.length) {
|
|
@@ -2214,7 +2298,7 @@
|
|
|
2214
2298
|
const firstRows = table.getFilteredRowModel().flatRows.slice(10);
|
|
2215
2299
|
let isString = false;
|
|
2216
2300
|
for (const row of firstRows) {
|
|
2217
|
-
const value = row
|
|
2301
|
+
const value = row?.getValue(column.id);
|
|
2218
2302
|
if (Object.prototype.toString.call(value) === '[object Date]') {
|
|
2219
2303
|
return sortingFns.datetime;
|
|
2220
2304
|
}
|
|
@@ -2232,7 +2316,7 @@
|
|
|
2232
2316
|
},
|
|
2233
2317
|
getAutoSortDir: () => {
|
|
2234
2318
|
const firstRow = table.getFilteredRowModel().flatRows[0];
|
|
2235
|
-
const value = firstRow
|
|
2319
|
+
const value = firstRow?.getValue(column.id);
|
|
2236
2320
|
if (typeof value === 'string') {
|
|
2237
2321
|
return 'asc';
|
|
2238
2322
|
}
|
|
@@ -2243,7 +2327,7 @@
|
|
|
2243
2327
|
if (!column) {
|
|
2244
2328
|
throw new Error();
|
|
2245
2329
|
}
|
|
2246
|
-
return isFunction(column.columnDef.sortingFn) ? column.columnDef.sortingFn : column.columnDef.sortingFn === 'auto' ? column.getAutoSortingFn() : (
|
|
2330
|
+
return isFunction(column.columnDef.sortingFn) ? column.columnDef.sortingFn : column.columnDef.sortingFn === 'auto' ? column.getAutoSortingFn() : (_table$options$sortin = table.options.sortingFns?.[column.columnDef.sortingFn]) != null ? _table$options$sortin : sortingFns[column.columnDef.sortingFn];
|
|
2247
2331
|
},
|
|
2248
2332
|
toggleSorting: (desc, multi) => {
|
|
2249
2333
|
// if (column.columns.length) {
|
|
@@ -2260,8 +2344,8 @@
|
|
|
2260
2344
|
const hasManualValue = typeof desc !== 'undefined' && desc !== null;
|
|
2261
2345
|
table.setSorting(old => {
|
|
2262
2346
|
// Find any existing sorting for this column
|
|
2263
|
-
const existingSorting = old
|
|
2264
|
-
const existingIndex = old
|
|
2347
|
+
const existingSorting = old?.find(d => d.id === column.id);
|
|
2348
|
+
const existingIndex = old?.findIndex(d => d.id === column.id);
|
|
2265
2349
|
let newSorting = [];
|
|
2266
2350
|
|
|
2267
2351
|
// What should we do with this sort action?
|
|
@@ -2269,7 +2353,7 @@
|
|
|
2269
2353
|
let nextDesc = hasManualValue ? desc : nextSortingOrder === 'desc';
|
|
2270
2354
|
|
|
2271
2355
|
// Multi-mode
|
|
2272
|
-
if (old
|
|
2356
|
+
if (old?.length && column.getCanMultiSort() && multi) {
|
|
2273
2357
|
if (existingSorting) {
|
|
2274
2358
|
sortAction = 'toggle';
|
|
2275
2359
|
} else {
|
|
@@ -2277,7 +2361,7 @@
|
|
|
2277
2361
|
}
|
|
2278
2362
|
} else {
|
|
2279
2363
|
// Normal mode
|
|
2280
|
-
if (old
|
|
2364
|
+
if (old?.length && existingIndex !== old.length - 1) {
|
|
2281
2365
|
sortAction = 'replace';
|
|
2282
2366
|
} else if (existingSorting) {
|
|
2283
2367
|
sortAction = 'toggle';
|
|
@@ -2297,12 +2381,13 @@
|
|
|
2297
2381
|
}
|
|
2298
2382
|
}
|
|
2299
2383
|
if (sortAction === 'add') {
|
|
2384
|
+
var _table$options$maxMul;
|
|
2300
2385
|
newSorting = [...old, {
|
|
2301
2386
|
id: column.id,
|
|
2302
2387
|
desc: nextDesc
|
|
2303
2388
|
}];
|
|
2304
2389
|
// Take latest n columns
|
|
2305
|
-
newSorting.splice(0, newSorting.length - (table.options.maxMultiSortColCount
|
|
2390
|
+
newSorting.splice(0, newSorting.length - ((_table$options$maxMul = table.options.maxMultiSortColCount) != null ? _table$options$maxMul : Number.MAX_SAFE_INTEGER));
|
|
2306
2391
|
} else if (sortAction === 'toggle') {
|
|
2307
2392
|
// This flips (or sets) the
|
|
2308
2393
|
newSorting = old.map(d => {
|
|
@@ -2326,58 +2411,61 @@
|
|
|
2326
2411
|
});
|
|
2327
2412
|
},
|
|
2328
2413
|
getFirstSortDir: () => {
|
|
2329
|
-
|
|
2414
|
+
var _ref, _column$columnDef$sor;
|
|
2415
|
+
const sortDescFirst = (_ref = (_column$columnDef$sor = column.columnDef.sortDescFirst) != null ? _column$columnDef$sor : table.options.sortDescFirst) != null ? _ref : column.getAutoSortDir() === 'desc';
|
|
2330
2416
|
return sortDescFirst ? 'desc' : 'asc';
|
|
2331
2417
|
},
|
|
2332
2418
|
getNextSortingOrder: multi => {
|
|
2419
|
+
var _table$options$enable, _table$options$enable2;
|
|
2333
2420
|
const firstSortDirection = column.getFirstSortDir();
|
|
2334
2421
|
const isSorted = column.getIsSorted();
|
|
2335
2422
|
if (!isSorted) {
|
|
2336
2423
|
return firstSortDirection;
|
|
2337
2424
|
}
|
|
2338
|
-
if (isSorted !== firstSortDirection && (table.options.enableSortingRemoval
|
|
2425
|
+
if (isSorted !== firstSortDirection && ((_table$options$enable = table.options.enableSortingRemoval) != null ? _table$options$enable : true) && (
|
|
2339
2426
|
// If enableSortRemove, enable in general
|
|
2340
|
-
multi ? table.options.enableMultiRemove
|
|
2427
|
+
multi ? (_table$options$enable2 = table.options.enableMultiRemove) != null ? _table$options$enable2 : true : true) // If multi, don't allow if enableMultiRemove))
|
|
2341
2428
|
) {
|
|
2342
2429
|
return false;
|
|
2343
2430
|
}
|
|
2344
2431
|
return isSorted === 'desc' ? 'asc' : 'desc';
|
|
2345
2432
|
},
|
|
2346
2433
|
getCanSort: () => {
|
|
2347
|
-
|
|
2434
|
+
var _column$columnDef$ena, _table$options$enable3;
|
|
2435
|
+
return ((_column$columnDef$ena = column.columnDef.enableSorting) != null ? _column$columnDef$ena : true) && ((_table$options$enable3 = table.options.enableSorting) != null ? _table$options$enable3 : true) && !!column.accessorFn;
|
|
2348
2436
|
},
|
|
2349
2437
|
getCanMultiSort: () => {
|
|
2350
|
-
|
|
2438
|
+
var _ref2, _column$columnDef$ena2;
|
|
2439
|
+
return (_ref2 = (_column$columnDef$ena2 = column.columnDef.enableMultiSort) != null ? _column$columnDef$ena2 : table.options.enableMultiSort) != null ? _ref2 : !!column.accessorFn;
|
|
2351
2440
|
},
|
|
2352
2441
|
getIsSorted: () => {
|
|
2353
|
-
|
|
2354
|
-
const columnSort = (_table$getState$sorti = table.getState().sorting) == null ? void 0 : _table$getState$sorti.find(d => d.id === column.id);
|
|
2442
|
+
const columnSort = table.getState().sorting?.find(d => d.id === column.id);
|
|
2355
2443
|
return !columnSort ? false : columnSort.desc ? 'desc' : 'asc';
|
|
2356
2444
|
},
|
|
2357
2445
|
getSortIndex: () => {
|
|
2358
|
-
var _table$getState$
|
|
2359
|
-
return (
|
|
2446
|
+
var _table$getState$sorti;
|
|
2447
|
+
return (_table$getState$sorti = table.getState().sorting?.findIndex(d => d.id === column.id)) != null ? _table$getState$sorti : -1;
|
|
2360
2448
|
},
|
|
2361
2449
|
clearSorting: () => {
|
|
2362
2450
|
//clear sorting for just 1 column
|
|
2363
|
-
table.setSorting(old => old
|
|
2451
|
+
table.setSorting(old => old?.length ? old.filter(d => d.id !== column.id) : []);
|
|
2364
2452
|
},
|
|
2365
2453
|
getToggleSortingHandler: () => {
|
|
2366
2454
|
const canSort = column.getCanSort();
|
|
2367
2455
|
return e => {
|
|
2368
2456
|
if (!canSort) return;
|
|
2369
|
-
e.persist
|
|
2370
|
-
column.toggleSorting
|
|
2457
|
+
e.persist?.();
|
|
2458
|
+
column.toggleSorting?.(undefined, column.getCanMultiSort() ? table.options.isMultiSortEvent?.(e) : false);
|
|
2371
2459
|
};
|
|
2372
2460
|
}
|
|
2373
2461
|
};
|
|
2374
2462
|
},
|
|
2375
2463
|
createTable: table => {
|
|
2376
2464
|
return {
|
|
2377
|
-
setSorting: updater => table.options.onSortingChange
|
|
2465
|
+
setSorting: updater => table.options.onSortingChange?.(updater),
|
|
2378
2466
|
resetSorting: defaultState => {
|
|
2379
|
-
var _table$initialState;
|
|
2380
|
-
table.setSorting(defaultState ? [] : (
|
|
2467
|
+
var _table$initialState$s;
|
|
2468
|
+
table.setSorting(defaultState ? [] : (_table$initialState$s = table.initialState?.sorting) != null ? _table$initialState$s : []);
|
|
2381
2469
|
},
|
|
2382
2470
|
getPreSortedRowModel: () => table.getGroupedRowModel(),
|
|
2383
2471
|
getSortedRowModel: () => {
|
|
@@ -2413,20 +2501,21 @@
|
|
|
2413
2501
|
if (column.getCanHide()) {
|
|
2414
2502
|
table.setColumnVisibility(old => ({
|
|
2415
2503
|
...old,
|
|
2416
|
-
[column.id]: value
|
|
2504
|
+
[column.id]: value != null ? value : !column.getIsVisible()
|
|
2417
2505
|
}));
|
|
2418
2506
|
}
|
|
2419
2507
|
},
|
|
2420
2508
|
getIsVisible: () => {
|
|
2421
2509
|
var _table$getState$colum;
|
|
2422
|
-
return (
|
|
2510
|
+
return (_table$getState$colum = table.getState().columnVisibility?.[column.id]) != null ? _table$getState$colum : true;
|
|
2423
2511
|
},
|
|
2424
2512
|
getCanHide: () => {
|
|
2425
|
-
|
|
2513
|
+
var _column$columnDef$ena, _table$options$enable;
|
|
2514
|
+
return ((_column$columnDef$ena = column.columnDef.enableHiding) != null ? _column$columnDef$ena : true) && ((_table$options$enable = table.options.enableHiding) != null ? _table$options$enable : true);
|
|
2426
2515
|
},
|
|
2427
2516
|
getToggleVisibilityHandler: () => {
|
|
2428
2517
|
return e => {
|
|
2429
|
-
column.toggleVisibility
|
|
2518
|
+
column.toggleVisibility?.(e.target.checked);
|
|
2430
2519
|
};
|
|
2431
2520
|
}
|
|
2432
2521
|
};
|
|
@@ -2437,21 +2526,30 @@
|
|
|
2437
2526
|
return cells.filter(cell => cell.column.getIsVisible());
|
|
2438
2527
|
}, {
|
|
2439
2528
|
key: "development" === 'production' ,
|
|
2440
|
-
debug: () =>
|
|
2529
|
+
debug: () => {
|
|
2530
|
+
var _table$options$debugA;
|
|
2531
|
+
return (_table$options$debugA = table.options.debugAll) != null ? _table$options$debugA : table.options.debugRows;
|
|
2532
|
+
}
|
|
2441
2533
|
}),
|
|
2442
2534
|
getVisibleCells: memo(() => [row.getLeftVisibleCells(), row.getCenterVisibleCells(), row.getRightVisibleCells()], (left, center, right) => [...left, ...center, ...right], {
|
|
2443
2535
|
key: 'row.getVisibleCells',
|
|
2444
|
-
debug: () =>
|
|
2536
|
+
debug: () => {
|
|
2537
|
+
var _table$options$debugA2;
|
|
2538
|
+
return (_table$options$debugA2 = table.options.debugAll) != null ? _table$options$debugA2 : table.options.debugRows;
|
|
2539
|
+
}
|
|
2445
2540
|
})
|
|
2446
2541
|
};
|
|
2447
2542
|
},
|
|
2448
2543
|
createTable: table => {
|
|
2449
2544
|
const makeVisibleColumnsMethod = (key, getColumns) => {
|
|
2450
2545
|
return memo(() => [getColumns(), getColumns().filter(d => d.getIsVisible()).map(d => d.id).join('_')], columns => {
|
|
2451
|
-
return columns.filter(d => d.getIsVisible
|
|
2546
|
+
return columns.filter(d => d.getIsVisible?.());
|
|
2452
2547
|
}, {
|
|
2453
2548
|
key,
|
|
2454
|
-
debug: () =>
|
|
2549
|
+
debug: () => {
|
|
2550
|
+
var _table$options$debugA3;
|
|
2551
|
+
return (_table$options$debugA3 = table.options.debugAll) != null ? _table$options$debugA3 : table.options.debugColumns;
|
|
2552
|
+
}
|
|
2455
2553
|
});
|
|
2456
2554
|
};
|
|
2457
2555
|
return {
|
|
@@ -2460,23 +2558,24 @@
|
|
|
2460
2558
|
getLeftVisibleLeafColumns: makeVisibleColumnsMethod('getLeftVisibleLeafColumns', () => table.getLeftLeafColumns()),
|
|
2461
2559
|
getRightVisibleLeafColumns: makeVisibleColumnsMethod('getRightVisibleLeafColumns', () => table.getRightLeafColumns()),
|
|
2462
2560
|
getCenterVisibleLeafColumns: makeVisibleColumnsMethod('getCenterVisibleLeafColumns', () => table.getCenterLeafColumns()),
|
|
2463
|
-
setColumnVisibility: updater => table.options.onColumnVisibilityChange
|
|
2561
|
+
setColumnVisibility: updater => table.options.onColumnVisibilityChange?.(updater),
|
|
2464
2562
|
resetColumnVisibility: defaultState => {
|
|
2465
|
-
|
|
2563
|
+
var _table$initialState$c;
|
|
2564
|
+
table.setColumnVisibility(defaultState ? {} : (_table$initialState$c = table.initialState.columnVisibility) != null ? _table$initialState$c : {});
|
|
2466
2565
|
},
|
|
2467
2566
|
toggleAllColumnsVisible: value => {
|
|
2468
|
-
|
|
2567
|
+
var _value;
|
|
2568
|
+
value = (_value = value) != null ? _value : !table.getIsAllColumnsVisible();
|
|
2469
2569
|
table.setColumnVisibility(table.getAllLeafColumns().reduce((obj, column) => ({
|
|
2470
2570
|
...obj,
|
|
2471
|
-
[column.id]: !value ? !
|
|
2571
|
+
[column.id]: !value ? !column.getCanHide?.() : value
|
|
2472
2572
|
}), {}));
|
|
2473
2573
|
},
|
|
2474
|
-
getIsAllColumnsVisible: () => !table.getAllLeafColumns().some(column => !
|
|
2475
|
-
getIsSomeColumnsVisible: () => table.getAllLeafColumns().some(column => column.getIsVisible
|
|
2574
|
+
getIsAllColumnsVisible: () => !table.getAllLeafColumns().some(column => !column.getIsVisible?.()),
|
|
2575
|
+
getIsSomeColumnsVisible: () => table.getAllLeafColumns().some(column => column.getIsVisible?.()),
|
|
2476
2576
|
getToggleAllColumnsVisibilityHandler: () => {
|
|
2477
2577
|
return e => {
|
|
2478
|
-
|
|
2479
|
-
table.toggleAllColumnsVisible((_target = e.target) == null ? void 0 : _target.checked);
|
|
2578
|
+
table.toggleAllColumnsVisible(e.target?.checked);
|
|
2480
2579
|
};
|
|
2481
2580
|
}
|
|
2482
2581
|
};
|
|
@@ -2488,6 +2587,7 @@
|
|
|
2488
2587
|
//
|
|
2489
2588
|
|
|
2490
2589
|
function createTable(options) {
|
|
2590
|
+
var _options$initialState;
|
|
2491
2591
|
if (options.debugAll || options.debugTable) {
|
|
2492
2592
|
console.info('Creating Table Instance...');
|
|
2493
2593
|
}
|
|
@@ -2495,7 +2595,7 @@
|
|
|
2495
2595
|
_features: features
|
|
2496
2596
|
};
|
|
2497
2597
|
const defaultOptions = table._features.reduce((obj, feature) => {
|
|
2498
|
-
return Object.assign(obj, feature.getDefaultOptions
|
|
2598
|
+
return Object.assign(obj, feature.getDefaultOptions?.(table));
|
|
2499
2599
|
}, {});
|
|
2500
2600
|
const mergeOptions = options => {
|
|
2501
2601
|
if (table.options.mergeOptions) {
|
|
@@ -2509,10 +2609,11 @@
|
|
|
2509
2609
|
const coreInitialState = {};
|
|
2510
2610
|
let initialState = {
|
|
2511
2611
|
...coreInitialState,
|
|
2512
|
-
...(options.initialState
|
|
2612
|
+
...((_options$initialState = options.initialState) != null ? _options$initialState : {})
|
|
2513
2613
|
};
|
|
2514
2614
|
table._features.forEach(feature => {
|
|
2515
|
-
|
|
2615
|
+
var _feature$getInitialSt;
|
|
2616
|
+
initialState = (_feature$getInitialSt = feature.getInitialState?.(initialState)) != null ? _feature$getInitialSt : initialState;
|
|
2516
2617
|
});
|
|
2517
2618
|
const queued = [];
|
|
2518
2619
|
let queuedTimeout = false;
|
|
@@ -2551,9 +2652,12 @@
|
|
|
2551
2652
|
return table.options.state;
|
|
2552
2653
|
},
|
|
2553
2654
|
setState: updater => {
|
|
2554
|
-
table.options.onStateChange
|
|
2655
|
+
table.options.onStateChange?.(updater);
|
|
2656
|
+
},
|
|
2657
|
+
_getRowId: (row, index, parent) => {
|
|
2658
|
+
var _table$options$getRow;
|
|
2659
|
+
return (_table$options$getRow = table.options.getRowId?.(row, index, parent)) != null ? _table$options$getRow : `${parent ? [parent.id, index].join('.') : index}`;
|
|
2555
2660
|
},
|
|
2556
|
-
_getRowId: (row, index, parent) => (table.options.getRowId == null ? void 0 : table.options.getRowId(row, index, parent)) ?? `${parent ? [parent.id, index].join('.') : index}`,
|
|
2557
2661
|
getCoreRowModel: () => {
|
|
2558
2662
|
if (!table._getCoreRowModel) {
|
|
2559
2663
|
table._getCoreRowModel = table.options.getCoreRowModel(table);
|
|
@@ -2576,7 +2680,8 @@
|
|
|
2576
2680
|
return row;
|
|
2577
2681
|
},
|
|
2578
2682
|
_getDefaultColumnDef: memo(() => [table.options.defaultColumn], defaultColumn => {
|
|
2579
|
-
|
|
2683
|
+
var _defaultColumn;
|
|
2684
|
+
defaultColumn = (_defaultColumn = defaultColumn) != null ? _defaultColumn : {};
|
|
2580
2685
|
return {
|
|
2581
2686
|
header: props => {
|
|
2582
2687
|
const resolvedColumnDef = props.header.column.columnDef;
|
|
@@ -2590,16 +2695,19 @@
|
|
|
2590
2695
|
},
|
|
2591
2696
|
// footer: props => props.header.column.id,
|
|
2592
2697
|
cell: props => {
|
|
2593
|
-
var _props$renderValue;
|
|
2594
|
-
return (
|
|
2698
|
+
var _props$renderValue$to;
|
|
2699
|
+
return (_props$renderValue$to = props.renderValue()?.toString?.()) != null ? _props$renderValue$to : null;
|
|
2595
2700
|
},
|
|
2596
2701
|
...table._features.reduce((obj, feature) => {
|
|
2597
|
-
return Object.assign(obj, feature.getDefaultColumnDef
|
|
2702
|
+
return Object.assign(obj, feature.getDefaultColumnDef?.());
|
|
2598
2703
|
}, {}),
|
|
2599
2704
|
...defaultColumn
|
|
2600
2705
|
};
|
|
2601
2706
|
}, {
|
|
2602
|
-
debug: () =>
|
|
2707
|
+
debug: () => {
|
|
2708
|
+
var _table$options$debugA;
|
|
2709
|
+
return (_table$options$debugA = table.options.debugAll) != null ? _table$options$debugA : table.options.debugColumns;
|
|
2710
|
+
},
|
|
2603
2711
|
key: 'getDefaultColumnDef'
|
|
2604
2712
|
}),
|
|
2605
2713
|
_getColumnDefs: () => table.options.columns,
|
|
@@ -2618,7 +2726,10 @@
|
|
|
2618
2726
|
return recurseColumns(columnDefs);
|
|
2619
2727
|
}, {
|
|
2620
2728
|
key: 'getAllColumns',
|
|
2621
|
-
debug: () =>
|
|
2729
|
+
debug: () => {
|
|
2730
|
+
var _table$options$debugA2;
|
|
2731
|
+
return (_table$options$debugA2 = table.options.debugAll) != null ? _table$options$debugA2 : table.options.debugColumns;
|
|
2732
|
+
}
|
|
2622
2733
|
}),
|
|
2623
2734
|
getAllFlatColumns: memo(() => [table.getAllColumns()], allColumns => {
|
|
2624
2735
|
return allColumns.flatMap(column => {
|
|
@@ -2626,7 +2737,10 @@
|
|
|
2626
2737
|
});
|
|
2627
2738
|
}, {
|
|
2628
2739
|
key: 'getAllFlatColumns',
|
|
2629
|
-
debug: () =>
|
|
2740
|
+
debug: () => {
|
|
2741
|
+
var _table$options$debugA3;
|
|
2742
|
+
return (_table$options$debugA3 = table.options.debugAll) != null ? _table$options$debugA3 : table.options.debugColumns;
|
|
2743
|
+
}
|
|
2630
2744
|
}),
|
|
2631
2745
|
_getAllFlatColumnsById: memo(() => [table.getAllFlatColumns()], flatColumns => {
|
|
2632
2746
|
return flatColumns.reduce((acc, column) => {
|
|
@@ -2635,14 +2749,20 @@
|
|
|
2635
2749
|
}, {});
|
|
2636
2750
|
}, {
|
|
2637
2751
|
key: 'getAllFlatColumnsById',
|
|
2638
|
-
debug: () =>
|
|
2752
|
+
debug: () => {
|
|
2753
|
+
var _table$options$debugA4;
|
|
2754
|
+
return (_table$options$debugA4 = table.options.debugAll) != null ? _table$options$debugA4 : table.options.debugColumns;
|
|
2755
|
+
}
|
|
2639
2756
|
}),
|
|
2640
2757
|
getAllLeafColumns: memo(() => [table.getAllColumns(), table._getOrderColumnsFn()], (allColumns, orderColumns) => {
|
|
2641
2758
|
let leafColumns = allColumns.flatMap(column => column.getLeafColumns());
|
|
2642
2759
|
return orderColumns(leafColumns);
|
|
2643
2760
|
}, {
|
|
2644
2761
|
key: 'getAllLeafColumns',
|
|
2645
|
-
debug: () =>
|
|
2762
|
+
debug: () => {
|
|
2763
|
+
var _table$options$debugA5;
|
|
2764
|
+
return (_table$options$debugA5 = table.options.debugAll) != null ? _table$options$debugA5 : table.options.debugColumns;
|
|
2765
|
+
}
|
|
2646
2766
|
}),
|
|
2647
2767
|
getColumn: columnId => {
|
|
2648
2768
|
const column = table._getAllFlatColumnsById()[columnId];
|
|
@@ -2657,13 +2777,16 @@
|
|
|
2657
2777
|
};
|
|
2658
2778
|
Object.assign(table, coreInstance);
|
|
2659
2779
|
table._features.forEach(feature => {
|
|
2660
|
-
return Object.assign(table, feature.createTable
|
|
2780
|
+
return Object.assign(table, feature.createTable?.(table));
|
|
2661
2781
|
});
|
|
2662
2782
|
return table;
|
|
2663
2783
|
}
|
|
2664
2784
|
|
|
2665
2785
|
function createCell(table, row, column, columnId) {
|
|
2666
|
-
const getRenderValue = () =>
|
|
2786
|
+
const getRenderValue = () => {
|
|
2787
|
+
var _cell$getValue;
|
|
2788
|
+
return (_cell$getValue = cell.getValue()) != null ? _cell$getValue : table.options.renderFallbackValue;
|
|
2789
|
+
};
|
|
2667
2790
|
const cell = {
|
|
2668
2791
|
id: `${row.id}_${column.id}`,
|
|
2669
2792
|
row,
|
|
@@ -2683,7 +2806,7 @@
|
|
|
2683
2806
|
})
|
|
2684
2807
|
};
|
|
2685
2808
|
table._features.forEach(feature => {
|
|
2686
|
-
Object.assign(cell, feature.createCell
|
|
2809
|
+
Object.assign(cell, feature.createCell?.(cell, column, row, table));
|
|
2687
2810
|
}, {});
|
|
2688
2811
|
return cell;
|
|
2689
2812
|
}
|
|
@@ -2722,8 +2845,11 @@
|
|
|
2722
2845
|
row._uniqueValuesCache[columnId] = column.columnDef.getUniqueValues(row.original, rowIndex);
|
|
2723
2846
|
return row._uniqueValuesCache[columnId];
|
|
2724
2847
|
},
|
|
2725
|
-
renderValue: columnId =>
|
|
2726
|
-
|
|
2848
|
+
renderValue: columnId => {
|
|
2849
|
+
var _row$getValue;
|
|
2850
|
+
return (_row$getValue = row.getValue(columnId)) != null ? _row$getValue : table.options.renderFallbackValue;
|
|
2851
|
+
},
|
|
2852
|
+
subRows: subRows != null ? subRows : [],
|
|
2727
2853
|
getLeafRows: () => flattenBy(row.subRows, d => d.subRows),
|
|
2728
2854
|
getAllCells: memo(() => [table.getAllLeafColumns()], leafColumns => {
|
|
2729
2855
|
return leafColumns.map(column => {
|
|
@@ -2731,7 +2857,10 @@
|
|
|
2731
2857
|
});
|
|
2732
2858
|
}, {
|
|
2733
2859
|
key: 'row.getAllCells',
|
|
2734
|
-
debug: () =>
|
|
2860
|
+
debug: () => {
|
|
2861
|
+
var _table$options$debugA;
|
|
2862
|
+
return (_table$options$debugA = table.options.debugAll) != null ? _table$options$debugA : table.options.debugRows;
|
|
2863
|
+
}
|
|
2735
2864
|
}),
|
|
2736
2865
|
_getAllCellsByColumnId: memo(() => [row.getAllCells()], allCells => {
|
|
2737
2866
|
return allCells.reduce((acc, cell) => {
|
|
@@ -2740,12 +2869,15 @@
|
|
|
2740
2869
|
}, {});
|
|
2741
2870
|
}, {
|
|
2742
2871
|
key: "development" === 'production' ,
|
|
2743
|
-
debug: () =>
|
|
2872
|
+
debug: () => {
|
|
2873
|
+
var _table$options$debugA2;
|
|
2874
|
+
return (_table$options$debugA2 = table.options.debugAll) != null ? _table$options$debugA2 : table.options.debugRows;
|
|
2875
|
+
}
|
|
2744
2876
|
})
|
|
2745
2877
|
};
|
|
2746
2878
|
for (let i = 0; i < table._features.length; i++) {
|
|
2747
2879
|
const feature = table._features[i];
|
|
2748
|
-
Object.assign(row, feature
|
|
2880
|
+
Object.assign(row, feature?.createRow?.(row, table));
|
|
2749
2881
|
}
|
|
2750
2882
|
return row;
|
|
2751
2883
|
};
|
|
@@ -2839,11 +2971,10 @@
|
|
|
2839
2971
|
|
|
2840
2972
|
// Get the original subrows
|
|
2841
2973
|
if (table.options.getSubRows) {
|
|
2842
|
-
var _row$originalSubRows;
|
|
2843
2974
|
row.originalSubRows = table.options.getSubRows(originalRows[i], i);
|
|
2844
2975
|
|
|
2845
2976
|
// Then recursively access them
|
|
2846
|
-
if (
|
|
2977
|
+
if (row.originalSubRows?.length) {
|
|
2847
2978
|
row.subRows = accessRows(row.originalSubRows, depth + 1, row);
|
|
2848
2979
|
}
|
|
2849
2980
|
}
|
|
@@ -2854,7 +2985,10 @@
|
|
|
2854
2985
|
return rowModel;
|
|
2855
2986
|
}, {
|
|
2856
2987
|
key: 'getRowModel',
|
|
2857
|
-
debug: () =>
|
|
2988
|
+
debug: () => {
|
|
2989
|
+
var _table$options$debugA;
|
|
2990
|
+
return (_table$options$debugA = table.options.debugAll) != null ? _table$options$debugA : table.options.debugTable;
|
|
2991
|
+
},
|
|
2858
2992
|
onChange: () => {
|
|
2859
2993
|
table._autoResetPageIndex();
|
|
2860
2994
|
}
|
|
@@ -2868,9 +3002,10 @@
|
|
|
2868
3002
|
return filterRowModelFromRoot(rows, filterRowImpl, table);
|
|
2869
3003
|
}
|
|
2870
3004
|
function filterRowModelFromLeafs(rowsToFilter, filterRow, table) {
|
|
3005
|
+
var _table$options$maxLea;
|
|
2871
3006
|
const newFilteredFlatRows = [];
|
|
2872
3007
|
const newFilteredRowsById = {};
|
|
2873
|
-
const maxDepth = table.options.maxLeafRowFilterDepth
|
|
3008
|
+
const maxDepth = (_table$options$maxLea = table.options.maxLeafRowFilterDepth) != null ? _table$options$maxLea : 100;
|
|
2874
3009
|
const recurseFilterRows = function (rowsToFilter, depth) {
|
|
2875
3010
|
if (depth === void 0) {
|
|
2876
3011
|
depth = 0;
|
|
@@ -2879,11 +3014,10 @@
|
|
|
2879
3014
|
|
|
2880
3015
|
// Filter from children up first
|
|
2881
3016
|
for (let i = 0; i < rowsToFilter.length; i++) {
|
|
2882
|
-
var _row$subRows;
|
|
2883
3017
|
let row = rowsToFilter[i];
|
|
2884
3018
|
const newRow = createRow(table, row.id, row.original, row.index, row.depth);
|
|
2885
3019
|
newRow.columnFilters = row.columnFilters;
|
|
2886
|
-
if (
|
|
3020
|
+
if (row.subRows?.length && depth < maxDepth) {
|
|
2887
3021
|
newRow.subRows = recurseFilterRows(row.subRows, depth + 1);
|
|
2888
3022
|
row = newRow;
|
|
2889
3023
|
if (filterRow(row) && !newRow.subRows.length) {
|
|
@@ -2916,9 +3050,10 @@
|
|
|
2916
3050
|
};
|
|
2917
3051
|
}
|
|
2918
3052
|
function filterRowModelFromRoot(rowsToFilter, filterRow, table) {
|
|
3053
|
+
var _table$options$maxLea2;
|
|
2919
3054
|
const newFilteredFlatRows = [];
|
|
2920
3055
|
const newFilteredRowsById = {};
|
|
2921
|
-
const maxDepth = table.options.maxLeafRowFilterDepth
|
|
3056
|
+
const maxDepth = (_table$options$maxLea2 = table.options.maxLeafRowFilterDepth) != null ? _table$options$maxLea2 : 100;
|
|
2922
3057
|
|
|
2923
3058
|
// Filters top level and nested rows
|
|
2924
3059
|
const recurseFilterRows = function (rowsToFilter, depth) {
|
|
@@ -2934,8 +3069,7 @@
|
|
|
2934
3069
|
let row = rowsToFilter[i];
|
|
2935
3070
|
const pass = filterRow(row);
|
|
2936
3071
|
if (pass) {
|
|
2937
|
-
|
|
2938
|
-
if ((_row$subRows2 = row.subRows) != null && _row$subRows2.length && depth < maxDepth) {
|
|
3072
|
+
if (row.subRows?.length && depth < maxDepth) {
|
|
2939
3073
|
const newRow = createRow(table, row.id, row.original, row.index, row.depth);
|
|
2940
3074
|
newRow.subRows = recurseFilterRows(row.subRows, depth + 1);
|
|
2941
3075
|
row = newRow;
|
|
@@ -2956,7 +3090,7 @@
|
|
|
2956
3090
|
|
|
2957
3091
|
function getFilteredRowModel() {
|
|
2958
3092
|
return table => memo(() => [table.getPreFilteredRowModel(), table.getState().columnFilters, table.getState().globalFilter], (rowModel, columnFilters, globalFilter) => {
|
|
2959
|
-
if (!rowModel.rows.length || !
|
|
3093
|
+
if (!rowModel.rows.length || !columnFilters?.length && !globalFilter) {
|
|
2960
3094
|
for (let i = 0; i < rowModel.flatRows.length; i++) {
|
|
2961
3095
|
rowModel.flatRows[i].columnFilters = {};
|
|
2962
3096
|
rowModel.flatRows[i].columnFiltersMeta = {};
|
|
@@ -2965,7 +3099,8 @@
|
|
|
2965
3099
|
}
|
|
2966
3100
|
const resolvedColumnFilters = [];
|
|
2967
3101
|
const resolvedGlobalFilters = [];
|
|
2968
|
-
(columnFilters
|
|
3102
|
+
(columnFilters != null ? columnFilters : []).forEach(d => {
|
|
3103
|
+
var _filterFn$resolveFilt;
|
|
2969
3104
|
const column = table.getColumn(d.id);
|
|
2970
3105
|
if (!column) {
|
|
2971
3106
|
{
|
|
@@ -2982,7 +3117,7 @@
|
|
|
2982
3117
|
resolvedColumnFilters.push({
|
|
2983
3118
|
id: d.id,
|
|
2984
3119
|
filterFn,
|
|
2985
|
-
resolvedValue: (
|
|
3120
|
+
resolvedValue: (_filterFn$resolveFilt = filterFn.resolveFilterValue?.(d.value)) != null ? _filterFn$resolveFilt : d.value
|
|
2986
3121
|
});
|
|
2987
3122
|
});
|
|
2988
3123
|
const filterableIds = columnFilters.map(d => d.id);
|
|
@@ -2991,10 +3126,11 @@
|
|
|
2991
3126
|
if (globalFilter && globalFilterFn && globallyFilterableColumns.length) {
|
|
2992
3127
|
filterableIds.push('__global__');
|
|
2993
3128
|
globallyFilterableColumns.forEach(column => {
|
|
3129
|
+
var _globalFilterFn$resol;
|
|
2994
3130
|
resolvedGlobalFilters.push({
|
|
2995
3131
|
id: column.id,
|
|
2996
3132
|
filterFn: globalFilterFn,
|
|
2997
|
-
resolvedValue: (globalFilterFn.resolveFilterValue
|
|
3133
|
+
resolvedValue: (_globalFilterFn$resol = globalFilterFn.resolveFilterValue?.(globalFilter)) != null ? _globalFilterFn$resol : globalFilter
|
|
2998
3134
|
});
|
|
2999
3135
|
});
|
|
3000
3136
|
}
|
|
@@ -3047,7 +3183,10 @@
|
|
|
3047
3183
|
return filterRows(rowModel.rows, filterRowsImpl, table);
|
|
3048
3184
|
}, {
|
|
3049
3185
|
key: 'getFilteredRowModel',
|
|
3050
|
-
debug: () =>
|
|
3186
|
+
debug: () => {
|
|
3187
|
+
var _table$options$debugA;
|
|
3188
|
+
return (_table$options$debugA = table.options.debugAll) != null ? _table$options$debugA : table.options.debugTable;
|
|
3189
|
+
},
|
|
3051
3190
|
onChange: () => {
|
|
3052
3191
|
table._autoResetPageIndex();
|
|
3053
3192
|
}
|
|
@@ -3056,7 +3195,7 @@
|
|
|
3056
3195
|
|
|
3057
3196
|
function getFacetedRowModel() {
|
|
3058
3197
|
return (table, columnId) => memo(() => [table.getPreFilteredRowModel(), table.getState().columnFilters, table.getState().globalFilter, table.getFilteredRowModel()], (preRowModel, columnFilters, globalFilter) => {
|
|
3059
|
-
if (!preRowModel.rows.length || !
|
|
3198
|
+
if (!preRowModel.rows.length || !columnFilters?.length && !globalFilter) {
|
|
3060
3199
|
return preRowModel;
|
|
3061
3200
|
}
|
|
3062
3201
|
const filterableIds = [...columnFilters.map(d => d.id).filter(d => d !== columnId), globalFilter ? '__global__' : undefined].filter(Boolean);
|
|
@@ -3072,7 +3211,10 @@
|
|
|
3072
3211
|
return filterRows(preRowModel.rows, filterRowsImpl, table);
|
|
3073
3212
|
}, {
|
|
3074
3213
|
key: 'getFacetedRowModel_' + columnId,
|
|
3075
|
-
debug: () =>
|
|
3214
|
+
debug: () => {
|
|
3215
|
+
var _table$options$debugA;
|
|
3216
|
+
return (_table$options$debugA = table.options.debugAll) != null ? _table$options$debugA : table.options.debugTable;
|
|
3217
|
+
},
|
|
3076
3218
|
onChange: () => {}
|
|
3077
3219
|
});
|
|
3078
3220
|
}
|
|
@@ -3085,7 +3227,8 @@
|
|
|
3085
3227
|
for (let j = 0; j < values.length; j++) {
|
|
3086
3228
|
const value = values[j];
|
|
3087
3229
|
if (facetedUniqueValues.has(value)) {
|
|
3088
|
-
|
|
3230
|
+
var _facetedUniqueValues$;
|
|
3231
|
+
facetedUniqueValues.set(value, ((_facetedUniqueValues$ = facetedUniqueValues.get(value)) != null ? _facetedUniqueValues$ : 0) + 1);
|
|
3089
3232
|
} else {
|
|
3090
3233
|
facetedUniqueValues.set(value, 1);
|
|
3091
3234
|
}
|
|
@@ -3094,15 +3237,17 @@
|
|
|
3094
3237
|
return facetedUniqueValues;
|
|
3095
3238
|
}, {
|
|
3096
3239
|
key: 'getFacetedUniqueValues_' + columnId,
|
|
3097
|
-
debug: () =>
|
|
3240
|
+
debug: () => {
|
|
3241
|
+
var _table$options$debugA;
|
|
3242
|
+
return (_table$options$debugA = table.options.debugAll) != null ? _table$options$debugA : table.options.debugTable;
|
|
3243
|
+
},
|
|
3098
3244
|
onChange: () => {}
|
|
3099
3245
|
});
|
|
3100
3246
|
}
|
|
3101
3247
|
|
|
3102
3248
|
function getFacetedMinMaxValues() {
|
|
3103
3249
|
return (table, columnId) => memo(() => [table.getColumn(columnId).getFacetedRowModel()], facetedRowModel => {
|
|
3104
|
-
|
|
3105
|
-
const firstValue = (_facetedRowModel$flat = facetedRowModel.flatRows[0]) == null ? void 0 : _facetedRowModel$flat.getUniqueValues(columnId);
|
|
3250
|
+
const firstValue = facetedRowModel.flatRows[0]?.getUniqueValues(columnId);
|
|
3106
3251
|
if (typeof firstValue === 'undefined') {
|
|
3107
3252
|
return undefined;
|
|
3108
3253
|
}
|
|
@@ -3121,14 +3266,17 @@
|
|
|
3121
3266
|
return facetedMinMaxValues;
|
|
3122
3267
|
}, {
|
|
3123
3268
|
key: 'getFacetedMinMaxValues_' + columnId,
|
|
3124
|
-
debug: () =>
|
|
3269
|
+
debug: () => {
|
|
3270
|
+
var _table$options$debugA;
|
|
3271
|
+
return (_table$options$debugA = table.options.debugAll) != null ? _table$options$debugA : table.options.debugTable;
|
|
3272
|
+
},
|
|
3125
3273
|
onChange: () => {}
|
|
3126
3274
|
});
|
|
3127
3275
|
}
|
|
3128
3276
|
|
|
3129
3277
|
function getSortedRowModel() {
|
|
3130
3278
|
return table => memo(() => [table.getState().sorting, table.getPreSortedRowModel()], (sorting, rowModel) => {
|
|
3131
|
-
if (!rowModel.rows.length || !
|
|
3279
|
+
if (!rowModel.rows.length || !sorting?.length) {
|
|
3132
3280
|
return rowModel;
|
|
3133
3281
|
}
|
|
3134
3282
|
const sortingState = table.getState().sorting;
|
|
@@ -3151,9 +3299,10 @@
|
|
|
3151
3299
|
const sortedData = [...rows];
|
|
3152
3300
|
sortedData.sort((rowA, rowB) => {
|
|
3153
3301
|
for (let i = 0; i < availableSorting.length; i += 1) {
|
|
3302
|
+
var _sortEntry$desc;
|
|
3154
3303
|
const sortEntry = availableSorting[i];
|
|
3155
3304
|
const columnInfo = columnInfoById[sortEntry.id];
|
|
3156
|
-
const isDesc = (sortEntry
|
|
3305
|
+
const isDesc = (_sortEntry$desc = sortEntry?.desc) != null ? _sortEntry$desc : false;
|
|
3157
3306
|
if (columnInfo.sortUndefined) {
|
|
3158
3307
|
const aValue = rowA.getValue(sortEntry.id);
|
|
3159
3308
|
const bValue = rowB.getValue(sortEntry.id);
|
|
@@ -3181,9 +3330,8 @@
|
|
|
3181
3330
|
|
|
3182
3331
|
// If there are sub-rows, sort them
|
|
3183
3332
|
sortedData.forEach(row => {
|
|
3184
|
-
var _row$subRows;
|
|
3185
3333
|
sortedFlatRows.push(row);
|
|
3186
|
-
if (
|
|
3334
|
+
if (row.subRows?.length) {
|
|
3187
3335
|
row.subRows = sortData(row.subRows);
|
|
3188
3336
|
}
|
|
3189
3337
|
});
|
|
@@ -3196,7 +3344,10 @@
|
|
|
3196
3344
|
};
|
|
3197
3345
|
}, {
|
|
3198
3346
|
key: 'getSortedRowModel',
|
|
3199
|
-
debug: () =>
|
|
3347
|
+
debug: () => {
|
|
3348
|
+
var _table$options$debugA;
|
|
3349
|
+
return (_table$options$debugA = table.options.debugAll) != null ? _table$options$debugA : table.options.debugTable;
|
|
3350
|
+
},
|
|
3200
3351
|
onChange: () => {
|
|
3201
3352
|
table._autoResetPageIndex();
|
|
3202
3353
|
}
|
|
@@ -3265,7 +3416,8 @@
|
|
|
3265
3416
|
return row._valuesCache[columnId];
|
|
3266
3417
|
}
|
|
3267
3418
|
if (groupedRows[0]) {
|
|
3268
|
-
|
|
3419
|
+
var _groupedRows$0$getVal;
|
|
3420
|
+
row._valuesCache[columnId] = (_groupedRows$0$getVal = groupedRows[0].getValue(columnId)) != null ? _groupedRows$0$getVal : undefined;
|
|
3269
3421
|
}
|
|
3270
3422
|
return row._valuesCache[columnId];
|
|
3271
3423
|
}
|
|
@@ -3318,7 +3470,10 @@
|
|
|
3318
3470
|
};
|
|
3319
3471
|
}, {
|
|
3320
3472
|
key: 'getGroupedRowModel',
|
|
3321
|
-
debug: () =>
|
|
3473
|
+
debug: () => {
|
|
3474
|
+
var _table$options$debugA;
|
|
3475
|
+
return (_table$options$debugA = table.options.debugAll) != null ? _table$options$debugA : table.options.debugTable;
|
|
3476
|
+
},
|
|
3322
3477
|
onChange: () => {
|
|
3323
3478
|
table._queue(() => {
|
|
3324
3479
|
table._autoResetExpanded();
|
|
@@ -3343,7 +3498,7 @@
|
|
|
3343
3498
|
|
|
3344
3499
|
function getExpandedRowModel() {
|
|
3345
3500
|
return table => memo(() => [table.getState().expanded, table.getPreExpandedRowModel(), table.options.paginateExpandedRows], (expanded, rowModel, paginateExpandedRows) => {
|
|
3346
|
-
if (!rowModel.rows.length || expanded !== true && !Object.keys(expanded
|
|
3501
|
+
if (!rowModel.rows.length || expanded !== true && !Object.keys(expanded != null ? expanded : {}).length) {
|
|
3347
3502
|
return rowModel;
|
|
3348
3503
|
}
|
|
3349
3504
|
if (!paginateExpandedRows) {
|
|
@@ -3353,15 +3508,17 @@
|
|
|
3353
3508
|
return expandRows(rowModel);
|
|
3354
3509
|
}, {
|
|
3355
3510
|
key: 'getExpandedRowModel',
|
|
3356
|
-
debug: () =>
|
|
3511
|
+
debug: () => {
|
|
3512
|
+
var _table$options$debugA;
|
|
3513
|
+
return (_table$options$debugA = table.options.debugAll) != null ? _table$options$debugA : table.options.debugTable;
|
|
3514
|
+
}
|
|
3357
3515
|
});
|
|
3358
3516
|
}
|
|
3359
3517
|
function expandRows(rowModel) {
|
|
3360
3518
|
const expandedRows = [];
|
|
3361
3519
|
const handleRow = row => {
|
|
3362
|
-
var _row$subRows;
|
|
3363
3520
|
expandedRows.push(row);
|
|
3364
|
-
if (
|
|
3521
|
+
if (row.subRows?.length && row.getIsExpanded()) {
|
|
3365
3522
|
row.subRows.forEach(handleRow);
|
|
3366
3523
|
}
|
|
3367
3524
|
};
|
|
@@ -3415,7 +3572,10 @@
|
|
|
3415
3572
|
return paginatedRowModel;
|
|
3416
3573
|
}, {
|
|
3417
3574
|
key: 'getPaginationRowModel',
|
|
3418
|
-
debug: () =>
|
|
3575
|
+
debug: () => {
|
|
3576
|
+
var _table$options$debugA;
|
|
3577
|
+
return (_table$options$debugA = table.options.debugAll) != null ? _table$options$debugA : table.options.debugTable;
|
|
3578
|
+
}
|
|
3419
3579
|
});
|
|
3420
3580
|
}
|
|
3421
3581
|
|
|
@@ -3468,7 +3628,7 @@
|
|
|
3468
3628
|
// state.
|
|
3469
3629
|
onStateChange: updater => {
|
|
3470
3630
|
setState(updater);
|
|
3471
|
-
options.onStateChange
|
|
3631
|
+
options.onStateChange?.(updater);
|
|
3472
3632
|
}
|
|
3473
3633
|
}));
|
|
3474
3634
|
return tableRef.current;
|