@tanstack/svelte-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 +7 -0
- package/build/lib/index.esm.js +201 -0
- package/build/lib/index.esm.js.map +1 -0
- package/build/{cjs/svelte-table/src → lib}/index.js +10 -49
- package/build/lib/index.js.map +1 -0
- package/build/lib/index.mjs +201 -0
- package/build/lib/index.mjs.map +1 -0
- package/build/lib/placeholder.d.ts +3 -0
- package/build/{cjs/svelte-table/src → lib}/placeholder.js +0 -0
- package/build/lib/placeholder.js.map +1 -0
- package/build/{cjs/svelte-table/src → lib}/placeholder.svelte.js +1 -1
- package/build/lib/placeholder.svelte.js.map +1 -0
- package/build/lib/render-component.d.ts +27 -0
- package/build/{cjs/svelte-table/src → lib}/render-component.js +0 -0
- package/build/lib/render-component.js.map +1 -0
- package/build/umd/index.development.js +473 -314
- 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/svelte-table/src/index.js.map +0 -1
- package/build/cjs/svelte-table/src/placeholder.js.map +0 -1
- package/build/cjs/svelte-table/src/placeholder.svelte.js.map +0 -1
- package/build/cjs/svelte-table/src/render-component.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 -3587
- package/build/esm/index.js.map +0 -1
- package/build/stats-html.html +0 -4044
- package/build/stats-react.json +0 -205
- package/build/types/index.d.ts +0 -48
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
subArr.forEach(item => {
|
|
56
56
|
flat.push(item);
|
|
57
57
|
const children = getChildren(item);
|
|
58
|
-
if (children
|
|
58
|
+
if (children?.length) {
|
|
59
59
|
recurse(children);
|
|
60
60
|
}
|
|
61
61
|
});
|
|
@@ -78,9 +78,9 @@
|
|
|
78
78
|
let resultTime;
|
|
79
79
|
if (opts.key && opts.debug) resultTime = Date.now();
|
|
80
80
|
result = fn(...newDeps);
|
|
81
|
-
opts
|
|
81
|
+
opts?.onChange?.(result);
|
|
82
82
|
if (opts.key && opts.debug) {
|
|
83
|
-
if (opts
|
|
83
|
+
if (opts?.debug()) {
|
|
84
84
|
const depEndTime = Math.round((Date.now() - depTime) * 100) / 100;
|
|
85
85
|
const resultEndTime = Math.round((Date.now() - resultTime) * 100) / 100;
|
|
86
86
|
const resultFpsPercentage = resultEndTime / 16;
|
|
@@ -94,7 +94,7 @@
|
|
|
94
94
|
console.info(`%c⏱ ${pad(resultEndTime, 5)} /${pad(depEndTime, 5)} ms`, `
|
|
95
95
|
font-size: .6rem;
|
|
96
96
|
font-weight: bold;
|
|
97
|
-
color: hsl(${Math.max(0, Math.min(120 - 120 * resultFpsPercentage, 120))}deg 100% 31%);`, opts
|
|
97
|
+
color: hsl(${Math.max(0, Math.min(120 - 120 * resultFpsPercentage, 120))}deg 100% 31%);`, opts?.key);
|
|
98
98
|
}
|
|
99
99
|
}
|
|
100
100
|
return result;
|
|
@@ -102,13 +102,14 @@
|
|
|
102
102
|
}
|
|
103
103
|
|
|
104
104
|
function createColumn(table, columnDef, depth, parent) {
|
|
105
|
+
var _ref, _resolvedColumnDef$id;
|
|
105
106
|
const defaultColumn = table._getDefaultColumnDef();
|
|
106
107
|
const resolvedColumnDef = {
|
|
107
108
|
...defaultColumn,
|
|
108
109
|
...columnDef
|
|
109
110
|
};
|
|
110
111
|
const accessorKey = resolvedColumnDef.accessorKey;
|
|
111
|
-
let id = resolvedColumnDef.id
|
|
112
|
+
let id = (_ref = (_resolvedColumnDef$id = resolvedColumnDef.id) != null ? _resolvedColumnDef$id : accessorKey ? accessorKey.replace('.', '_') : undefined) != null ? _ref : typeof resolvedColumnDef.header === 'string' ? resolvedColumnDef.header : undefined;
|
|
112
113
|
let accessorFn;
|
|
113
114
|
if (resolvedColumnDef.accessorFn) {
|
|
114
115
|
accessorFn = resolvedColumnDef.accessorFn;
|
|
@@ -142,26 +143,30 @@
|
|
|
142
143
|
columnDef: resolvedColumnDef,
|
|
143
144
|
columns: [],
|
|
144
145
|
getFlatColumns: memo(() => [true], () => {
|
|
145
|
-
|
|
146
|
-
return [column, ...((_column$columns = column.columns) == null ? void 0 : _column$columns.flatMap(d => d.getFlatColumns()))];
|
|
146
|
+
return [column, ...column.columns?.flatMap(d => d.getFlatColumns())];
|
|
147
147
|
}, {
|
|
148
148
|
key: "development" === 'production' ,
|
|
149
|
-
debug: () =>
|
|
149
|
+
debug: () => {
|
|
150
|
+
var _table$options$debugA;
|
|
151
|
+
return (_table$options$debugA = table.options.debugAll) != null ? _table$options$debugA : table.options.debugColumns;
|
|
152
|
+
}
|
|
150
153
|
}),
|
|
151
154
|
getLeafColumns: memo(() => [table._getOrderColumnsFn()], orderColumns => {
|
|
152
|
-
|
|
153
|
-
if ((_column$columns2 = column.columns) != null && _column$columns2.length) {
|
|
155
|
+
if (column.columns?.length) {
|
|
154
156
|
let leafColumns = column.columns.flatMap(column => column.getLeafColumns());
|
|
155
157
|
return orderColumns(leafColumns);
|
|
156
158
|
}
|
|
157
159
|
return [column];
|
|
158
160
|
}, {
|
|
159
161
|
key: "development" === 'production' ,
|
|
160
|
-
debug: () =>
|
|
162
|
+
debug: () => {
|
|
163
|
+
var _table$options$debugA2;
|
|
164
|
+
return (_table$options$debugA2 = table.options.debugAll) != null ? _table$options$debugA2 : table.options.debugColumns;
|
|
165
|
+
}
|
|
161
166
|
})
|
|
162
167
|
};
|
|
163
168
|
column = table._features.reduce((obj, feature) => {
|
|
164
|
-
return Object.assign(obj, feature.createColumn
|
|
169
|
+
return Object.assign(obj, feature.createColumn?.(column, table));
|
|
165
170
|
}, column);
|
|
166
171
|
|
|
167
172
|
// Yes, we have to convert table to uknown, because we know more than the compiler here.
|
|
@@ -171,7 +176,8 @@
|
|
|
171
176
|
//
|
|
172
177
|
|
|
173
178
|
function createHeader(table, column, options) {
|
|
174
|
-
|
|
179
|
+
var _options$id;
|
|
180
|
+
const id = (_options$id = options.id) != null ? _options$id : column.id;
|
|
175
181
|
let header = {
|
|
176
182
|
id,
|
|
177
183
|
column,
|
|
@@ -201,7 +207,7 @@
|
|
|
201
207
|
})
|
|
202
208
|
};
|
|
203
209
|
table._features.forEach(feature => {
|
|
204
|
-
Object.assign(header, feature.createHeader
|
|
210
|
+
Object.assign(header, feature.createHeader?.(header, table));
|
|
205
211
|
});
|
|
206
212
|
return header;
|
|
207
213
|
}
|
|
@@ -211,35 +217,50 @@
|
|
|
211
217
|
// Header Groups
|
|
212
218
|
|
|
213
219
|
getHeaderGroups: memo(() => [table.getAllColumns(), table.getVisibleLeafColumns(), table.getState().columnPinning.left, table.getState().columnPinning.right], (allColumns, leafColumns, left, right) => {
|
|
214
|
-
|
|
215
|
-
const
|
|
216
|
-
const
|
|
220
|
+
var _left$map$filter, _right$map$filter;
|
|
221
|
+
const leftColumns = (_left$map$filter = left?.map(columnId => leafColumns.find(d => d.id === columnId)).filter(Boolean)) != null ? _left$map$filter : [];
|
|
222
|
+
const rightColumns = (_right$map$filter = right?.map(columnId => leafColumns.find(d => d.id === columnId)).filter(Boolean)) != null ? _right$map$filter : [];
|
|
223
|
+
const centerColumns = leafColumns.filter(column => !left?.includes(column.id) && !right?.includes(column.id));
|
|
217
224
|
const headerGroups = buildHeaderGroups(allColumns, [...leftColumns, ...centerColumns, ...rightColumns], table);
|
|
218
225
|
return headerGroups;
|
|
219
226
|
}, {
|
|
220
227
|
key: 'getHeaderGroups',
|
|
221
|
-
debug: () =>
|
|
228
|
+
debug: () => {
|
|
229
|
+
var _table$options$debugA;
|
|
230
|
+
return (_table$options$debugA = table.options.debugAll) != null ? _table$options$debugA : table.options.debugHeaders;
|
|
231
|
+
}
|
|
222
232
|
}),
|
|
223
233
|
getCenterHeaderGroups: memo(() => [table.getAllColumns(), table.getVisibleLeafColumns(), table.getState().columnPinning.left, table.getState().columnPinning.right], (allColumns, leafColumns, left, right) => {
|
|
224
|
-
leafColumns = leafColumns.filter(column => !
|
|
234
|
+
leafColumns = leafColumns.filter(column => !left?.includes(column.id) && !right?.includes(column.id));
|
|
225
235
|
return buildHeaderGroups(allColumns, leafColumns, table, 'center');
|
|
226
236
|
}, {
|
|
227
237
|
key: 'getCenterHeaderGroups',
|
|
228
|
-
debug: () =>
|
|
238
|
+
debug: () => {
|
|
239
|
+
var _table$options$debugA2;
|
|
240
|
+
return (_table$options$debugA2 = table.options.debugAll) != null ? _table$options$debugA2 : table.options.debugHeaders;
|
|
241
|
+
}
|
|
229
242
|
}),
|
|
230
243
|
getLeftHeaderGroups: memo(() => [table.getAllColumns(), table.getVisibleLeafColumns(), table.getState().columnPinning.left], (allColumns, leafColumns, left) => {
|
|
231
|
-
|
|
244
|
+
var _left$map$filter2;
|
|
245
|
+
const orderedLeafColumns = (_left$map$filter2 = left?.map(columnId => leafColumns.find(d => d.id === columnId)).filter(Boolean)) != null ? _left$map$filter2 : [];
|
|
232
246
|
return buildHeaderGroups(allColumns, orderedLeafColumns, table, 'left');
|
|
233
247
|
}, {
|
|
234
248
|
key: 'getLeftHeaderGroups',
|
|
235
|
-
debug: () =>
|
|
249
|
+
debug: () => {
|
|
250
|
+
var _table$options$debugA3;
|
|
251
|
+
return (_table$options$debugA3 = table.options.debugAll) != null ? _table$options$debugA3 : table.options.debugHeaders;
|
|
252
|
+
}
|
|
236
253
|
}),
|
|
237
254
|
getRightHeaderGroups: memo(() => [table.getAllColumns(), table.getVisibleLeafColumns(), table.getState().columnPinning.right], (allColumns, leafColumns, right) => {
|
|
238
|
-
|
|
255
|
+
var _right$map$filter2;
|
|
256
|
+
const orderedLeafColumns = (_right$map$filter2 = right?.map(columnId => leafColumns.find(d => d.id === columnId)).filter(Boolean)) != null ? _right$map$filter2 : [];
|
|
239
257
|
return buildHeaderGroups(allColumns, orderedLeafColumns, table, 'right');
|
|
240
258
|
}, {
|
|
241
259
|
key: 'getRightHeaderGroups',
|
|
242
|
-
debug: () =>
|
|
260
|
+
debug: () => {
|
|
261
|
+
var _table$options$debugA4;
|
|
262
|
+
return (_table$options$debugA4 = table.options.debugAll) != null ? _table$options$debugA4 : table.options.debugHeaders;
|
|
263
|
+
}
|
|
243
264
|
}),
|
|
244
265
|
// Footer Groups
|
|
245
266
|
|
|
@@ -247,25 +268,37 @@
|
|
|
247
268
|
return [...headerGroups].reverse();
|
|
248
269
|
}, {
|
|
249
270
|
key: 'getFooterGroups',
|
|
250
|
-
debug: () =>
|
|
271
|
+
debug: () => {
|
|
272
|
+
var _table$options$debugA5;
|
|
273
|
+
return (_table$options$debugA5 = table.options.debugAll) != null ? _table$options$debugA5 : table.options.debugHeaders;
|
|
274
|
+
}
|
|
251
275
|
}),
|
|
252
276
|
getLeftFooterGroups: memo(() => [table.getLeftHeaderGroups()], headerGroups => {
|
|
253
277
|
return [...headerGroups].reverse();
|
|
254
278
|
}, {
|
|
255
279
|
key: 'getLeftFooterGroups',
|
|
256
|
-
debug: () =>
|
|
280
|
+
debug: () => {
|
|
281
|
+
var _table$options$debugA6;
|
|
282
|
+
return (_table$options$debugA6 = table.options.debugAll) != null ? _table$options$debugA6 : table.options.debugHeaders;
|
|
283
|
+
}
|
|
257
284
|
}),
|
|
258
285
|
getCenterFooterGroups: memo(() => [table.getCenterHeaderGroups()], headerGroups => {
|
|
259
286
|
return [...headerGroups].reverse();
|
|
260
287
|
}, {
|
|
261
288
|
key: 'getCenterFooterGroups',
|
|
262
|
-
debug: () =>
|
|
289
|
+
debug: () => {
|
|
290
|
+
var _table$options$debugA7;
|
|
291
|
+
return (_table$options$debugA7 = table.options.debugAll) != null ? _table$options$debugA7 : table.options.debugHeaders;
|
|
292
|
+
}
|
|
263
293
|
}),
|
|
264
294
|
getRightFooterGroups: memo(() => [table.getRightHeaderGroups()], headerGroups => {
|
|
265
295
|
return [...headerGroups].reverse();
|
|
266
296
|
}, {
|
|
267
297
|
key: 'getRightFooterGroups',
|
|
268
|
-
debug: () =>
|
|
298
|
+
debug: () => {
|
|
299
|
+
var _table$options$debugA8;
|
|
300
|
+
return (_table$options$debugA8 = table.options.debugAll) != null ? _table$options$debugA8 : table.options.debugHeaders;
|
|
301
|
+
}
|
|
269
302
|
}),
|
|
270
303
|
// Flat Headers
|
|
271
304
|
|
|
@@ -275,7 +308,10 @@
|
|
|
275
308
|
}).flat();
|
|
276
309
|
}, {
|
|
277
310
|
key: 'getFlatHeaders',
|
|
278
|
-
debug: () =>
|
|
311
|
+
debug: () => {
|
|
312
|
+
var _table$options$debugA9;
|
|
313
|
+
return (_table$options$debugA9 = table.options.debugAll) != null ? _table$options$debugA9 : table.options.debugHeaders;
|
|
314
|
+
}
|
|
279
315
|
}),
|
|
280
316
|
getLeftFlatHeaders: memo(() => [table.getLeftHeaderGroups()], left => {
|
|
281
317
|
return left.map(headerGroup => {
|
|
@@ -283,7 +319,10 @@
|
|
|
283
319
|
}).flat();
|
|
284
320
|
}, {
|
|
285
321
|
key: 'getLeftFlatHeaders',
|
|
286
|
-
debug: () =>
|
|
322
|
+
debug: () => {
|
|
323
|
+
var _table$options$debugA10;
|
|
324
|
+
return (_table$options$debugA10 = table.options.debugAll) != null ? _table$options$debugA10 : table.options.debugHeaders;
|
|
325
|
+
}
|
|
287
326
|
}),
|
|
288
327
|
getCenterFlatHeaders: memo(() => [table.getCenterHeaderGroups()], left => {
|
|
289
328
|
return left.map(headerGroup => {
|
|
@@ -291,7 +330,10 @@
|
|
|
291
330
|
}).flat();
|
|
292
331
|
}, {
|
|
293
332
|
key: 'getCenterFlatHeaders',
|
|
294
|
-
debug: () =>
|
|
333
|
+
debug: () => {
|
|
334
|
+
var _table$options$debugA11;
|
|
335
|
+
return (_table$options$debugA11 = table.options.debugAll) != null ? _table$options$debugA11 : table.options.debugHeaders;
|
|
336
|
+
}
|
|
295
337
|
}),
|
|
296
338
|
getRightFlatHeaders: memo(() => [table.getRightHeaderGroups()], left => {
|
|
297
339
|
return left.map(headerGroup => {
|
|
@@ -299,51 +341,57 @@
|
|
|
299
341
|
}).flat();
|
|
300
342
|
}, {
|
|
301
343
|
key: 'getRightFlatHeaders',
|
|
302
|
-
debug: () =>
|
|
344
|
+
debug: () => {
|
|
345
|
+
var _table$options$debugA12;
|
|
346
|
+
return (_table$options$debugA12 = table.options.debugAll) != null ? _table$options$debugA12 : table.options.debugHeaders;
|
|
347
|
+
}
|
|
303
348
|
}),
|
|
304
349
|
// Leaf Headers
|
|
305
350
|
|
|
306
351
|
getCenterLeafHeaders: memo(() => [table.getCenterFlatHeaders()], flatHeaders => {
|
|
307
|
-
return flatHeaders.filter(header =>
|
|
308
|
-
var _header$subHeaders;
|
|
309
|
-
return !((_header$subHeaders = header.subHeaders) != null && _header$subHeaders.length);
|
|
310
|
-
});
|
|
352
|
+
return flatHeaders.filter(header => !header.subHeaders?.length);
|
|
311
353
|
}, {
|
|
312
354
|
key: 'getCenterLeafHeaders',
|
|
313
|
-
debug: () =>
|
|
355
|
+
debug: () => {
|
|
356
|
+
var _table$options$debugA13;
|
|
357
|
+
return (_table$options$debugA13 = table.options.debugAll) != null ? _table$options$debugA13 : table.options.debugHeaders;
|
|
358
|
+
}
|
|
314
359
|
}),
|
|
315
360
|
getLeftLeafHeaders: memo(() => [table.getLeftFlatHeaders()], flatHeaders => {
|
|
316
|
-
return flatHeaders.filter(header =>
|
|
317
|
-
var _header$subHeaders2;
|
|
318
|
-
return !((_header$subHeaders2 = header.subHeaders) != null && _header$subHeaders2.length);
|
|
319
|
-
});
|
|
361
|
+
return flatHeaders.filter(header => !header.subHeaders?.length);
|
|
320
362
|
}, {
|
|
321
363
|
key: 'getLeftLeafHeaders',
|
|
322
|
-
debug: () =>
|
|
364
|
+
debug: () => {
|
|
365
|
+
var _table$options$debugA14;
|
|
366
|
+
return (_table$options$debugA14 = table.options.debugAll) != null ? _table$options$debugA14 : table.options.debugHeaders;
|
|
367
|
+
}
|
|
323
368
|
}),
|
|
324
369
|
getRightLeafHeaders: memo(() => [table.getRightFlatHeaders()], flatHeaders => {
|
|
325
|
-
return flatHeaders.filter(header =>
|
|
326
|
-
var _header$subHeaders3;
|
|
327
|
-
return !((_header$subHeaders3 = header.subHeaders) != null && _header$subHeaders3.length);
|
|
328
|
-
});
|
|
370
|
+
return flatHeaders.filter(header => !header.subHeaders?.length);
|
|
329
371
|
}, {
|
|
330
372
|
key: 'getRightLeafHeaders',
|
|
331
|
-
debug: () =>
|
|
373
|
+
debug: () => {
|
|
374
|
+
var _table$options$debugA15;
|
|
375
|
+
return (_table$options$debugA15 = table.options.debugAll) != null ? _table$options$debugA15 : table.options.debugHeaders;
|
|
376
|
+
}
|
|
332
377
|
}),
|
|
333
378
|
getLeafHeaders: memo(() => [table.getLeftHeaderGroups(), table.getCenterHeaderGroups(), table.getRightHeaderGroups()], (left, center, right) => {
|
|
334
|
-
var _left
|
|
335
|
-
return [...((
|
|
379
|
+
var _left$0$headers, _center$0$headers, _right$0$headers;
|
|
380
|
+
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 => {
|
|
336
381
|
return header.getLeafHeaders();
|
|
337
382
|
}).flat();
|
|
338
383
|
}, {
|
|
339
384
|
key: 'getLeafHeaders',
|
|
340
|
-
debug: () =>
|
|
385
|
+
debug: () => {
|
|
386
|
+
var _table$options$debugA16;
|
|
387
|
+
return (_table$options$debugA16 = table.options.debugAll) != null ? _table$options$debugA16 : table.options.debugHeaders;
|
|
388
|
+
}
|
|
341
389
|
})
|
|
342
390
|
};
|
|
343
391
|
}
|
|
344
392
|
};
|
|
345
393
|
function buildHeaderGroups(allColumns, columnsToGroup, table, headerFamily) {
|
|
346
|
-
var _headerGroups
|
|
394
|
+
var _headerGroups$0$heade;
|
|
347
395
|
// Find the max depth of the columns:
|
|
348
396
|
// build the leaf column row
|
|
349
397
|
// build each buffer row going up
|
|
@@ -357,8 +405,7 @@
|
|
|
357
405
|
}
|
|
358
406
|
maxDepth = Math.max(maxDepth, depth);
|
|
359
407
|
columns.filter(column => column.getIsVisible()).forEach(column => {
|
|
360
|
-
|
|
361
|
-
if ((_column$columns = column.columns) != null && _column$columns.length) {
|
|
408
|
+
if (column.columns?.length) {
|
|
362
409
|
findMaxDepth(column.columns, depth + 1);
|
|
363
410
|
}
|
|
364
411
|
}, 0);
|
|
@@ -392,13 +439,13 @@
|
|
|
392
439
|
column = headerToGroup.column;
|
|
393
440
|
isPlaceholder = true;
|
|
394
441
|
}
|
|
395
|
-
if (latestPendingParentHeader &&
|
|
442
|
+
if (latestPendingParentHeader && latestPendingParentHeader?.column === column) {
|
|
396
443
|
// This column is repeated. Add it as a sub header to the next batch
|
|
397
444
|
latestPendingParentHeader.subHeaders.push(headerToGroup);
|
|
398
445
|
} else {
|
|
399
446
|
// This is a new header. Let's create it
|
|
400
447
|
const header = createHeader(table, column, {
|
|
401
|
-
id: [headerFamily, depth, column.id, headerToGroup
|
|
448
|
+
id: [headerFamily, depth, column.id, headerToGroup?.id].filter(Boolean).join('_'),
|
|
402
449
|
isPlaceholder,
|
|
403
450
|
placeholderId: isPlaceholder ? `${pendingParentHeaders.filter(d => d.column === column).length}` : undefined,
|
|
404
451
|
depth,
|
|
@@ -459,7 +506,7 @@
|
|
|
459
506
|
};
|
|
460
507
|
});
|
|
461
508
|
};
|
|
462
|
-
recurseHeadersForSpans((
|
|
509
|
+
recurseHeadersForSpans((_headerGroups$0$heade = headerGroups[0]?.headers) != null ? _headerGroups$0$heade : []);
|
|
463
510
|
return headerGroups;
|
|
464
511
|
}
|
|
465
512
|
|
|
@@ -499,8 +546,9 @@
|
|
|
499
546
|
createColumn: (column, table) => {
|
|
500
547
|
return {
|
|
501
548
|
getSize: () => {
|
|
549
|
+
var _column$columnDef$min, _ref, _column$columnDef$max;
|
|
502
550
|
const columnSize = table.getState().columnSizing[column.id];
|
|
503
|
-
return Math.min(Math.max(column.columnDef.minSize
|
|
551
|
+
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);
|
|
504
552
|
},
|
|
505
553
|
getStart: position => {
|
|
506
554
|
const columns = !position ? table.getVisibleLeafColumns() : position === 'left' ? table.getLeftVisibleLeafColumns() : table.getRightVisibleLeafColumns();
|
|
@@ -512,16 +560,17 @@
|
|
|
512
560
|
return 0;
|
|
513
561
|
},
|
|
514
562
|
resetSize: () => {
|
|
515
|
-
table.setColumnSizing(
|
|
563
|
+
table.setColumnSizing(_ref2 => {
|
|
516
564
|
let {
|
|
517
565
|
[column.id]: _,
|
|
518
566
|
...rest
|
|
519
|
-
} =
|
|
567
|
+
} = _ref2;
|
|
520
568
|
return rest;
|
|
521
569
|
});
|
|
522
570
|
},
|
|
523
571
|
getCanResize: () => {
|
|
524
|
-
|
|
572
|
+
var _column$columnDef$ena, _table$options$enable;
|
|
573
|
+
return ((_column$columnDef$ena = column.columnDef.enableResizing) != null ? _column$columnDef$ena : true) && ((_table$options$enable = table.options.enableColumnResizing) != null ? _table$options$enable : true);
|
|
525
574
|
},
|
|
526
575
|
getIsResizing: () => {
|
|
527
576
|
return table.getState().columnSizingInfo.isResizingColumn === column.id;
|
|
@@ -536,7 +585,8 @@
|
|
|
536
585
|
if (header.subHeaders.length) {
|
|
537
586
|
header.subHeaders.forEach(recurse);
|
|
538
587
|
} else {
|
|
539
|
-
|
|
588
|
+
var _header$column$getSiz;
|
|
589
|
+
sum += (_header$column$getSiz = header.column.getSize()) != null ? _header$column$getSiz : 0;
|
|
540
590
|
}
|
|
541
591
|
};
|
|
542
592
|
recurse(header);
|
|
@@ -556,7 +606,7 @@
|
|
|
556
606
|
if (!canResize) {
|
|
557
607
|
return;
|
|
558
608
|
}
|
|
559
|
-
e.persist
|
|
609
|
+
e.persist?.();
|
|
560
610
|
if (isTouchStartEvent(e)) {
|
|
561
611
|
// lets not respond to multiple touches (e.g. 2 or 3 fingers)
|
|
562
612
|
if (e.touches && e.touches.length > 1) {
|
|
@@ -566,16 +616,17 @@
|
|
|
566
616
|
const startSize = header.getSize();
|
|
567
617
|
const columnSizingStart = header ? header.getLeafHeaders().map(d => [d.column.id, d.column.getSize()]) : [[column.id, column.getSize()]];
|
|
568
618
|
const clientX = isTouchStartEvent(e) ? Math.round(e.touches[0].clientX) : e.clientX;
|
|
619
|
+
const newColumnSizing = {};
|
|
569
620
|
const updateOffset = (eventType, clientXPos) => {
|
|
570
621
|
if (typeof clientXPos !== 'number') {
|
|
571
622
|
return;
|
|
572
623
|
}
|
|
573
|
-
let newColumnSizing = {};
|
|
574
624
|
table.setColumnSizingInfo(old => {
|
|
575
|
-
|
|
576
|
-
const
|
|
577
|
-
|
|
578
|
-
|
|
625
|
+
var _old$startOffset, _old$startSize;
|
|
626
|
+
const deltaOffset = clientXPos - ((_old$startOffset = old?.startOffset) != null ? _old$startOffset : 0);
|
|
627
|
+
const deltaPercentage = Math.max(deltaOffset / ((_old$startSize = old?.startSize) != null ? _old$startSize : 0), -0.999999);
|
|
628
|
+
old.columnSizingStart.forEach(_ref3 => {
|
|
629
|
+
let [columnId, headerSize] = _ref3;
|
|
579
630
|
newColumnSizing[columnId] = Math.round(Math.max(headerSize + headerSize * deltaPercentage, 0) * 100) / 100;
|
|
580
631
|
});
|
|
581
632
|
return {
|
|
@@ -622,14 +673,13 @@
|
|
|
622
673
|
return false;
|
|
623
674
|
},
|
|
624
675
|
upHandler: e => {
|
|
625
|
-
var _e$touches$;
|
|
626
676
|
document.removeEventListener('touchmove', touchEvents.moveHandler);
|
|
627
677
|
document.removeEventListener('touchend', touchEvents.upHandler);
|
|
628
678
|
if (e.cancelable) {
|
|
629
679
|
e.preventDefault();
|
|
630
680
|
e.stopPropagation();
|
|
631
681
|
}
|
|
632
|
-
onEnd(
|
|
682
|
+
onEnd(e.touches[0]?.clientX);
|
|
633
683
|
}
|
|
634
684
|
};
|
|
635
685
|
const passiveIfSupported = passiveEventSupported() ? {
|
|
@@ -657,37 +707,39 @@
|
|
|
657
707
|
},
|
|
658
708
|
createTable: table => {
|
|
659
709
|
return {
|
|
660
|
-
setColumnSizing: updater => table.options.onColumnSizingChange
|
|
661
|
-
setColumnSizingInfo: updater => table.options.onColumnSizingInfoChange
|
|
710
|
+
setColumnSizing: updater => table.options.onColumnSizingChange?.(updater),
|
|
711
|
+
setColumnSizingInfo: updater => table.options.onColumnSizingInfoChange?.(updater),
|
|
662
712
|
resetColumnSizing: defaultState => {
|
|
663
|
-
|
|
713
|
+
var _table$initialState$c;
|
|
714
|
+
table.setColumnSizing(defaultState ? {} : (_table$initialState$c = table.initialState.columnSizing) != null ? _table$initialState$c : {});
|
|
664
715
|
},
|
|
665
716
|
resetHeaderSizeInfo: defaultState => {
|
|
666
|
-
|
|
717
|
+
var _table$initialState$c2;
|
|
718
|
+
table.setColumnSizingInfo(defaultState ? getDefaultColumnSizingInfoState() : (_table$initialState$c2 = table.initialState.columnSizingInfo) != null ? _table$initialState$c2 : getDefaultColumnSizingInfoState());
|
|
667
719
|
},
|
|
668
720
|
getTotalSize: () => {
|
|
669
721
|
var _table$getHeaderGroup;
|
|
670
|
-
return (
|
|
722
|
+
return (_table$getHeaderGroup = table.getHeaderGroups()[0]?.headers.reduce((sum, header) => {
|
|
671
723
|
return sum + header.getSize();
|
|
672
|
-
}, 0))
|
|
724
|
+
}, 0)) != null ? _table$getHeaderGroup : 0;
|
|
673
725
|
},
|
|
674
726
|
getLeftTotalSize: () => {
|
|
675
727
|
var _table$getLeftHeaderG;
|
|
676
|
-
return (
|
|
728
|
+
return (_table$getLeftHeaderG = table.getLeftHeaderGroups()[0]?.headers.reduce((sum, header) => {
|
|
677
729
|
return sum + header.getSize();
|
|
678
|
-
}, 0))
|
|
730
|
+
}, 0)) != null ? _table$getLeftHeaderG : 0;
|
|
679
731
|
},
|
|
680
732
|
getCenterTotalSize: () => {
|
|
681
733
|
var _table$getCenterHeade;
|
|
682
|
-
return (
|
|
734
|
+
return (_table$getCenterHeade = table.getCenterHeaderGroups()[0]?.headers.reduce((sum, header) => {
|
|
683
735
|
return sum + header.getSize();
|
|
684
|
-
}, 0))
|
|
736
|
+
}, 0)) != null ? _table$getCenterHeade : 0;
|
|
685
737
|
},
|
|
686
738
|
getRightTotalSize: () => {
|
|
687
739
|
var _table$getRightHeader;
|
|
688
|
-
return (
|
|
740
|
+
return (_table$getRightHeader = table.getRightHeaderGroups()[0]?.headers.reduce((sum, header) => {
|
|
689
741
|
return sum + header.getSize();
|
|
690
|
-
}, 0))
|
|
742
|
+
}, 0)) != null ? _table$getRightHeader : 0;
|
|
691
743
|
}
|
|
692
744
|
};
|
|
693
745
|
}
|
|
@@ -736,13 +788,14 @@
|
|
|
736
788
|
let queued = false;
|
|
737
789
|
return {
|
|
738
790
|
_autoResetExpanded: () => {
|
|
791
|
+
var _ref, _table$options$autoRe;
|
|
739
792
|
if (!registered) {
|
|
740
793
|
table._queue(() => {
|
|
741
794
|
registered = true;
|
|
742
795
|
});
|
|
743
796
|
return;
|
|
744
797
|
}
|
|
745
|
-
if (table.options.autoResetAll
|
|
798
|
+
if ((_ref = (_table$options$autoRe = table.options.autoResetAll) != null ? _table$options$autoRe : table.options.autoResetExpanded) != null ? _ref : !table.options.manualExpanding) {
|
|
746
799
|
if (queued) return;
|
|
747
800
|
queued = true;
|
|
748
801
|
table._queue(() => {
|
|
@@ -751,24 +804,24 @@
|
|
|
751
804
|
});
|
|
752
805
|
}
|
|
753
806
|
},
|
|
754
|
-
setExpanded: updater => table.options.onExpandedChange
|
|
807
|
+
setExpanded: updater => table.options.onExpandedChange?.(updater),
|
|
755
808
|
toggleAllRowsExpanded: expanded => {
|
|
756
|
-
if (expanded
|
|
809
|
+
if (expanded != null ? expanded : !table.getIsAllRowsExpanded()) {
|
|
757
810
|
table.setExpanded(true);
|
|
758
811
|
} else {
|
|
759
812
|
table.setExpanded({});
|
|
760
813
|
}
|
|
761
814
|
},
|
|
762
815
|
resetExpanded: defaultState => {
|
|
763
|
-
var _table$initialState;
|
|
764
|
-
table.setExpanded(defaultState ? {} : (
|
|
816
|
+
var _table$initialState$e;
|
|
817
|
+
table.setExpanded(defaultState ? {} : (_table$initialState$e = table.initialState?.expanded) != null ? _table$initialState$e : {});
|
|
765
818
|
},
|
|
766
819
|
getCanSomeRowsExpand: () => {
|
|
767
820
|
return table.getRowModel().flatRows.some(row => row.getCanExpand());
|
|
768
821
|
},
|
|
769
822
|
getToggleAllRowsExpandedHandler: () => {
|
|
770
823
|
return e => {
|
|
771
|
-
e.persist
|
|
824
|
+
e.persist?.();
|
|
772
825
|
table.toggleAllRowsExpanded();
|
|
773
826
|
};
|
|
774
827
|
},
|
|
@@ -820,7 +873,8 @@
|
|
|
820
873
|
return {
|
|
821
874
|
toggleExpanded: expanded => {
|
|
822
875
|
table.setExpanded(old => {
|
|
823
|
-
|
|
876
|
+
var _expanded;
|
|
877
|
+
const exists = old === true ? true : !!old?.[row.id];
|
|
824
878
|
let oldExpanded = {};
|
|
825
879
|
if (old === true) {
|
|
826
880
|
Object.keys(table.getRowModel().rowsById).forEach(rowId => {
|
|
@@ -829,7 +883,7 @@
|
|
|
829
883
|
} else {
|
|
830
884
|
oldExpanded = old;
|
|
831
885
|
}
|
|
832
|
-
expanded = expanded
|
|
886
|
+
expanded = (_expanded = expanded) != null ? _expanded : !exists;
|
|
833
887
|
if (!exists && expanded) {
|
|
834
888
|
return {
|
|
835
889
|
...oldExpanded,
|
|
@@ -847,12 +901,13 @@
|
|
|
847
901
|
});
|
|
848
902
|
},
|
|
849
903
|
getIsExpanded: () => {
|
|
904
|
+
var _table$options$getIsR;
|
|
850
905
|
const expanded = table.getState().expanded;
|
|
851
|
-
return !!((
|
|
906
|
+
return !!((_table$options$getIsR = table.options.getIsRowExpanded?.(row)) != null ? _table$options$getIsR : expanded === true || expanded?.[row.id]);
|
|
852
907
|
},
|
|
853
908
|
getCanExpand: () => {
|
|
854
|
-
var
|
|
855
|
-
return (table.options.getRowCanExpand
|
|
909
|
+
var _table$options$getRow, _table$options$enable;
|
|
910
|
+
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;
|
|
856
911
|
},
|
|
857
912
|
getToggleExpandedHandler: () => {
|
|
858
913
|
const canExpand = row.getCanExpand();
|
|
@@ -866,40 +921,30 @@
|
|
|
866
921
|
};
|
|
867
922
|
|
|
868
923
|
const includesString = (row, columnId, filterValue) => {
|
|
869
|
-
var _row$getValue;
|
|
870
924
|
const search = filterValue.toLowerCase();
|
|
871
|
-
return Boolean(
|
|
925
|
+
return Boolean(row.getValue(columnId)?.toLowerCase().includes(search));
|
|
872
926
|
};
|
|
873
927
|
includesString.autoRemove = val => testFalsey(val);
|
|
874
928
|
const includesStringSensitive = (row, columnId, filterValue) => {
|
|
875
|
-
|
|
876
|
-
return Boolean((_row$getValue2 = row.getValue(columnId)) == null ? void 0 : _row$getValue2.includes(filterValue));
|
|
929
|
+
return Boolean(row.getValue(columnId)?.includes(filterValue));
|
|
877
930
|
};
|
|
878
931
|
includesStringSensitive.autoRemove = val => testFalsey(val);
|
|
879
932
|
const equalsString = (row, columnId, filterValue) => {
|
|
880
|
-
|
|
881
|
-
return ((_row$getValue3 = row.getValue(columnId)) == null ? void 0 : _row$getValue3.toLowerCase()) === filterValue.toLowerCase();
|
|
933
|
+
return row.getValue(columnId)?.toLowerCase() === filterValue.toLowerCase();
|
|
882
934
|
};
|
|
883
935
|
equalsString.autoRemove = val => testFalsey(val);
|
|
884
936
|
const arrIncludes = (row, columnId, filterValue) => {
|
|
885
|
-
|
|
886
|
-
return (_row$getValue4 = row.getValue(columnId)) == null ? void 0 : _row$getValue4.includes(filterValue);
|
|
937
|
+
return row.getValue(columnId)?.includes(filterValue);
|
|
887
938
|
};
|
|
888
|
-
arrIncludes.autoRemove = val => testFalsey(val) || !
|
|
939
|
+
arrIncludes.autoRemove = val => testFalsey(val) || !val?.length;
|
|
889
940
|
const arrIncludesAll = (row, columnId, filterValue) => {
|
|
890
|
-
return !filterValue.some(val =>
|
|
891
|
-
var _row$getValue5;
|
|
892
|
-
return !((_row$getValue5 = row.getValue(columnId)) != null && _row$getValue5.includes(val));
|
|
893
|
-
});
|
|
941
|
+
return !filterValue.some(val => !row.getValue(columnId)?.includes(val));
|
|
894
942
|
};
|
|
895
|
-
arrIncludesAll.autoRemove = val => testFalsey(val) || !
|
|
943
|
+
arrIncludesAll.autoRemove = val => testFalsey(val) || !val?.length;
|
|
896
944
|
const arrIncludesSome = (row, columnId, filterValue) => {
|
|
897
|
-
return filterValue.some(val =>
|
|
898
|
-
var _row$getValue6;
|
|
899
|
-
return (_row$getValue6 = row.getValue(columnId)) == null ? void 0 : _row$getValue6.includes(val);
|
|
900
|
-
});
|
|
945
|
+
return filterValue.some(val => row.getValue(columnId)?.includes(val));
|
|
901
946
|
};
|
|
902
|
-
arrIncludesSome.autoRemove = val => testFalsey(val) || !
|
|
947
|
+
arrIncludesSome.autoRemove = val => testFalsey(val) || !val?.length;
|
|
903
948
|
const equals = (row, columnId, filterValue) => {
|
|
904
949
|
return row.getValue(columnId) === filterValue;
|
|
905
950
|
};
|
|
@@ -972,8 +1017,7 @@
|
|
|
972
1017
|
maxLeafRowFilterDepth: 100,
|
|
973
1018
|
globalFilterFn: 'auto',
|
|
974
1019
|
getColumnCanGlobalFilter: column => {
|
|
975
|
-
|
|
976
|
-
const value = (_table$getCoreRowMode = table.getCoreRowModel().flatRows[0]) == null ? void 0 : (_table$getCoreRowMode2 = _table$getCoreRowMode._getAllCellsByColumnId()[column.id]) == null ? void 0 : _table$getCoreRowMode2.getValue();
|
|
1020
|
+
const value = table.getCoreRowModel().flatRows[0]?._getAllCellsByColumnId()[column.id]?.getValue();
|
|
977
1021
|
return typeof value === 'string' || typeof value === 'number';
|
|
978
1022
|
}
|
|
979
1023
|
};
|
|
@@ -982,7 +1026,7 @@
|
|
|
982
1026
|
return {
|
|
983
1027
|
getAutoFilterFn: () => {
|
|
984
1028
|
const firstRow = table.getCoreRowModel().flatRows[0];
|
|
985
|
-
const value = firstRow
|
|
1029
|
+
const value = firstRow?.getValue(column.id);
|
|
986
1030
|
if (typeof value === 'string') {
|
|
987
1031
|
return filterFns.includesString;
|
|
988
1032
|
}
|
|
@@ -1002,46 +1046,48 @@
|
|
|
1002
1046
|
},
|
|
1003
1047
|
getFilterFn: () => {
|
|
1004
1048
|
var _table$options$filter;
|
|
1005
|
-
return isFunction(column.columnDef.filterFn) ? column.columnDef.filterFn : column.columnDef.filterFn === 'auto' ? column.getAutoFilterFn() :
|
|
1049
|
+
return isFunction(column.columnDef.filterFn) ? column.columnDef.filterFn : column.columnDef.filterFn === 'auto' ? column.getAutoFilterFn() : // @ts-ignore
|
|
1050
|
+
(_table$options$filter = table.options.filterFns?.[column.columnDef.filterFn]) != null ? _table$options$filter : filterFns[column.columnDef.filterFn];
|
|
1006
1051
|
},
|
|
1007
1052
|
getCanFilter: () => {
|
|
1008
|
-
|
|
1053
|
+
var _column$columnDef$ena, _table$options$enable, _table$options$enable2;
|
|
1054
|
+
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;
|
|
1009
1055
|
},
|
|
1010
1056
|
getCanGlobalFilter: () => {
|
|
1011
|
-
|
|
1057
|
+
var _column$columnDef$ena2, _table$options$enable3, _table$options$enable4, _table$options$getCol;
|
|
1058
|
+
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;
|
|
1012
1059
|
},
|
|
1013
1060
|
getIsFiltered: () => column.getFilterIndex() > -1,
|
|
1014
|
-
getFilterValue: () =>
|
|
1015
|
-
var _table$getState$colum, _table$getState$colum2;
|
|
1016
|
-
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;
|
|
1017
|
-
},
|
|
1061
|
+
getFilterValue: () => table.getState().columnFilters?.find(d => d.id === column.id)?.value,
|
|
1018
1062
|
getFilterIndex: () => {
|
|
1019
|
-
var _table$getState$
|
|
1020
|
-
return (
|
|
1063
|
+
var _table$getState$colum;
|
|
1064
|
+
return (_table$getState$colum = table.getState().columnFilters?.findIndex(d => d.id === column.id)) != null ? _table$getState$colum : -1;
|
|
1021
1065
|
},
|
|
1022
1066
|
setFilterValue: value => {
|
|
1023
1067
|
table.setColumnFilters(old => {
|
|
1024
1068
|
const filterFn = column.getFilterFn();
|
|
1025
|
-
const previousfilter = old
|
|
1069
|
+
const previousfilter = old?.find(d => d.id === column.id);
|
|
1026
1070
|
const newFilter = functionalUpdate(value, previousfilter ? previousfilter.value : undefined);
|
|
1027
1071
|
|
|
1028
1072
|
//
|
|
1029
1073
|
if (shouldAutoRemoveFilter(filterFn, newFilter, column)) {
|
|
1030
|
-
|
|
1074
|
+
var _old$filter;
|
|
1075
|
+
return (_old$filter = old?.filter(d => d.id !== column.id)) != null ? _old$filter : [];
|
|
1031
1076
|
}
|
|
1032
1077
|
const newFilterObj = {
|
|
1033
1078
|
id: column.id,
|
|
1034
1079
|
value: newFilter
|
|
1035
1080
|
};
|
|
1036
1081
|
if (previousfilter) {
|
|
1037
|
-
|
|
1082
|
+
var _old$map;
|
|
1083
|
+
return (_old$map = old?.map(d => {
|
|
1038
1084
|
if (d.id === column.id) {
|
|
1039
1085
|
return newFilterObj;
|
|
1040
1086
|
}
|
|
1041
1087
|
return d;
|
|
1042
|
-
}))
|
|
1088
|
+
})) != null ? _old$map : [];
|
|
1043
1089
|
}
|
|
1044
|
-
if (old
|
|
1090
|
+
if (old?.length) {
|
|
1045
1091
|
return [...old, newFilterObj];
|
|
1046
1092
|
}
|
|
1047
1093
|
return [newFilterObj];
|
|
@@ -1089,13 +1135,13 @@
|
|
|
1089
1135
|
const {
|
|
1090
1136
|
globalFilterFn: globalFilterFn
|
|
1091
1137
|
} = table.options;
|
|
1092
|
-
return isFunction(globalFilterFn) ? globalFilterFn : globalFilterFn === 'auto' ? table.getGlobalAutoFilterFn() :
|
|
1138
|
+
return isFunction(globalFilterFn) ? globalFilterFn : globalFilterFn === 'auto' ? table.getGlobalAutoFilterFn() : // @ts-ignore
|
|
1139
|
+
(_table$options$filter2 = table.options.filterFns?.[globalFilterFn]) != null ? _table$options$filter2 : filterFns[globalFilterFn];
|
|
1093
1140
|
},
|
|
1094
1141
|
setColumnFilters: updater => {
|
|
1095
1142
|
const leafColumns = table.getAllLeafColumns();
|
|
1096
1143
|
const updateFn = old => {
|
|
1097
|
-
|
|
1098
|
-
return (_functionalUpdate = functionalUpdate(updater, old)) == null ? void 0 : _functionalUpdate.filter(filter => {
|
|
1144
|
+
return functionalUpdate(updater, old)?.filter(filter => {
|
|
1099
1145
|
const column = leafColumns.find(d => d.id === filter.id);
|
|
1100
1146
|
if (column) {
|
|
1101
1147
|
const filterFn = column.getFilterFn();
|
|
@@ -1106,17 +1152,17 @@
|
|
|
1106
1152
|
return true;
|
|
1107
1153
|
});
|
|
1108
1154
|
};
|
|
1109
|
-
table.options.onColumnFiltersChange
|
|
1155
|
+
table.options.onColumnFiltersChange?.(updateFn);
|
|
1110
1156
|
},
|
|
1111
1157
|
setGlobalFilter: updater => {
|
|
1112
|
-
table.options.onGlobalFilterChange
|
|
1158
|
+
table.options.onGlobalFilterChange?.(updater);
|
|
1113
1159
|
},
|
|
1114
1160
|
resetGlobalFilter: defaultState => {
|
|
1115
1161
|
table.setGlobalFilter(defaultState ? undefined : table.initialState.globalFilter);
|
|
1116
1162
|
},
|
|
1117
1163
|
resetColumnFilters: defaultState => {
|
|
1118
|
-
var _table$initialState;
|
|
1119
|
-
table.setColumnFilters(defaultState ? [] : (
|
|
1164
|
+
var _table$initialState$c;
|
|
1165
|
+
table.setColumnFilters(defaultState ? [] : (_table$initialState$c = table.initialState?.columnFilters) != null ? _table$initialState$c : []);
|
|
1120
1166
|
},
|
|
1121
1167
|
getPreFilteredRowModel: () => table.getCoreRowModel(),
|
|
1122
1168
|
getFilteredRowModel: () => {
|
|
@@ -1254,8 +1300,8 @@
|
|
|
1254
1300
|
getDefaultColumnDef: () => {
|
|
1255
1301
|
return {
|
|
1256
1302
|
aggregatedCell: props => {
|
|
1257
|
-
var
|
|
1258
|
-
return (
|
|
1303
|
+
var _toString;
|
|
1304
|
+
return (_toString = props.getValue()?.toString?.()) != null ? _toString : null;
|
|
1259
1305
|
},
|
|
1260
1306
|
aggregationFn: 'auto'
|
|
1261
1307
|
};
|
|
@@ -1277,23 +1323,20 @@
|
|
|
1277
1323
|
toggleGrouping: () => {
|
|
1278
1324
|
table.setGrouping(old => {
|
|
1279
1325
|
// Find any existing grouping for this column
|
|
1280
|
-
if (old
|
|
1326
|
+
if (old?.includes(column.id)) {
|
|
1281
1327
|
return old.filter(d => d !== column.id);
|
|
1282
1328
|
}
|
|
1283
|
-
return [...(old
|
|
1329
|
+
return [...(old != null ? old : []), column.id];
|
|
1284
1330
|
});
|
|
1285
1331
|
},
|
|
1286
1332
|
getCanGroup: () => {
|
|
1287
|
-
|
|
1333
|
+
var _ref, _ref2, _ref3, _column$columnDef$ena;
|
|
1334
|
+
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;
|
|
1288
1335
|
},
|
|
1289
1336
|
getIsGrouped: () => {
|
|
1290
|
-
|
|
1291
|
-
return (_table$getState$group = table.getState().grouping) == null ? void 0 : _table$getState$group.includes(column.id);
|
|
1292
|
-
},
|
|
1293
|
-
getGroupedIndex: () => {
|
|
1294
|
-
var _table$getState$group2;
|
|
1295
|
-
return (_table$getState$group2 = table.getState().grouping) == null ? void 0 : _table$getState$group2.indexOf(column.id);
|
|
1337
|
+
return table.getState().grouping?.includes(column.id);
|
|
1296
1338
|
},
|
|
1339
|
+
getGroupedIndex: () => table.getState().grouping?.indexOf(column.id),
|
|
1297
1340
|
getToggleGroupingHandler: () => {
|
|
1298
1341
|
const canGroup = column.getCanGroup();
|
|
1299
1342
|
return () => {
|
|
@@ -1303,7 +1346,7 @@
|
|
|
1303
1346
|
},
|
|
1304
1347
|
getAutoAggregationFn: () => {
|
|
1305
1348
|
const firstRow = table.getCoreRowModel().flatRows[0];
|
|
1306
|
-
const value = firstRow
|
|
1349
|
+
const value = firstRow?.getValue(column.id);
|
|
1307
1350
|
if (typeof value === 'number') {
|
|
1308
1351
|
return aggregationFns.sum;
|
|
1309
1352
|
}
|
|
@@ -1316,16 +1359,16 @@
|
|
|
1316
1359
|
if (!column) {
|
|
1317
1360
|
throw new Error();
|
|
1318
1361
|
}
|
|
1319
|
-
return isFunction(column.columnDef.aggregationFn) ? column.columnDef.aggregationFn : column.columnDef.aggregationFn === 'auto' ? column.getAutoAggregationFn() : (
|
|
1362
|
+
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];
|
|
1320
1363
|
}
|
|
1321
1364
|
};
|
|
1322
1365
|
},
|
|
1323
1366
|
createTable: table => {
|
|
1324
1367
|
return {
|
|
1325
|
-
setGrouping: updater => table.options.onGroupingChange
|
|
1368
|
+
setGrouping: updater => table.options.onGroupingChange?.(updater),
|
|
1326
1369
|
resetGrouping: defaultState => {
|
|
1327
|
-
var _table$initialState;
|
|
1328
|
-
table.setGrouping(defaultState ? [] : (
|
|
1370
|
+
var _table$initialState$g;
|
|
1371
|
+
table.setGrouping(defaultState ? [] : (_table$initialState$g = table.initialState?.grouping) != null ? _table$initialState$g : []);
|
|
1329
1372
|
},
|
|
1330
1373
|
getPreGroupedRowModel: () => table.getFilteredRowModel(),
|
|
1331
1374
|
getGroupedRowModel: () => {
|
|
@@ -1349,15 +1392,12 @@
|
|
|
1349
1392
|
return {
|
|
1350
1393
|
getIsGrouped: () => column.getIsGrouped() && column.id === row.groupingColumnId,
|
|
1351
1394
|
getIsPlaceholder: () => !cell.getIsGrouped() && column.getIsGrouped(),
|
|
1352
|
-
getIsAggregated: () =>
|
|
1353
|
-
var _row$subRows;
|
|
1354
|
-
return !cell.getIsGrouped() && !cell.getIsPlaceholder() && !!((_row$subRows = row.subRows) != null && _row$subRows.length);
|
|
1355
|
-
}
|
|
1395
|
+
getIsAggregated: () => !cell.getIsGrouped() && !cell.getIsPlaceholder() && !!row.subRows?.length
|
|
1356
1396
|
};
|
|
1357
1397
|
}
|
|
1358
1398
|
};
|
|
1359
1399
|
function orderColumns(leafColumns, grouping, groupedColumnMode) {
|
|
1360
|
-
if (!
|
|
1400
|
+
if (!grouping?.length || !groupedColumnMode) {
|
|
1361
1401
|
return leafColumns;
|
|
1362
1402
|
}
|
|
1363
1403
|
const nonGroupingColumns = leafColumns.filter(col => !grouping.includes(col.id));
|
|
@@ -1384,9 +1424,10 @@
|
|
|
1384
1424
|
},
|
|
1385
1425
|
createTable: table => {
|
|
1386
1426
|
return {
|
|
1387
|
-
setColumnOrder: updater => table.options.onColumnOrderChange
|
|
1427
|
+
setColumnOrder: updater => table.options.onColumnOrderChange?.(updater),
|
|
1388
1428
|
resetColumnOrder: defaultState => {
|
|
1389
|
-
|
|
1429
|
+
var _table$initialState$c;
|
|
1430
|
+
table.setColumnOrder(defaultState ? [] : (_table$initialState$c = table.initialState.columnOrder) != null ? _table$initialState$c : []);
|
|
1390
1431
|
},
|
|
1391
1432
|
_getOrderColumnsFn: memo(() => [table.getState().columnOrder, table.getState().grouping, table.options.groupedColumnMode], (columnOrder, grouping, groupedColumnMode) => columns => {
|
|
1392
1433
|
// Sort grouped columns to the start of the column list
|
|
@@ -1394,7 +1435,7 @@
|
|
|
1394
1435
|
let orderedColumns = [];
|
|
1395
1436
|
|
|
1396
1437
|
// If there is no order, return the normal columns
|
|
1397
|
-
if (!
|
|
1438
|
+
if (!columnOrder?.length) {
|
|
1398
1439
|
orderedColumns = columns;
|
|
1399
1440
|
} else {
|
|
1400
1441
|
const columnOrderCopy = [...columnOrder];
|
|
@@ -1439,7 +1480,7 @@
|
|
|
1439
1480
|
...state,
|
|
1440
1481
|
pagination: {
|
|
1441
1482
|
...getDefaultPaginationState(),
|
|
1442
|
-
...
|
|
1483
|
+
...state?.pagination
|
|
1443
1484
|
}
|
|
1444
1485
|
};
|
|
1445
1486
|
},
|
|
@@ -1453,13 +1494,14 @@
|
|
|
1453
1494
|
let queued = false;
|
|
1454
1495
|
return {
|
|
1455
1496
|
_autoResetPageIndex: () => {
|
|
1497
|
+
var _ref, _table$options$autoRe;
|
|
1456
1498
|
if (!registered) {
|
|
1457
1499
|
table._queue(() => {
|
|
1458
1500
|
registered = true;
|
|
1459
1501
|
});
|
|
1460
1502
|
return;
|
|
1461
1503
|
}
|
|
1462
|
-
if (table.options.autoResetAll
|
|
1504
|
+
if ((_ref = (_table$options$autoRe = table.options.autoResetAll) != null ? _table$options$autoRe : table.options.autoResetPageIndex) != null ? _ref : !table.options.manualPagination) {
|
|
1463
1505
|
if (queued) return;
|
|
1464
1506
|
queued = true;
|
|
1465
1507
|
table._queue(() => {
|
|
@@ -1473,10 +1515,11 @@
|
|
|
1473
1515
|
let newState = functionalUpdate(updater, old);
|
|
1474
1516
|
return newState;
|
|
1475
1517
|
};
|
|
1476
|
-
return table.options.onPaginationChange
|
|
1518
|
+
return table.options.onPaginationChange?.(safeUpdater);
|
|
1477
1519
|
},
|
|
1478
1520
|
resetPagination: defaultState => {
|
|
1479
|
-
|
|
1521
|
+
var _table$initialState$p;
|
|
1522
|
+
table.setPagination(defaultState ? getDefaultPaginationState() : (_table$initialState$p = table.initialState.pagination) != null ? _table$initialState$p : getDefaultPaginationState());
|
|
1480
1523
|
},
|
|
1481
1524
|
setPageIndex: updater => {
|
|
1482
1525
|
table.setPagination(old => {
|
|
@@ -1490,12 +1533,12 @@
|
|
|
1490
1533
|
});
|
|
1491
1534
|
},
|
|
1492
1535
|
resetPageIndex: defaultState => {
|
|
1493
|
-
var _table$initialState
|
|
1494
|
-
table.setPageIndex(defaultState ? defaultPageIndex : (
|
|
1536
|
+
var _table$initialState$p2;
|
|
1537
|
+
table.setPageIndex(defaultState ? defaultPageIndex : (_table$initialState$p2 = table.initialState?.pagination?.pageIndex) != null ? _table$initialState$p2 : defaultPageIndex);
|
|
1495
1538
|
},
|
|
1496
1539
|
resetPageSize: defaultState => {
|
|
1497
|
-
var _table$
|
|
1498
|
-
table.setPageSize(defaultState ? defaultPageSize : (
|
|
1540
|
+
var _table$initialState$p3;
|
|
1541
|
+
table.setPageSize(defaultState ? defaultPageSize : (_table$initialState$p3 = table.initialState?.pagination?.pageSize) != null ? _table$initialState$p3 : defaultPageSize);
|
|
1499
1542
|
},
|
|
1500
1543
|
setPageSize: updater => {
|
|
1501
1544
|
table.setPagination(old => {
|
|
@@ -1510,7 +1553,8 @@
|
|
|
1510
1553
|
});
|
|
1511
1554
|
},
|
|
1512
1555
|
setPageCount: updater => table.setPagination(old => {
|
|
1513
|
-
|
|
1556
|
+
var _table$options$pageCo;
|
|
1557
|
+
let newPageCount = functionalUpdate(updater, (_table$options$pageCo = table.options.pageCount) != null ? _table$options$pageCo : -1);
|
|
1514
1558
|
if (typeof newPageCount === 'number') {
|
|
1515
1559
|
newPageCount = Math.max(-1, newPageCount);
|
|
1516
1560
|
}
|
|
@@ -1527,7 +1571,10 @@
|
|
|
1527
1571
|
return pageOptions;
|
|
1528
1572
|
}, {
|
|
1529
1573
|
key: 'getPageOptions',
|
|
1530
|
-
debug: () =>
|
|
1574
|
+
debug: () => {
|
|
1575
|
+
var _table$options$debugA;
|
|
1576
|
+
return (_table$options$debugA = table.options.debugAll) != null ? _table$options$debugA : table.options.debugTable;
|
|
1577
|
+
}
|
|
1531
1578
|
}),
|
|
1532
1579
|
getCanPreviousPage: () => table.getState().pagination.pageIndex > 0,
|
|
1533
1580
|
getCanNextPage: () => {
|
|
@@ -1562,7 +1609,8 @@
|
|
|
1562
1609
|
return table._getPaginationRowModel();
|
|
1563
1610
|
},
|
|
1564
1611
|
getPageCount: () => {
|
|
1565
|
-
|
|
1612
|
+
var _table$options$pageCo2;
|
|
1613
|
+
return (_table$options$pageCo2 = table.options.pageCount) != null ? _table$options$pageCo2 : Math.ceil(table.getPrePaginationRowModel().rows.length / table.getState().pagination.pageSize);
|
|
1566
1614
|
}
|
|
1567
1615
|
};
|
|
1568
1616
|
}
|
|
@@ -1591,27 +1639,33 @@
|
|
|
1591
1639
|
pin: position => {
|
|
1592
1640
|
const columnIds = column.getLeafColumns().map(d => d.id).filter(Boolean);
|
|
1593
1641
|
table.setColumnPinning(old => {
|
|
1642
|
+
var _old$left3, _old$right3;
|
|
1594
1643
|
if (position === 'right') {
|
|
1644
|
+
var _old$left, _old$right;
|
|
1595
1645
|
return {
|
|
1596
|
-
left: ((old
|
|
1597
|
-
right: [...((old
|
|
1646
|
+
left: ((_old$left = old?.left) != null ? _old$left : []).filter(d => !columnIds?.includes(d)),
|
|
1647
|
+
right: [...((_old$right = old?.right) != null ? _old$right : []).filter(d => !columnIds?.includes(d)), ...columnIds]
|
|
1598
1648
|
};
|
|
1599
1649
|
}
|
|
1600
1650
|
if (position === 'left') {
|
|
1651
|
+
var _old$left2, _old$right2;
|
|
1601
1652
|
return {
|
|
1602
|
-
left: [...((old
|
|
1603
|
-
right: ((old
|
|
1653
|
+
left: [...((_old$left2 = old?.left) != null ? _old$left2 : []).filter(d => !columnIds?.includes(d)), ...columnIds],
|
|
1654
|
+
right: ((_old$right2 = old?.right) != null ? _old$right2 : []).filter(d => !columnIds?.includes(d))
|
|
1604
1655
|
};
|
|
1605
1656
|
}
|
|
1606
1657
|
return {
|
|
1607
|
-
left: ((old
|
|
1608
|
-
right: ((old
|
|
1658
|
+
left: ((_old$left3 = old?.left) != null ? _old$left3 : []).filter(d => !columnIds?.includes(d)),
|
|
1659
|
+
right: ((_old$right3 = old?.right) != null ? _old$right3 : []).filter(d => !columnIds?.includes(d))
|
|
1609
1660
|
};
|
|
1610
1661
|
});
|
|
1611
1662
|
},
|
|
1612
1663
|
getCanPin: () => {
|
|
1613
1664
|
const leafColumns = column.getLeafColumns();
|
|
1614
|
-
return leafColumns.some(d =>
|
|
1665
|
+
return leafColumns.some(d => {
|
|
1666
|
+
var _d$columnDef$enablePi, _table$options$enable;
|
|
1667
|
+
return ((_d$columnDef$enablePi = d.columnDef.enablePinning) != null ? _d$columnDef$enablePi : true) && ((_table$options$enable = table.options.enablePinning) != null ? _table$options$enable : true);
|
|
1668
|
+
});
|
|
1615
1669
|
},
|
|
1616
1670
|
getIsPinned: () => {
|
|
1617
1671
|
const leafColumnIds = column.getLeafColumns().map(d => d.id);
|
|
@@ -1619,82 +1673,98 @@
|
|
|
1619
1673
|
left,
|
|
1620
1674
|
right
|
|
1621
1675
|
} = table.getState().columnPinning;
|
|
1622
|
-
const isLeft = leafColumnIds.some(d => left
|
|
1623
|
-
const isRight = leafColumnIds.some(d => right
|
|
1676
|
+
const isLeft = leafColumnIds.some(d => left?.includes(d));
|
|
1677
|
+
const isRight = leafColumnIds.some(d => right?.includes(d));
|
|
1624
1678
|
return isLeft ? 'left' : isRight ? 'right' : false;
|
|
1625
1679
|
},
|
|
1626
1680
|
getPinnedIndex: () => {
|
|
1627
|
-
var _table$getState$colum
|
|
1681
|
+
var _table$getState$colum;
|
|
1628
1682
|
const position = column.getIsPinned();
|
|
1629
|
-
return position ? (
|
|
1683
|
+
return position ? (_table$getState$colum = table.getState().columnPinning?.[position]?.indexOf(column.id)) != null ? _table$getState$colum : -1 : 0;
|
|
1630
1684
|
}
|
|
1631
1685
|
};
|
|
1632
1686
|
},
|
|
1633
1687
|
createRow: (row, table) => {
|
|
1634
1688
|
return {
|
|
1635
1689
|
getCenterVisibleCells: memo(() => [row._getAllVisibleCells(), table.getState().columnPinning.left, table.getState().columnPinning.right], (allCells, left, right) => {
|
|
1636
|
-
const leftAndRight = [...(left
|
|
1690
|
+
const leftAndRight = [...(left != null ? left : []), ...(right != null ? right : [])];
|
|
1637
1691
|
return allCells.filter(d => !leftAndRight.includes(d.column.id));
|
|
1638
1692
|
}, {
|
|
1639
1693
|
key: "development" === 'production' ,
|
|
1640
|
-
debug: () =>
|
|
1694
|
+
debug: () => {
|
|
1695
|
+
var _table$options$debugA;
|
|
1696
|
+
return (_table$options$debugA = table.options.debugAll) != null ? _table$options$debugA : table.options.debugRows;
|
|
1697
|
+
}
|
|
1641
1698
|
}),
|
|
1642
1699
|
getLeftVisibleCells: memo(() => [row._getAllVisibleCells(), table.getState().columnPinning.left,,], (allCells, left) => {
|
|
1643
|
-
const cells = (left
|
|
1700
|
+
const cells = (left != null ? left : []).map(columnId => allCells.find(cell => cell.column.id === columnId)).filter(Boolean).map(d => ({
|
|
1644
1701
|
...d,
|
|
1645
1702
|
position: 'left'
|
|
1646
1703
|
}));
|
|
1647
1704
|
return cells;
|
|
1648
1705
|
}, {
|
|
1649
1706
|
key: "development" === 'production' ,
|
|
1650
|
-
debug: () =>
|
|
1707
|
+
debug: () => {
|
|
1708
|
+
var _table$options$debugA2;
|
|
1709
|
+
return (_table$options$debugA2 = table.options.debugAll) != null ? _table$options$debugA2 : table.options.debugRows;
|
|
1710
|
+
}
|
|
1651
1711
|
}),
|
|
1652
1712
|
getRightVisibleCells: memo(() => [row._getAllVisibleCells(), table.getState().columnPinning.right], (allCells, right) => {
|
|
1653
|
-
const cells = (right
|
|
1713
|
+
const cells = (right != null ? right : []).map(columnId => allCells.find(cell => cell.column.id === columnId)).filter(Boolean).map(d => ({
|
|
1654
1714
|
...d,
|
|
1655
1715
|
position: 'right'
|
|
1656
1716
|
}));
|
|
1657
1717
|
return cells;
|
|
1658
1718
|
}, {
|
|
1659
1719
|
key: "development" === 'production' ,
|
|
1660
|
-
debug: () =>
|
|
1720
|
+
debug: () => {
|
|
1721
|
+
var _table$options$debugA3;
|
|
1722
|
+
return (_table$options$debugA3 = table.options.debugAll) != null ? _table$options$debugA3 : table.options.debugRows;
|
|
1723
|
+
}
|
|
1661
1724
|
})
|
|
1662
1725
|
};
|
|
1663
1726
|
},
|
|
1664
1727
|
createTable: table => {
|
|
1665
1728
|
return {
|
|
1666
|
-
setColumnPinning: updater => table.options.onColumnPinningChange
|
|
1729
|
+
setColumnPinning: updater => table.options.onColumnPinningChange?.(updater),
|
|
1667
1730
|
resetColumnPinning: defaultState => {
|
|
1668
|
-
var _table$initialState;
|
|
1669
|
-
return table.setColumnPinning(defaultState ? getDefaultPinningState() : (
|
|
1731
|
+
var _table$initialState$c;
|
|
1732
|
+
return table.setColumnPinning(defaultState ? getDefaultPinningState() : (_table$initialState$c = table.initialState?.columnPinning) != null ? _table$initialState$c : getDefaultPinningState());
|
|
1670
1733
|
},
|
|
1671
1734
|
getIsSomeColumnsPinned: position => {
|
|
1672
|
-
var _pinningState$positio;
|
|
1673
1735
|
const pinningState = table.getState().columnPinning;
|
|
1674
1736
|
if (!position) {
|
|
1675
|
-
|
|
1676
|
-
return Boolean(((_pinningState$left = pinningState.left) == null ? void 0 : _pinningState$left.length) || ((_pinningState$right = pinningState.right) == null ? void 0 : _pinningState$right.length));
|
|
1737
|
+
return Boolean(pinningState.left?.length || pinningState.right?.length);
|
|
1677
1738
|
}
|
|
1678
|
-
return Boolean(
|
|
1739
|
+
return Boolean(pinningState[position]?.length);
|
|
1679
1740
|
},
|
|
1680
1741
|
getLeftLeafColumns: memo(() => [table.getAllLeafColumns(), table.getState().columnPinning.left], (allColumns, left) => {
|
|
1681
|
-
return (left
|
|
1742
|
+
return (left != null ? left : []).map(columnId => allColumns.find(column => column.id === columnId)).filter(Boolean);
|
|
1682
1743
|
}, {
|
|
1683
1744
|
key: 'getLeftLeafColumns',
|
|
1684
|
-
debug: () =>
|
|
1745
|
+
debug: () => {
|
|
1746
|
+
var _table$options$debugA4;
|
|
1747
|
+
return (_table$options$debugA4 = table.options.debugAll) != null ? _table$options$debugA4 : table.options.debugColumns;
|
|
1748
|
+
}
|
|
1685
1749
|
}),
|
|
1686
1750
|
getRightLeafColumns: memo(() => [table.getAllLeafColumns(), table.getState().columnPinning.right], (allColumns, right) => {
|
|
1687
|
-
return (right
|
|
1751
|
+
return (right != null ? right : []).map(columnId => allColumns.find(column => column.id === columnId)).filter(Boolean);
|
|
1688
1752
|
}, {
|
|
1689
1753
|
key: 'getRightLeafColumns',
|
|
1690
|
-
debug: () =>
|
|
1754
|
+
debug: () => {
|
|
1755
|
+
var _table$options$debugA5;
|
|
1756
|
+
return (_table$options$debugA5 = table.options.debugAll) != null ? _table$options$debugA5 : table.options.debugColumns;
|
|
1757
|
+
}
|
|
1691
1758
|
}),
|
|
1692
1759
|
getCenterLeafColumns: memo(() => [table.getAllLeafColumns(), table.getState().columnPinning.left, table.getState().columnPinning.right], (allColumns, left, right) => {
|
|
1693
|
-
const leftAndRight = [...(left
|
|
1760
|
+
const leftAndRight = [...(left != null ? left : []), ...(right != null ? right : [])];
|
|
1694
1761
|
return allColumns.filter(d => !leftAndRight.includes(d.id));
|
|
1695
1762
|
}, {
|
|
1696
1763
|
key: 'getCenterLeafColumns',
|
|
1697
|
-
debug: () =>
|
|
1764
|
+
debug: () => {
|
|
1765
|
+
var _table$options$debugA6;
|
|
1766
|
+
return (_table$options$debugA6 = table.options.debugAll) != null ? _table$options$debugA6 : table.options.debugColumns;
|
|
1767
|
+
}
|
|
1698
1768
|
})
|
|
1699
1769
|
};
|
|
1700
1770
|
}
|
|
@@ -1723,8 +1793,11 @@
|
|
|
1723
1793
|
|
|
1724
1794
|
createTable: table => {
|
|
1725
1795
|
return {
|
|
1726
|
-
setRowSelection: updater => table.options.onRowSelectionChange
|
|
1727
|
-
resetRowSelection: defaultState =>
|
|
1796
|
+
setRowSelection: updater => table.options.onRowSelectionChange?.(updater),
|
|
1797
|
+
resetRowSelection: defaultState => {
|
|
1798
|
+
var _table$initialState$r;
|
|
1799
|
+
return table.setRowSelection(defaultState ? {} : (_table$initialState$r = table.initialState.rowSelection) != null ? _table$initialState$r : {});
|
|
1800
|
+
},
|
|
1728
1801
|
toggleAllRowsSelected: value => {
|
|
1729
1802
|
table.setRowSelection(old => {
|
|
1730
1803
|
value = typeof value !== 'undefined' ? value : !table.getIsAllRowsSelected();
|
|
@@ -1830,7 +1903,10 @@
|
|
|
1830
1903
|
return selectRowsFn(table, rowModel);
|
|
1831
1904
|
}, {
|
|
1832
1905
|
key: 'getSelectedRowModel',
|
|
1833
|
-
debug: () =>
|
|
1906
|
+
debug: () => {
|
|
1907
|
+
var _table$options$debugA;
|
|
1908
|
+
return (_table$options$debugA = table.options.debugAll) != null ? _table$options$debugA : table.options.debugTable;
|
|
1909
|
+
}
|
|
1834
1910
|
}),
|
|
1835
1911
|
getFilteredSelectedRowModel: memo(() => [table.getState().rowSelection, table.getFilteredRowModel()], (rowSelection, rowModel) => {
|
|
1836
1912
|
if (!Object.keys(rowSelection).length) {
|
|
@@ -1843,7 +1919,10 @@
|
|
|
1843
1919
|
return selectRowsFn(table, rowModel);
|
|
1844
1920
|
}, {
|
|
1845
1921
|
key: "development" === 'production' ,
|
|
1846
|
-
debug: () =>
|
|
1922
|
+
debug: () => {
|
|
1923
|
+
var _table$options$debugA2;
|
|
1924
|
+
return (_table$options$debugA2 = table.options.debugAll) != null ? _table$options$debugA2 : table.options.debugTable;
|
|
1925
|
+
}
|
|
1847
1926
|
}),
|
|
1848
1927
|
getGroupedSelectedRowModel: memo(() => [table.getState().rowSelection, table.getSortedRowModel()], (rowSelection, rowModel) => {
|
|
1849
1928
|
if (!Object.keys(rowSelection).length) {
|
|
@@ -1856,7 +1935,10 @@
|
|
|
1856
1935
|
return selectRowsFn(table, rowModel);
|
|
1857
1936
|
}, {
|
|
1858
1937
|
key: "development" === 'production' ,
|
|
1859
|
-
debug: () =>
|
|
1938
|
+
debug: () => {
|
|
1939
|
+
var _table$options$debugA3;
|
|
1940
|
+
return (_table$options$debugA3 = table.options.debugAll) != null ? _table$options$debugA3 : table.options.debugTable;
|
|
1941
|
+
}
|
|
1860
1942
|
}),
|
|
1861
1943
|
///
|
|
1862
1944
|
|
|
@@ -1899,7 +1981,8 @@
|
|
|
1899
1981
|
return isAllPageRowsSelected;
|
|
1900
1982
|
},
|
|
1901
1983
|
getIsSomeRowsSelected: () => {
|
|
1902
|
-
|
|
1984
|
+
var _table$getState$rowSe;
|
|
1985
|
+
const totalSelected = Object.keys((_table$getState$rowSe = table.getState().rowSelection) != null ? _table$getState$rowSe : {}).length;
|
|
1903
1986
|
return totalSelected > 0 && totalSelected < table.getFilteredRowModel().flatRows.length;
|
|
1904
1987
|
},
|
|
1905
1988
|
getIsSomePageRowsSelected: () => {
|
|
@@ -1953,36 +2036,37 @@
|
|
|
1953
2036
|
return isSubRowSelected(row, rowSelection) === 'all';
|
|
1954
2037
|
},
|
|
1955
2038
|
getCanSelect: () => {
|
|
2039
|
+
var _table$options$enable;
|
|
1956
2040
|
if (typeof table.options.enableRowSelection === 'function') {
|
|
1957
2041
|
return table.options.enableRowSelection(row);
|
|
1958
2042
|
}
|
|
1959
|
-
return table.options.enableRowSelection
|
|
2043
|
+
return (_table$options$enable = table.options.enableRowSelection) != null ? _table$options$enable : true;
|
|
1960
2044
|
},
|
|
1961
2045
|
getCanSelectSubRows: () => {
|
|
2046
|
+
var _table$options$enable2;
|
|
1962
2047
|
if (typeof table.options.enableSubRowSelection === 'function') {
|
|
1963
2048
|
return table.options.enableSubRowSelection(row);
|
|
1964
2049
|
}
|
|
1965
|
-
return table.options.enableSubRowSelection
|
|
2050
|
+
return (_table$options$enable2 = table.options.enableSubRowSelection) != null ? _table$options$enable2 : true;
|
|
1966
2051
|
},
|
|
1967
2052
|
getCanMultiSelect: () => {
|
|
2053
|
+
var _table$options$enable3;
|
|
1968
2054
|
if (typeof table.options.enableMultiRowSelection === 'function') {
|
|
1969
2055
|
return table.options.enableMultiRowSelection(row);
|
|
1970
2056
|
}
|
|
1971
|
-
return table.options.enableMultiRowSelection
|
|
2057
|
+
return (_table$options$enable3 = table.options.enableMultiRowSelection) != null ? _table$options$enable3 : true;
|
|
1972
2058
|
},
|
|
1973
2059
|
getToggleSelectedHandler: () => {
|
|
1974
2060
|
const canSelect = row.getCanSelect();
|
|
1975
2061
|
return e => {
|
|
1976
|
-
var _target;
|
|
1977
2062
|
if (!canSelect) return;
|
|
1978
|
-
row.toggleSelected(
|
|
2063
|
+
row.toggleSelected(e.target?.checked);
|
|
1979
2064
|
};
|
|
1980
2065
|
}
|
|
1981
2066
|
};
|
|
1982
2067
|
}
|
|
1983
2068
|
};
|
|
1984
2069
|
const mutateRowIsSelected = (selectedRowIds, id, value, table) => {
|
|
1985
|
-
var _row$subRows;
|
|
1986
2070
|
const row = table.getRow(id);
|
|
1987
2071
|
|
|
1988
2072
|
// const isGrouped = row.getIsGrouped()
|
|
@@ -2003,7 +2087,7 @@
|
|
|
2003
2087
|
}
|
|
2004
2088
|
// }
|
|
2005
2089
|
|
|
2006
|
-
if (
|
|
2090
|
+
if (row.subRows?.length && row.getCanSelectSubRows()) {
|
|
2007
2091
|
row.subRows.forEach(row => mutateRowIsSelected(selectedRowIds, row.id, value, table));
|
|
2008
2092
|
}
|
|
2009
2093
|
};
|
|
@@ -2015,13 +2099,12 @@
|
|
|
2015
2099
|
// Filters top level and nested rows
|
|
2016
2100
|
const recurseRows = function (rows, depth) {
|
|
2017
2101
|
return rows.map(row => {
|
|
2018
|
-
var _row$subRows2;
|
|
2019
2102
|
const isSelected = isRowSelected(row, rowSelection);
|
|
2020
2103
|
if (isSelected) {
|
|
2021
2104
|
newSelectedFlatRows.push(row);
|
|
2022
2105
|
newSelectedRowsById[row.id] = row;
|
|
2023
2106
|
}
|
|
2024
|
-
if (
|
|
2107
|
+
if (row.subRows?.length) {
|
|
2025
2108
|
row = {
|
|
2026
2109
|
...row,
|
|
2027
2110
|
subRows: recurseRows(row.subRows)
|
|
@@ -2039,7 +2122,8 @@
|
|
|
2039
2122
|
};
|
|
2040
2123
|
}
|
|
2041
2124
|
function isRowSelected(row, selection) {
|
|
2042
|
-
|
|
2125
|
+
var _selection$row$id;
|
|
2126
|
+
return (_selection$row$id = selection[row.id]) != null ? _selection$row$id : false;
|
|
2043
2127
|
}
|
|
2044
2128
|
function isSubRowSelected(row, selection, table) {
|
|
2045
2129
|
if (row.subRows && row.subRows.length) {
|
|
@@ -2194,7 +2278,7 @@
|
|
|
2194
2278
|
const firstRows = table.getFilteredRowModel().flatRows.slice(10);
|
|
2195
2279
|
let isString = false;
|
|
2196
2280
|
for (const row of firstRows) {
|
|
2197
|
-
const value = row
|
|
2281
|
+
const value = row?.getValue(column.id);
|
|
2198
2282
|
if (Object.prototype.toString.call(value) === '[object Date]') {
|
|
2199
2283
|
return sortingFns.datetime;
|
|
2200
2284
|
}
|
|
@@ -2212,7 +2296,7 @@
|
|
|
2212
2296
|
},
|
|
2213
2297
|
getAutoSortDir: () => {
|
|
2214
2298
|
const firstRow = table.getFilteredRowModel().flatRows[0];
|
|
2215
|
-
const value = firstRow
|
|
2299
|
+
const value = firstRow?.getValue(column.id);
|
|
2216
2300
|
if (typeof value === 'string') {
|
|
2217
2301
|
return 'asc';
|
|
2218
2302
|
}
|
|
@@ -2223,7 +2307,7 @@
|
|
|
2223
2307
|
if (!column) {
|
|
2224
2308
|
throw new Error();
|
|
2225
2309
|
}
|
|
2226
|
-
return isFunction(column.columnDef.sortingFn) ? column.columnDef.sortingFn : column.columnDef.sortingFn === 'auto' ? column.getAutoSortingFn() : (
|
|
2310
|
+
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];
|
|
2227
2311
|
},
|
|
2228
2312
|
toggleSorting: (desc, multi) => {
|
|
2229
2313
|
// if (column.columns.length) {
|
|
@@ -2240,8 +2324,8 @@
|
|
|
2240
2324
|
const hasManualValue = typeof desc !== 'undefined' && desc !== null;
|
|
2241
2325
|
table.setSorting(old => {
|
|
2242
2326
|
// Find any existing sorting for this column
|
|
2243
|
-
const existingSorting = old
|
|
2244
|
-
const existingIndex = old
|
|
2327
|
+
const existingSorting = old?.find(d => d.id === column.id);
|
|
2328
|
+
const existingIndex = old?.findIndex(d => d.id === column.id);
|
|
2245
2329
|
let newSorting = [];
|
|
2246
2330
|
|
|
2247
2331
|
// What should we do with this sort action?
|
|
@@ -2249,7 +2333,7 @@
|
|
|
2249
2333
|
let nextDesc = hasManualValue ? desc : nextSortingOrder === 'desc';
|
|
2250
2334
|
|
|
2251
2335
|
// Multi-mode
|
|
2252
|
-
if (old
|
|
2336
|
+
if (old?.length && column.getCanMultiSort() && multi) {
|
|
2253
2337
|
if (existingSorting) {
|
|
2254
2338
|
sortAction = 'toggle';
|
|
2255
2339
|
} else {
|
|
@@ -2257,7 +2341,7 @@
|
|
|
2257
2341
|
}
|
|
2258
2342
|
} else {
|
|
2259
2343
|
// Normal mode
|
|
2260
|
-
if (old
|
|
2344
|
+
if (old?.length && existingIndex !== old.length - 1) {
|
|
2261
2345
|
sortAction = 'replace';
|
|
2262
2346
|
} else if (existingSorting) {
|
|
2263
2347
|
sortAction = 'toggle';
|
|
@@ -2277,12 +2361,13 @@
|
|
|
2277
2361
|
}
|
|
2278
2362
|
}
|
|
2279
2363
|
if (sortAction === 'add') {
|
|
2364
|
+
var _table$options$maxMul;
|
|
2280
2365
|
newSorting = [...old, {
|
|
2281
2366
|
id: column.id,
|
|
2282
2367
|
desc: nextDesc
|
|
2283
2368
|
}];
|
|
2284
2369
|
// Take latest n columns
|
|
2285
|
-
newSorting.splice(0, newSorting.length - (table.options.maxMultiSortColCount
|
|
2370
|
+
newSorting.splice(0, newSorting.length - ((_table$options$maxMul = table.options.maxMultiSortColCount) != null ? _table$options$maxMul : Number.MAX_SAFE_INTEGER));
|
|
2286
2371
|
} else if (sortAction === 'toggle') {
|
|
2287
2372
|
// This flips (or sets) the
|
|
2288
2373
|
newSorting = old.map(d => {
|
|
@@ -2306,58 +2391,61 @@
|
|
|
2306
2391
|
});
|
|
2307
2392
|
},
|
|
2308
2393
|
getFirstSortDir: () => {
|
|
2309
|
-
|
|
2394
|
+
var _ref, _column$columnDef$sor;
|
|
2395
|
+
const sortDescFirst = (_ref = (_column$columnDef$sor = column.columnDef.sortDescFirst) != null ? _column$columnDef$sor : table.options.sortDescFirst) != null ? _ref : column.getAutoSortDir() === 'desc';
|
|
2310
2396
|
return sortDescFirst ? 'desc' : 'asc';
|
|
2311
2397
|
},
|
|
2312
2398
|
getNextSortingOrder: multi => {
|
|
2399
|
+
var _table$options$enable, _table$options$enable2;
|
|
2313
2400
|
const firstSortDirection = column.getFirstSortDir();
|
|
2314
2401
|
const isSorted = column.getIsSorted();
|
|
2315
2402
|
if (!isSorted) {
|
|
2316
2403
|
return firstSortDirection;
|
|
2317
2404
|
}
|
|
2318
|
-
if (isSorted !== firstSortDirection && (table.options.enableSortingRemoval
|
|
2405
|
+
if (isSorted !== firstSortDirection && ((_table$options$enable = table.options.enableSortingRemoval) != null ? _table$options$enable : true) && (
|
|
2319
2406
|
// If enableSortRemove, enable in general
|
|
2320
|
-
multi ? table.options.enableMultiRemove
|
|
2407
|
+
multi ? (_table$options$enable2 = table.options.enableMultiRemove) != null ? _table$options$enable2 : true : true) // If multi, don't allow if enableMultiRemove))
|
|
2321
2408
|
) {
|
|
2322
2409
|
return false;
|
|
2323
2410
|
}
|
|
2324
2411
|
return isSorted === 'desc' ? 'asc' : 'desc';
|
|
2325
2412
|
},
|
|
2326
2413
|
getCanSort: () => {
|
|
2327
|
-
|
|
2414
|
+
var _column$columnDef$ena, _table$options$enable3;
|
|
2415
|
+
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;
|
|
2328
2416
|
},
|
|
2329
2417
|
getCanMultiSort: () => {
|
|
2330
|
-
|
|
2418
|
+
var _ref2, _column$columnDef$ena2;
|
|
2419
|
+
return (_ref2 = (_column$columnDef$ena2 = column.columnDef.enableMultiSort) != null ? _column$columnDef$ena2 : table.options.enableMultiSort) != null ? _ref2 : !!column.accessorFn;
|
|
2331
2420
|
},
|
|
2332
2421
|
getIsSorted: () => {
|
|
2333
|
-
|
|
2334
|
-
const columnSort = (_table$getState$sorti = table.getState().sorting) == null ? void 0 : _table$getState$sorti.find(d => d.id === column.id);
|
|
2422
|
+
const columnSort = table.getState().sorting?.find(d => d.id === column.id);
|
|
2335
2423
|
return !columnSort ? false : columnSort.desc ? 'desc' : 'asc';
|
|
2336
2424
|
},
|
|
2337
2425
|
getSortIndex: () => {
|
|
2338
|
-
var _table$getState$
|
|
2339
|
-
return (
|
|
2426
|
+
var _table$getState$sorti;
|
|
2427
|
+
return (_table$getState$sorti = table.getState().sorting?.findIndex(d => d.id === column.id)) != null ? _table$getState$sorti : -1;
|
|
2340
2428
|
},
|
|
2341
2429
|
clearSorting: () => {
|
|
2342
2430
|
//clear sorting for just 1 column
|
|
2343
|
-
table.setSorting(old => old
|
|
2431
|
+
table.setSorting(old => old?.length ? old.filter(d => d.id !== column.id) : []);
|
|
2344
2432
|
},
|
|
2345
2433
|
getToggleSortingHandler: () => {
|
|
2346
2434
|
const canSort = column.getCanSort();
|
|
2347
2435
|
return e => {
|
|
2348
2436
|
if (!canSort) return;
|
|
2349
|
-
e.persist
|
|
2350
|
-
column.toggleSorting
|
|
2437
|
+
e.persist?.();
|
|
2438
|
+
column.toggleSorting?.(undefined, column.getCanMultiSort() ? table.options.isMultiSortEvent?.(e) : false);
|
|
2351
2439
|
};
|
|
2352
2440
|
}
|
|
2353
2441
|
};
|
|
2354
2442
|
},
|
|
2355
2443
|
createTable: table => {
|
|
2356
2444
|
return {
|
|
2357
|
-
setSorting: updater => table.options.onSortingChange
|
|
2445
|
+
setSorting: updater => table.options.onSortingChange?.(updater),
|
|
2358
2446
|
resetSorting: defaultState => {
|
|
2359
|
-
var _table$initialState;
|
|
2360
|
-
table.setSorting(defaultState ? [] : (
|
|
2447
|
+
var _table$initialState$s;
|
|
2448
|
+
table.setSorting(defaultState ? [] : (_table$initialState$s = table.initialState?.sorting) != null ? _table$initialState$s : []);
|
|
2361
2449
|
},
|
|
2362
2450
|
getPreSortedRowModel: () => table.getGroupedRowModel(),
|
|
2363
2451
|
getSortedRowModel: () => {
|
|
@@ -2393,20 +2481,21 @@
|
|
|
2393
2481
|
if (column.getCanHide()) {
|
|
2394
2482
|
table.setColumnVisibility(old => ({
|
|
2395
2483
|
...old,
|
|
2396
|
-
[column.id]: value
|
|
2484
|
+
[column.id]: value != null ? value : !column.getIsVisible()
|
|
2397
2485
|
}));
|
|
2398
2486
|
}
|
|
2399
2487
|
},
|
|
2400
2488
|
getIsVisible: () => {
|
|
2401
2489
|
var _table$getState$colum;
|
|
2402
|
-
return (
|
|
2490
|
+
return (_table$getState$colum = table.getState().columnVisibility?.[column.id]) != null ? _table$getState$colum : true;
|
|
2403
2491
|
},
|
|
2404
2492
|
getCanHide: () => {
|
|
2405
|
-
|
|
2493
|
+
var _column$columnDef$ena, _table$options$enable;
|
|
2494
|
+
return ((_column$columnDef$ena = column.columnDef.enableHiding) != null ? _column$columnDef$ena : true) && ((_table$options$enable = table.options.enableHiding) != null ? _table$options$enable : true);
|
|
2406
2495
|
},
|
|
2407
2496
|
getToggleVisibilityHandler: () => {
|
|
2408
2497
|
return e => {
|
|
2409
|
-
column.toggleVisibility
|
|
2498
|
+
column.toggleVisibility?.(e.target.checked);
|
|
2410
2499
|
};
|
|
2411
2500
|
}
|
|
2412
2501
|
};
|
|
@@ -2417,21 +2506,30 @@
|
|
|
2417
2506
|
return cells.filter(cell => cell.column.getIsVisible());
|
|
2418
2507
|
}, {
|
|
2419
2508
|
key: "development" === 'production' ,
|
|
2420
|
-
debug: () =>
|
|
2509
|
+
debug: () => {
|
|
2510
|
+
var _table$options$debugA;
|
|
2511
|
+
return (_table$options$debugA = table.options.debugAll) != null ? _table$options$debugA : table.options.debugRows;
|
|
2512
|
+
}
|
|
2421
2513
|
}),
|
|
2422
2514
|
getVisibleCells: memo(() => [row.getLeftVisibleCells(), row.getCenterVisibleCells(), row.getRightVisibleCells()], (left, center, right) => [...left, ...center, ...right], {
|
|
2423
2515
|
key: 'row.getVisibleCells',
|
|
2424
|
-
debug: () =>
|
|
2516
|
+
debug: () => {
|
|
2517
|
+
var _table$options$debugA2;
|
|
2518
|
+
return (_table$options$debugA2 = table.options.debugAll) != null ? _table$options$debugA2 : table.options.debugRows;
|
|
2519
|
+
}
|
|
2425
2520
|
})
|
|
2426
2521
|
};
|
|
2427
2522
|
},
|
|
2428
2523
|
createTable: table => {
|
|
2429
2524
|
const makeVisibleColumnsMethod = (key, getColumns) => {
|
|
2430
2525
|
return memo(() => [getColumns(), getColumns().filter(d => d.getIsVisible()).map(d => d.id).join('_')], columns => {
|
|
2431
|
-
return columns.filter(d => d.getIsVisible
|
|
2526
|
+
return columns.filter(d => d.getIsVisible?.());
|
|
2432
2527
|
}, {
|
|
2433
2528
|
key,
|
|
2434
|
-
debug: () =>
|
|
2529
|
+
debug: () => {
|
|
2530
|
+
var _table$options$debugA3;
|
|
2531
|
+
return (_table$options$debugA3 = table.options.debugAll) != null ? _table$options$debugA3 : table.options.debugColumns;
|
|
2532
|
+
}
|
|
2435
2533
|
});
|
|
2436
2534
|
};
|
|
2437
2535
|
return {
|
|
@@ -2440,23 +2538,24 @@
|
|
|
2440
2538
|
getLeftVisibleLeafColumns: makeVisibleColumnsMethod('getLeftVisibleLeafColumns', () => table.getLeftLeafColumns()),
|
|
2441
2539
|
getRightVisibleLeafColumns: makeVisibleColumnsMethod('getRightVisibleLeafColumns', () => table.getRightLeafColumns()),
|
|
2442
2540
|
getCenterVisibleLeafColumns: makeVisibleColumnsMethod('getCenterVisibleLeafColumns', () => table.getCenterLeafColumns()),
|
|
2443
|
-
setColumnVisibility: updater => table.options.onColumnVisibilityChange
|
|
2541
|
+
setColumnVisibility: updater => table.options.onColumnVisibilityChange?.(updater),
|
|
2444
2542
|
resetColumnVisibility: defaultState => {
|
|
2445
|
-
|
|
2543
|
+
var _table$initialState$c;
|
|
2544
|
+
table.setColumnVisibility(defaultState ? {} : (_table$initialState$c = table.initialState.columnVisibility) != null ? _table$initialState$c : {});
|
|
2446
2545
|
},
|
|
2447
2546
|
toggleAllColumnsVisible: value => {
|
|
2448
|
-
|
|
2547
|
+
var _value;
|
|
2548
|
+
value = (_value = value) != null ? _value : !table.getIsAllColumnsVisible();
|
|
2449
2549
|
table.setColumnVisibility(table.getAllLeafColumns().reduce((obj, column) => ({
|
|
2450
2550
|
...obj,
|
|
2451
|
-
[column.id]: !value ? !
|
|
2551
|
+
[column.id]: !value ? !column.getCanHide?.() : value
|
|
2452
2552
|
}), {}));
|
|
2453
2553
|
},
|
|
2454
|
-
getIsAllColumnsVisible: () => !table.getAllLeafColumns().some(column => !
|
|
2455
|
-
getIsSomeColumnsVisible: () => table.getAllLeafColumns().some(column => column.getIsVisible
|
|
2554
|
+
getIsAllColumnsVisible: () => !table.getAllLeafColumns().some(column => !column.getIsVisible?.()),
|
|
2555
|
+
getIsSomeColumnsVisible: () => table.getAllLeafColumns().some(column => column.getIsVisible?.()),
|
|
2456
2556
|
getToggleAllColumnsVisibilityHandler: () => {
|
|
2457
2557
|
return e => {
|
|
2458
|
-
|
|
2459
|
-
table.toggleAllColumnsVisible((_target = e.target) == null ? void 0 : _target.checked);
|
|
2558
|
+
table.toggleAllColumnsVisible(e.target?.checked);
|
|
2460
2559
|
};
|
|
2461
2560
|
}
|
|
2462
2561
|
};
|
|
@@ -2468,6 +2567,7 @@
|
|
|
2468
2567
|
//
|
|
2469
2568
|
|
|
2470
2569
|
function createTable(options) {
|
|
2570
|
+
var _options$initialState;
|
|
2471
2571
|
if (options.debugAll || options.debugTable) {
|
|
2472
2572
|
console.info('Creating Table Instance...');
|
|
2473
2573
|
}
|
|
@@ -2475,7 +2575,7 @@
|
|
|
2475
2575
|
_features: features
|
|
2476
2576
|
};
|
|
2477
2577
|
const defaultOptions = table._features.reduce((obj, feature) => {
|
|
2478
|
-
return Object.assign(obj, feature.getDefaultOptions
|
|
2578
|
+
return Object.assign(obj, feature.getDefaultOptions?.(table));
|
|
2479
2579
|
}, {});
|
|
2480
2580
|
const mergeOptions = options => {
|
|
2481
2581
|
if (table.options.mergeOptions) {
|
|
@@ -2489,10 +2589,11 @@
|
|
|
2489
2589
|
const coreInitialState = {};
|
|
2490
2590
|
let initialState = {
|
|
2491
2591
|
...coreInitialState,
|
|
2492
|
-
...(options.initialState
|
|
2592
|
+
...((_options$initialState = options.initialState) != null ? _options$initialState : {})
|
|
2493
2593
|
};
|
|
2494
2594
|
table._features.forEach(feature => {
|
|
2495
|
-
|
|
2595
|
+
var _feature$getInitialSt;
|
|
2596
|
+
initialState = (_feature$getInitialSt = feature.getInitialState?.(initialState)) != null ? _feature$getInitialSt : initialState;
|
|
2496
2597
|
});
|
|
2497
2598
|
const queued = [];
|
|
2498
2599
|
let queuedTimeout = false;
|
|
@@ -2531,9 +2632,12 @@
|
|
|
2531
2632
|
return table.options.state;
|
|
2532
2633
|
},
|
|
2533
2634
|
setState: updater => {
|
|
2534
|
-
table.options.onStateChange
|
|
2635
|
+
table.options.onStateChange?.(updater);
|
|
2636
|
+
},
|
|
2637
|
+
_getRowId: (row, index, parent) => {
|
|
2638
|
+
var _table$options$getRow;
|
|
2639
|
+
return (_table$options$getRow = table.options.getRowId?.(row, index, parent)) != null ? _table$options$getRow : `${parent ? [parent.id, index].join('.') : index}`;
|
|
2535
2640
|
},
|
|
2536
|
-
_getRowId: (row, index, parent) => (table.options.getRowId == null ? void 0 : table.options.getRowId(row, index, parent)) ?? `${parent ? [parent.id, index].join('.') : index}`,
|
|
2537
2641
|
getCoreRowModel: () => {
|
|
2538
2642
|
if (!table._getCoreRowModel) {
|
|
2539
2643
|
table._getCoreRowModel = table.options.getCoreRowModel(table);
|
|
@@ -2556,7 +2660,8 @@
|
|
|
2556
2660
|
return row;
|
|
2557
2661
|
},
|
|
2558
2662
|
_getDefaultColumnDef: memo(() => [table.options.defaultColumn], defaultColumn => {
|
|
2559
|
-
|
|
2663
|
+
var _defaultColumn;
|
|
2664
|
+
defaultColumn = (_defaultColumn = defaultColumn) != null ? _defaultColumn : {};
|
|
2560
2665
|
return {
|
|
2561
2666
|
header: props => {
|
|
2562
2667
|
const resolvedColumnDef = props.header.column.columnDef;
|
|
@@ -2570,16 +2675,19 @@
|
|
|
2570
2675
|
},
|
|
2571
2676
|
// footer: props => props.header.column.id,
|
|
2572
2677
|
cell: props => {
|
|
2573
|
-
var _props$renderValue;
|
|
2574
|
-
return (
|
|
2678
|
+
var _props$renderValue$to;
|
|
2679
|
+
return (_props$renderValue$to = props.renderValue()?.toString?.()) != null ? _props$renderValue$to : null;
|
|
2575
2680
|
},
|
|
2576
2681
|
...table._features.reduce((obj, feature) => {
|
|
2577
|
-
return Object.assign(obj, feature.getDefaultColumnDef
|
|
2682
|
+
return Object.assign(obj, feature.getDefaultColumnDef?.());
|
|
2578
2683
|
}, {}),
|
|
2579
2684
|
...defaultColumn
|
|
2580
2685
|
};
|
|
2581
2686
|
}, {
|
|
2582
|
-
debug: () =>
|
|
2687
|
+
debug: () => {
|
|
2688
|
+
var _table$options$debugA;
|
|
2689
|
+
return (_table$options$debugA = table.options.debugAll) != null ? _table$options$debugA : table.options.debugColumns;
|
|
2690
|
+
},
|
|
2583
2691
|
key: 'getDefaultColumnDef'
|
|
2584
2692
|
}),
|
|
2585
2693
|
_getColumnDefs: () => table.options.columns,
|
|
@@ -2598,7 +2706,10 @@
|
|
|
2598
2706
|
return recurseColumns(columnDefs);
|
|
2599
2707
|
}, {
|
|
2600
2708
|
key: 'getAllColumns',
|
|
2601
|
-
debug: () =>
|
|
2709
|
+
debug: () => {
|
|
2710
|
+
var _table$options$debugA2;
|
|
2711
|
+
return (_table$options$debugA2 = table.options.debugAll) != null ? _table$options$debugA2 : table.options.debugColumns;
|
|
2712
|
+
}
|
|
2602
2713
|
}),
|
|
2603
2714
|
getAllFlatColumns: memo(() => [table.getAllColumns()], allColumns => {
|
|
2604
2715
|
return allColumns.flatMap(column => {
|
|
@@ -2606,7 +2717,10 @@
|
|
|
2606
2717
|
});
|
|
2607
2718
|
}, {
|
|
2608
2719
|
key: 'getAllFlatColumns',
|
|
2609
|
-
debug: () =>
|
|
2720
|
+
debug: () => {
|
|
2721
|
+
var _table$options$debugA3;
|
|
2722
|
+
return (_table$options$debugA3 = table.options.debugAll) != null ? _table$options$debugA3 : table.options.debugColumns;
|
|
2723
|
+
}
|
|
2610
2724
|
}),
|
|
2611
2725
|
_getAllFlatColumnsById: memo(() => [table.getAllFlatColumns()], flatColumns => {
|
|
2612
2726
|
return flatColumns.reduce((acc, column) => {
|
|
@@ -2615,14 +2729,20 @@
|
|
|
2615
2729
|
}, {});
|
|
2616
2730
|
}, {
|
|
2617
2731
|
key: 'getAllFlatColumnsById',
|
|
2618
|
-
debug: () =>
|
|
2732
|
+
debug: () => {
|
|
2733
|
+
var _table$options$debugA4;
|
|
2734
|
+
return (_table$options$debugA4 = table.options.debugAll) != null ? _table$options$debugA4 : table.options.debugColumns;
|
|
2735
|
+
}
|
|
2619
2736
|
}),
|
|
2620
2737
|
getAllLeafColumns: memo(() => [table.getAllColumns(), table._getOrderColumnsFn()], (allColumns, orderColumns) => {
|
|
2621
2738
|
let leafColumns = allColumns.flatMap(column => column.getLeafColumns());
|
|
2622
2739
|
return orderColumns(leafColumns);
|
|
2623
2740
|
}, {
|
|
2624
2741
|
key: 'getAllLeafColumns',
|
|
2625
|
-
debug: () =>
|
|
2742
|
+
debug: () => {
|
|
2743
|
+
var _table$options$debugA5;
|
|
2744
|
+
return (_table$options$debugA5 = table.options.debugAll) != null ? _table$options$debugA5 : table.options.debugColumns;
|
|
2745
|
+
}
|
|
2626
2746
|
}),
|
|
2627
2747
|
getColumn: columnId => {
|
|
2628
2748
|
const column = table._getAllFlatColumnsById()[columnId];
|
|
@@ -2637,13 +2757,16 @@
|
|
|
2637
2757
|
};
|
|
2638
2758
|
Object.assign(table, coreInstance);
|
|
2639
2759
|
table._features.forEach(feature => {
|
|
2640
|
-
return Object.assign(table, feature.createTable
|
|
2760
|
+
return Object.assign(table, feature.createTable?.(table));
|
|
2641
2761
|
});
|
|
2642
2762
|
return table;
|
|
2643
2763
|
}
|
|
2644
2764
|
|
|
2645
2765
|
function createCell(table, row, column, columnId) {
|
|
2646
|
-
const getRenderValue = () =>
|
|
2766
|
+
const getRenderValue = () => {
|
|
2767
|
+
var _cell$getValue;
|
|
2768
|
+
return (_cell$getValue = cell.getValue()) != null ? _cell$getValue : table.options.renderFallbackValue;
|
|
2769
|
+
};
|
|
2647
2770
|
const cell = {
|
|
2648
2771
|
id: `${row.id}_${column.id}`,
|
|
2649
2772
|
row,
|
|
@@ -2663,7 +2786,7 @@
|
|
|
2663
2786
|
})
|
|
2664
2787
|
};
|
|
2665
2788
|
table._features.forEach(feature => {
|
|
2666
|
-
Object.assign(cell, feature.createCell
|
|
2789
|
+
Object.assign(cell, feature.createCell?.(cell, column, row, table));
|
|
2667
2790
|
}, {});
|
|
2668
2791
|
return cell;
|
|
2669
2792
|
}
|
|
@@ -2702,8 +2825,11 @@
|
|
|
2702
2825
|
row._uniqueValuesCache[columnId] = column.columnDef.getUniqueValues(row.original, rowIndex);
|
|
2703
2826
|
return row._uniqueValuesCache[columnId];
|
|
2704
2827
|
},
|
|
2705
|
-
renderValue: columnId =>
|
|
2706
|
-
|
|
2828
|
+
renderValue: columnId => {
|
|
2829
|
+
var _row$getValue;
|
|
2830
|
+
return (_row$getValue = row.getValue(columnId)) != null ? _row$getValue : table.options.renderFallbackValue;
|
|
2831
|
+
},
|
|
2832
|
+
subRows: subRows != null ? subRows : [],
|
|
2707
2833
|
getLeafRows: () => flattenBy(row.subRows, d => d.subRows),
|
|
2708
2834
|
getAllCells: memo(() => [table.getAllLeafColumns()], leafColumns => {
|
|
2709
2835
|
return leafColumns.map(column => {
|
|
@@ -2711,7 +2837,10 @@
|
|
|
2711
2837
|
});
|
|
2712
2838
|
}, {
|
|
2713
2839
|
key: 'row.getAllCells',
|
|
2714
|
-
debug: () =>
|
|
2840
|
+
debug: () => {
|
|
2841
|
+
var _table$options$debugA;
|
|
2842
|
+
return (_table$options$debugA = table.options.debugAll) != null ? _table$options$debugA : table.options.debugRows;
|
|
2843
|
+
}
|
|
2715
2844
|
}),
|
|
2716
2845
|
_getAllCellsByColumnId: memo(() => [row.getAllCells()], allCells => {
|
|
2717
2846
|
return allCells.reduce((acc, cell) => {
|
|
@@ -2720,12 +2849,15 @@
|
|
|
2720
2849
|
}, {});
|
|
2721
2850
|
}, {
|
|
2722
2851
|
key: "development" === 'production' ,
|
|
2723
|
-
debug: () =>
|
|
2852
|
+
debug: () => {
|
|
2853
|
+
var _table$options$debugA2;
|
|
2854
|
+
return (_table$options$debugA2 = table.options.debugAll) != null ? _table$options$debugA2 : table.options.debugRows;
|
|
2855
|
+
}
|
|
2724
2856
|
})
|
|
2725
2857
|
};
|
|
2726
2858
|
for (let i = 0; i < table._features.length; i++) {
|
|
2727
2859
|
const feature = table._features[i];
|
|
2728
|
-
Object.assign(row, feature
|
|
2860
|
+
Object.assign(row, feature?.createRow?.(row, table));
|
|
2729
2861
|
}
|
|
2730
2862
|
return row;
|
|
2731
2863
|
};
|
|
@@ -2819,11 +2951,10 @@
|
|
|
2819
2951
|
|
|
2820
2952
|
// Get the original subrows
|
|
2821
2953
|
if (table.options.getSubRows) {
|
|
2822
|
-
var _row$originalSubRows;
|
|
2823
2954
|
row.originalSubRows = table.options.getSubRows(originalRows[i], i);
|
|
2824
2955
|
|
|
2825
2956
|
// Then recursively access them
|
|
2826
|
-
if (
|
|
2957
|
+
if (row.originalSubRows?.length) {
|
|
2827
2958
|
row.subRows = accessRows(row.originalSubRows, depth + 1, row);
|
|
2828
2959
|
}
|
|
2829
2960
|
}
|
|
@@ -2834,7 +2965,10 @@
|
|
|
2834
2965
|
return rowModel;
|
|
2835
2966
|
}, {
|
|
2836
2967
|
key: 'getRowModel',
|
|
2837
|
-
debug: () =>
|
|
2968
|
+
debug: () => {
|
|
2969
|
+
var _table$options$debugA;
|
|
2970
|
+
return (_table$options$debugA = table.options.debugAll) != null ? _table$options$debugA : table.options.debugTable;
|
|
2971
|
+
},
|
|
2838
2972
|
onChange: () => {
|
|
2839
2973
|
table._autoResetPageIndex();
|
|
2840
2974
|
}
|
|
@@ -2848,9 +2982,10 @@
|
|
|
2848
2982
|
return filterRowModelFromRoot(rows, filterRowImpl, table);
|
|
2849
2983
|
}
|
|
2850
2984
|
function filterRowModelFromLeafs(rowsToFilter, filterRow, table) {
|
|
2985
|
+
var _table$options$maxLea;
|
|
2851
2986
|
const newFilteredFlatRows = [];
|
|
2852
2987
|
const newFilteredRowsById = {};
|
|
2853
|
-
const maxDepth = table.options.maxLeafRowFilterDepth
|
|
2988
|
+
const maxDepth = (_table$options$maxLea = table.options.maxLeafRowFilterDepth) != null ? _table$options$maxLea : 100;
|
|
2854
2989
|
const recurseFilterRows = function (rowsToFilter, depth) {
|
|
2855
2990
|
if (depth === void 0) {
|
|
2856
2991
|
depth = 0;
|
|
@@ -2859,11 +2994,10 @@
|
|
|
2859
2994
|
|
|
2860
2995
|
// Filter from children up first
|
|
2861
2996
|
for (let i = 0; i < rowsToFilter.length; i++) {
|
|
2862
|
-
var _row$subRows;
|
|
2863
2997
|
let row = rowsToFilter[i];
|
|
2864
2998
|
const newRow = createRow(table, row.id, row.original, row.index, row.depth);
|
|
2865
2999
|
newRow.columnFilters = row.columnFilters;
|
|
2866
|
-
if (
|
|
3000
|
+
if (row.subRows?.length && depth < maxDepth) {
|
|
2867
3001
|
newRow.subRows = recurseFilterRows(row.subRows, depth + 1);
|
|
2868
3002
|
row = newRow;
|
|
2869
3003
|
if (filterRow(row) && !newRow.subRows.length) {
|
|
@@ -2896,9 +3030,10 @@
|
|
|
2896
3030
|
};
|
|
2897
3031
|
}
|
|
2898
3032
|
function filterRowModelFromRoot(rowsToFilter, filterRow, table) {
|
|
3033
|
+
var _table$options$maxLea2;
|
|
2899
3034
|
const newFilteredFlatRows = [];
|
|
2900
3035
|
const newFilteredRowsById = {};
|
|
2901
|
-
const maxDepth = table.options.maxLeafRowFilterDepth
|
|
3036
|
+
const maxDepth = (_table$options$maxLea2 = table.options.maxLeafRowFilterDepth) != null ? _table$options$maxLea2 : 100;
|
|
2902
3037
|
|
|
2903
3038
|
// Filters top level and nested rows
|
|
2904
3039
|
const recurseFilterRows = function (rowsToFilter, depth) {
|
|
@@ -2914,8 +3049,7 @@
|
|
|
2914
3049
|
let row = rowsToFilter[i];
|
|
2915
3050
|
const pass = filterRow(row);
|
|
2916
3051
|
if (pass) {
|
|
2917
|
-
|
|
2918
|
-
if ((_row$subRows2 = row.subRows) != null && _row$subRows2.length && depth < maxDepth) {
|
|
3052
|
+
if (row.subRows?.length && depth < maxDepth) {
|
|
2919
3053
|
const newRow = createRow(table, row.id, row.original, row.index, row.depth);
|
|
2920
3054
|
newRow.subRows = recurseFilterRows(row.subRows, depth + 1);
|
|
2921
3055
|
row = newRow;
|
|
@@ -2936,7 +3070,7 @@
|
|
|
2936
3070
|
|
|
2937
3071
|
function getFilteredRowModel() {
|
|
2938
3072
|
return table => memo(() => [table.getPreFilteredRowModel(), table.getState().columnFilters, table.getState().globalFilter], (rowModel, columnFilters, globalFilter) => {
|
|
2939
|
-
if (!rowModel.rows.length || !
|
|
3073
|
+
if (!rowModel.rows.length || !columnFilters?.length && !globalFilter) {
|
|
2940
3074
|
for (let i = 0; i < rowModel.flatRows.length; i++) {
|
|
2941
3075
|
rowModel.flatRows[i].columnFilters = {};
|
|
2942
3076
|
rowModel.flatRows[i].columnFiltersMeta = {};
|
|
@@ -2945,7 +3079,8 @@
|
|
|
2945
3079
|
}
|
|
2946
3080
|
const resolvedColumnFilters = [];
|
|
2947
3081
|
const resolvedGlobalFilters = [];
|
|
2948
|
-
(columnFilters
|
|
3082
|
+
(columnFilters != null ? columnFilters : []).forEach(d => {
|
|
3083
|
+
var _filterFn$resolveFilt;
|
|
2949
3084
|
const column = table.getColumn(d.id);
|
|
2950
3085
|
if (!column) {
|
|
2951
3086
|
{
|
|
@@ -2962,7 +3097,7 @@
|
|
|
2962
3097
|
resolvedColumnFilters.push({
|
|
2963
3098
|
id: d.id,
|
|
2964
3099
|
filterFn,
|
|
2965
|
-
resolvedValue: (
|
|
3100
|
+
resolvedValue: (_filterFn$resolveFilt = filterFn.resolveFilterValue?.(d.value)) != null ? _filterFn$resolveFilt : d.value
|
|
2966
3101
|
});
|
|
2967
3102
|
});
|
|
2968
3103
|
const filterableIds = columnFilters.map(d => d.id);
|
|
@@ -2971,10 +3106,11 @@
|
|
|
2971
3106
|
if (globalFilter && globalFilterFn && globallyFilterableColumns.length) {
|
|
2972
3107
|
filterableIds.push('__global__');
|
|
2973
3108
|
globallyFilterableColumns.forEach(column => {
|
|
3109
|
+
var _globalFilterFn$resol;
|
|
2974
3110
|
resolvedGlobalFilters.push({
|
|
2975
3111
|
id: column.id,
|
|
2976
3112
|
filterFn: globalFilterFn,
|
|
2977
|
-
resolvedValue: (globalFilterFn.resolveFilterValue
|
|
3113
|
+
resolvedValue: (_globalFilterFn$resol = globalFilterFn.resolveFilterValue?.(globalFilter)) != null ? _globalFilterFn$resol : globalFilter
|
|
2978
3114
|
});
|
|
2979
3115
|
});
|
|
2980
3116
|
}
|
|
@@ -3027,7 +3163,10 @@
|
|
|
3027
3163
|
return filterRows(rowModel.rows, filterRowsImpl, table);
|
|
3028
3164
|
}, {
|
|
3029
3165
|
key: 'getFilteredRowModel',
|
|
3030
|
-
debug: () =>
|
|
3166
|
+
debug: () => {
|
|
3167
|
+
var _table$options$debugA;
|
|
3168
|
+
return (_table$options$debugA = table.options.debugAll) != null ? _table$options$debugA : table.options.debugTable;
|
|
3169
|
+
},
|
|
3031
3170
|
onChange: () => {
|
|
3032
3171
|
table._autoResetPageIndex();
|
|
3033
3172
|
}
|
|
@@ -3036,7 +3175,7 @@
|
|
|
3036
3175
|
|
|
3037
3176
|
function getFacetedRowModel() {
|
|
3038
3177
|
return (table, columnId) => memo(() => [table.getPreFilteredRowModel(), table.getState().columnFilters, table.getState().globalFilter, table.getFilteredRowModel()], (preRowModel, columnFilters, globalFilter) => {
|
|
3039
|
-
if (!preRowModel.rows.length || !
|
|
3178
|
+
if (!preRowModel.rows.length || !columnFilters?.length && !globalFilter) {
|
|
3040
3179
|
return preRowModel;
|
|
3041
3180
|
}
|
|
3042
3181
|
const filterableIds = [...columnFilters.map(d => d.id).filter(d => d !== columnId), globalFilter ? '__global__' : undefined].filter(Boolean);
|
|
@@ -3052,7 +3191,10 @@
|
|
|
3052
3191
|
return filterRows(preRowModel.rows, filterRowsImpl, table);
|
|
3053
3192
|
}, {
|
|
3054
3193
|
key: 'getFacetedRowModel_' + columnId,
|
|
3055
|
-
debug: () =>
|
|
3194
|
+
debug: () => {
|
|
3195
|
+
var _table$options$debugA;
|
|
3196
|
+
return (_table$options$debugA = table.options.debugAll) != null ? _table$options$debugA : table.options.debugTable;
|
|
3197
|
+
},
|
|
3056
3198
|
onChange: () => {}
|
|
3057
3199
|
});
|
|
3058
3200
|
}
|
|
@@ -3065,7 +3207,8 @@
|
|
|
3065
3207
|
for (let j = 0; j < values.length; j++) {
|
|
3066
3208
|
const value = values[j];
|
|
3067
3209
|
if (facetedUniqueValues.has(value)) {
|
|
3068
|
-
|
|
3210
|
+
var _facetedUniqueValues$;
|
|
3211
|
+
facetedUniqueValues.set(value, ((_facetedUniqueValues$ = facetedUniqueValues.get(value)) != null ? _facetedUniqueValues$ : 0) + 1);
|
|
3069
3212
|
} else {
|
|
3070
3213
|
facetedUniqueValues.set(value, 1);
|
|
3071
3214
|
}
|
|
@@ -3074,15 +3217,17 @@
|
|
|
3074
3217
|
return facetedUniqueValues;
|
|
3075
3218
|
}, {
|
|
3076
3219
|
key: 'getFacetedUniqueValues_' + columnId,
|
|
3077
|
-
debug: () =>
|
|
3220
|
+
debug: () => {
|
|
3221
|
+
var _table$options$debugA;
|
|
3222
|
+
return (_table$options$debugA = table.options.debugAll) != null ? _table$options$debugA : table.options.debugTable;
|
|
3223
|
+
},
|
|
3078
3224
|
onChange: () => {}
|
|
3079
3225
|
});
|
|
3080
3226
|
}
|
|
3081
3227
|
|
|
3082
3228
|
function getFacetedMinMaxValues() {
|
|
3083
3229
|
return (table, columnId) => memo(() => [table.getColumn(columnId).getFacetedRowModel()], facetedRowModel => {
|
|
3084
|
-
|
|
3085
|
-
const firstValue = (_facetedRowModel$flat = facetedRowModel.flatRows[0]) == null ? void 0 : _facetedRowModel$flat.getUniqueValues(columnId);
|
|
3230
|
+
const firstValue = facetedRowModel.flatRows[0]?.getUniqueValues(columnId);
|
|
3086
3231
|
if (typeof firstValue === 'undefined') {
|
|
3087
3232
|
return undefined;
|
|
3088
3233
|
}
|
|
@@ -3101,14 +3246,17 @@
|
|
|
3101
3246
|
return facetedMinMaxValues;
|
|
3102
3247
|
}, {
|
|
3103
3248
|
key: 'getFacetedMinMaxValues_' + columnId,
|
|
3104
|
-
debug: () =>
|
|
3249
|
+
debug: () => {
|
|
3250
|
+
var _table$options$debugA;
|
|
3251
|
+
return (_table$options$debugA = table.options.debugAll) != null ? _table$options$debugA : table.options.debugTable;
|
|
3252
|
+
},
|
|
3105
3253
|
onChange: () => {}
|
|
3106
3254
|
});
|
|
3107
3255
|
}
|
|
3108
3256
|
|
|
3109
3257
|
function getSortedRowModel() {
|
|
3110
3258
|
return table => memo(() => [table.getState().sorting, table.getPreSortedRowModel()], (sorting, rowModel) => {
|
|
3111
|
-
if (!rowModel.rows.length || !
|
|
3259
|
+
if (!rowModel.rows.length || !sorting?.length) {
|
|
3112
3260
|
return rowModel;
|
|
3113
3261
|
}
|
|
3114
3262
|
const sortingState = table.getState().sorting;
|
|
@@ -3131,9 +3279,10 @@
|
|
|
3131
3279
|
const sortedData = [...rows];
|
|
3132
3280
|
sortedData.sort((rowA, rowB) => {
|
|
3133
3281
|
for (let i = 0; i < availableSorting.length; i += 1) {
|
|
3282
|
+
var _sortEntry$desc;
|
|
3134
3283
|
const sortEntry = availableSorting[i];
|
|
3135
3284
|
const columnInfo = columnInfoById[sortEntry.id];
|
|
3136
|
-
const isDesc = (sortEntry
|
|
3285
|
+
const isDesc = (_sortEntry$desc = sortEntry?.desc) != null ? _sortEntry$desc : false;
|
|
3137
3286
|
if (columnInfo.sortUndefined) {
|
|
3138
3287
|
const aValue = rowA.getValue(sortEntry.id);
|
|
3139
3288
|
const bValue = rowB.getValue(sortEntry.id);
|
|
@@ -3161,9 +3310,8 @@
|
|
|
3161
3310
|
|
|
3162
3311
|
// If there are sub-rows, sort them
|
|
3163
3312
|
sortedData.forEach(row => {
|
|
3164
|
-
var _row$subRows;
|
|
3165
3313
|
sortedFlatRows.push(row);
|
|
3166
|
-
if (
|
|
3314
|
+
if (row.subRows?.length) {
|
|
3167
3315
|
row.subRows = sortData(row.subRows);
|
|
3168
3316
|
}
|
|
3169
3317
|
});
|
|
@@ -3176,7 +3324,10 @@
|
|
|
3176
3324
|
};
|
|
3177
3325
|
}, {
|
|
3178
3326
|
key: 'getSortedRowModel',
|
|
3179
|
-
debug: () =>
|
|
3327
|
+
debug: () => {
|
|
3328
|
+
var _table$options$debugA;
|
|
3329
|
+
return (_table$options$debugA = table.options.debugAll) != null ? _table$options$debugA : table.options.debugTable;
|
|
3330
|
+
},
|
|
3180
3331
|
onChange: () => {
|
|
3181
3332
|
table._autoResetPageIndex();
|
|
3182
3333
|
}
|
|
@@ -3245,7 +3396,8 @@
|
|
|
3245
3396
|
return row._valuesCache[columnId];
|
|
3246
3397
|
}
|
|
3247
3398
|
if (groupedRows[0]) {
|
|
3248
|
-
|
|
3399
|
+
var _groupedRows$0$getVal;
|
|
3400
|
+
row._valuesCache[columnId] = (_groupedRows$0$getVal = groupedRows[0].getValue(columnId)) != null ? _groupedRows$0$getVal : undefined;
|
|
3249
3401
|
}
|
|
3250
3402
|
return row._valuesCache[columnId];
|
|
3251
3403
|
}
|
|
@@ -3298,7 +3450,10 @@
|
|
|
3298
3450
|
};
|
|
3299
3451
|
}, {
|
|
3300
3452
|
key: 'getGroupedRowModel',
|
|
3301
|
-
debug: () =>
|
|
3453
|
+
debug: () => {
|
|
3454
|
+
var _table$options$debugA;
|
|
3455
|
+
return (_table$options$debugA = table.options.debugAll) != null ? _table$options$debugA : table.options.debugTable;
|
|
3456
|
+
},
|
|
3302
3457
|
onChange: () => {
|
|
3303
3458
|
table._queue(() => {
|
|
3304
3459
|
table._autoResetExpanded();
|
|
@@ -3323,7 +3478,7 @@
|
|
|
3323
3478
|
|
|
3324
3479
|
function getExpandedRowModel() {
|
|
3325
3480
|
return table => memo(() => [table.getState().expanded, table.getPreExpandedRowModel(), table.options.paginateExpandedRows], (expanded, rowModel, paginateExpandedRows) => {
|
|
3326
|
-
if (!rowModel.rows.length || expanded !== true && !Object.keys(expanded
|
|
3481
|
+
if (!rowModel.rows.length || expanded !== true && !Object.keys(expanded != null ? expanded : {}).length) {
|
|
3327
3482
|
return rowModel;
|
|
3328
3483
|
}
|
|
3329
3484
|
if (!paginateExpandedRows) {
|
|
@@ -3333,15 +3488,17 @@
|
|
|
3333
3488
|
return expandRows(rowModel);
|
|
3334
3489
|
}, {
|
|
3335
3490
|
key: 'getExpandedRowModel',
|
|
3336
|
-
debug: () =>
|
|
3491
|
+
debug: () => {
|
|
3492
|
+
var _table$options$debugA;
|
|
3493
|
+
return (_table$options$debugA = table.options.debugAll) != null ? _table$options$debugA : table.options.debugTable;
|
|
3494
|
+
}
|
|
3337
3495
|
});
|
|
3338
3496
|
}
|
|
3339
3497
|
function expandRows(rowModel) {
|
|
3340
3498
|
const expandedRows = [];
|
|
3341
3499
|
const handleRow = row => {
|
|
3342
|
-
var _row$subRows;
|
|
3343
3500
|
expandedRows.push(row);
|
|
3344
|
-
if (
|
|
3501
|
+
if (row.subRows?.length && row.getIsExpanded()) {
|
|
3345
3502
|
row.subRows.forEach(handleRow);
|
|
3346
3503
|
}
|
|
3347
3504
|
};
|
|
@@ -3395,11 +3552,14 @@
|
|
|
3395
3552
|
return paginatedRowModel;
|
|
3396
3553
|
}, {
|
|
3397
3554
|
key: 'getPaginationRowModel',
|
|
3398
|
-
debug: () =>
|
|
3555
|
+
debug: () => {
|
|
3556
|
+
var _table$options$debugA;
|
|
3557
|
+
return (_table$options$debugA = table.options.debugAll) != null ? _table$options$debugA : table.options.debugTable;
|
|
3558
|
+
}
|
|
3399
3559
|
});
|
|
3400
3560
|
}
|
|
3401
3561
|
|
|
3402
|
-
/* packages/svelte-table/src/placeholder.svelte generated by Svelte v3.
|
|
3562
|
+
/* packages/svelte-table/src/placeholder.svelte generated by Svelte v3.54.0 */
|
|
3403
3563
|
|
|
3404
3564
|
function create_fragment$1(ctx) {
|
|
3405
3565
|
let t;
|
|
@@ -3498,9 +3658,8 @@
|
|
|
3498
3658
|
return typeof component === 'object' && typeof component.$$render === 'function' && typeof component.render === 'function';
|
|
3499
3659
|
}
|
|
3500
3660
|
function isSvelteClientComponent(component) {
|
|
3501
|
-
var _component$name, _component$name2;
|
|
3502
3661
|
let isHMR = ('__SVELTE_HMR' in window);
|
|
3503
|
-
return component.prototype instanceof internal.SvelteComponent || isHMR &&
|
|
3662
|
+
return component.prototype instanceof internal.SvelteComponent || isHMR && component.name?.startsWith('Proxy<') && component.name?.endsWith('>');
|
|
3504
3663
|
}
|
|
3505
3664
|
function isSvelteComponent(component) {
|
|
3506
3665
|
if (typeof document === 'undefined') {
|
|
@@ -3566,7 +3725,7 @@
|
|
|
3566
3725
|
} else {
|
|
3567
3726
|
stateStore.set(updater);
|
|
3568
3727
|
}
|
|
3569
|
-
resolvedOptions.onStateChange
|
|
3728
|
+
resolvedOptions.onStateChange?.(updater);
|
|
3570
3729
|
}
|
|
3571
3730
|
};
|
|
3572
3731
|
});
|