@tanstack/svelte-table 8.7.0 → 8.7.3
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.esm.js +3 -4
- package/build/lib/index.esm.js.map +1 -1
- package/build/lib/index.js +2 -3
- package/build/lib/index.js.map +1 -1
- package/build/lib/index.mjs +3 -4
- package/build/lib/index.mjs.map +1 -1
- package/build/lib/placeholder.svelte.js +1 -1
- package/build/umd/index.development.js +167 -218
- 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 +2 -2
|
@@ -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;
|
|
@@ -143,8 +143,7 @@
|
|
|
143
143
|
columnDef: resolvedColumnDef,
|
|
144
144
|
columns: [],
|
|
145
145
|
getFlatColumns: memo(() => [true], () => {
|
|
146
|
-
|
|
147
|
-
return [column, ...((_column$columns = column.columns) == null ? void 0 : _column$columns.flatMap(d => d.getFlatColumns()))];
|
|
146
|
+
return [column, ...column.columns?.flatMap(d => d.getFlatColumns())];
|
|
148
147
|
}, {
|
|
149
148
|
key: "development" === 'production' ,
|
|
150
149
|
debug: () => {
|
|
@@ -153,8 +152,7 @@
|
|
|
153
152
|
}
|
|
154
153
|
}),
|
|
155
154
|
getLeafColumns: memo(() => [table._getOrderColumnsFn()], orderColumns => {
|
|
156
|
-
|
|
157
|
-
if ((_column$columns2 = column.columns) != null && _column$columns2.length) {
|
|
155
|
+
if (column.columns?.length) {
|
|
158
156
|
let leafColumns = column.columns.flatMap(column => column.getLeafColumns());
|
|
159
157
|
return orderColumns(leafColumns);
|
|
160
158
|
}
|
|
@@ -168,7 +166,7 @@
|
|
|
168
166
|
})
|
|
169
167
|
};
|
|
170
168
|
column = table._features.reduce((obj, feature) => {
|
|
171
|
-
return Object.assign(obj, feature.createColumn
|
|
169
|
+
return Object.assign(obj, feature.createColumn?.(column, table));
|
|
172
170
|
}, column);
|
|
173
171
|
|
|
174
172
|
// Yes, we have to convert table to uknown, because we know more than the compiler here.
|
|
@@ -209,7 +207,7 @@
|
|
|
209
207
|
})
|
|
210
208
|
};
|
|
211
209
|
table._features.forEach(feature => {
|
|
212
|
-
Object.assign(header, feature.createHeader
|
|
210
|
+
Object.assign(header, feature.createHeader?.(header, table));
|
|
213
211
|
});
|
|
214
212
|
return header;
|
|
215
213
|
}
|
|
@@ -220,9 +218,9 @@
|
|
|
220
218
|
|
|
221
219
|
getHeaderGroups: memo(() => [table.getAllColumns(), table.getVisibleLeafColumns(), table.getState().columnPinning.left, table.getState().columnPinning.right], (allColumns, leafColumns, left, right) => {
|
|
222
220
|
var _left$map$filter, _right$map$filter;
|
|
223
|
-
const leftColumns = (_left$map$filter = left
|
|
224
|
-
const rightColumns = (_right$map$filter = right
|
|
225
|
-
const centerColumns = leafColumns.filter(column => !
|
|
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));
|
|
226
224
|
const headerGroups = buildHeaderGroups(allColumns, [...leftColumns, ...centerColumns, ...rightColumns], table);
|
|
227
225
|
return headerGroups;
|
|
228
226
|
}, {
|
|
@@ -233,7 +231,7 @@
|
|
|
233
231
|
}
|
|
234
232
|
}),
|
|
235
233
|
getCenterHeaderGroups: memo(() => [table.getAllColumns(), table.getVisibleLeafColumns(), table.getState().columnPinning.left, table.getState().columnPinning.right], (allColumns, leafColumns, left, right) => {
|
|
236
|
-
leafColumns = leafColumns.filter(column => !
|
|
234
|
+
leafColumns = leafColumns.filter(column => !left?.includes(column.id) && !right?.includes(column.id));
|
|
237
235
|
return buildHeaderGroups(allColumns, leafColumns, table, 'center');
|
|
238
236
|
}, {
|
|
239
237
|
key: 'getCenterHeaderGroups',
|
|
@@ -244,7 +242,7 @@
|
|
|
244
242
|
}),
|
|
245
243
|
getLeftHeaderGroups: memo(() => [table.getAllColumns(), table.getVisibleLeafColumns(), table.getState().columnPinning.left], (allColumns, leafColumns, left) => {
|
|
246
244
|
var _left$map$filter2;
|
|
247
|
-
const orderedLeafColumns = (_left$map$filter2 = left
|
|
245
|
+
const orderedLeafColumns = (_left$map$filter2 = left?.map(columnId => leafColumns.find(d => d.id === columnId)).filter(Boolean)) != null ? _left$map$filter2 : [];
|
|
248
246
|
return buildHeaderGroups(allColumns, orderedLeafColumns, table, 'left');
|
|
249
247
|
}, {
|
|
250
248
|
key: 'getLeftHeaderGroups',
|
|
@@ -255,7 +253,7 @@
|
|
|
255
253
|
}),
|
|
256
254
|
getRightHeaderGroups: memo(() => [table.getAllColumns(), table.getVisibleLeafColumns(), table.getState().columnPinning.right], (allColumns, leafColumns, right) => {
|
|
257
255
|
var _right$map$filter2;
|
|
258
|
-
const orderedLeafColumns = (_right$map$filter2 = right
|
|
256
|
+
const orderedLeafColumns = (_right$map$filter2 = right?.map(columnId => leafColumns.find(d => d.id === columnId)).filter(Boolean)) != null ? _right$map$filter2 : [];
|
|
259
257
|
return buildHeaderGroups(allColumns, orderedLeafColumns, table, 'right');
|
|
260
258
|
}, {
|
|
261
259
|
key: 'getRightHeaderGroups',
|
|
@@ -351,10 +349,7 @@
|
|
|
351
349
|
// Leaf Headers
|
|
352
350
|
|
|
353
351
|
getCenterLeafHeaders: memo(() => [table.getCenterFlatHeaders()], flatHeaders => {
|
|
354
|
-
return flatHeaders.filter(header =>
|
|
355
|
-
var _header$subHeaders;
|
|
356
|
-
return !((_header$subHeaders = header.subHeaders) != null && _header$subHeaders.length);
|
|
357
|
-
});
|
|
352
|
+
return flatHeaders.filter(header => !header.subHeaders?.length);
|
|
358
353
|
}, {
|
|
359
354
|
key: 'getCenterLeafHeaders',
|
|
360
355
|
debug: () => {
|
|
@@ -363,10 +358,7 @@
|
|
|
363
358
|
}
|
|
364
359
|
}),
|
|
365
360
|
getLeftLeafHeaders: memo(() => [table.getLeftFlatHeaders()], flatHeaders => {
|
|
366
|
-
return flatHeaders.filter(header =>
|
|
367
|
-
var _header$subHeaders2;
|
|
368
|
-
return !((_header$subHeaders2 = header.subHeaders) != null && _header$subHeaders2.length);
|
|
369
|
-
});
|
|
361
|
+
return flatHeaders.filter(header => !header.subHeaders?.length);
|
|
370
362
|
}, {
|
|
371
363
|
key: 'getLeftLeafHeaders',
|
|
372
364
|
debug: () => {
|
|
@@ -375,10 +367,7 @@
|
|
|
375
367
|
}
|
|
376
368
|
}),
|
|
377
369
|
getRightLeafHeaders: memo(() => [table.getRightFlatHeaders()], flatHeaders => {
|
|
378
|
-
return flatHeaders.filter(header =>
|
|
379
|
-
var _header$subHeaders3;
|
|
380
|
-
return !((_header$subHeaders3 = header.subHeaders) != null && _header$subHeaders3.length);
|
|
381
|
-
});
|
|
370
|
+
return flatHeaders.filter(header => !header.subHeaders?.length);
|
|
382
371
|
}, {
|
|
383
372
|
key: 'getRightLeafHeaders',
|
|
384
373
|
debug: () => {
|
|
@@ -387,8 +376,8 @@
|
|
|
387
376
|
}
|
|
388
377
|
}),
|
|
389
378
|
getLeafHeaders: memo(() => [table.getLeftHeaderGroups(), table.getCenterHeaderGroups(), table.getRightHeaderGroups()], (left, center, right) => {
|
|
390
|
-
var _left$0$headers,
|
|
391
|
-
return [...((_left$0$headers =
|
|
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 => {
|
|
392
381
|
return header.getLeafHeaders();
|
|
393
382
|
}).flat();
|
|
394
383
|
}, {
|
|
@@ -402,7 +391,7 @@
|
|
|
402
391
|
}
|
|
403
392
|
};
|
|
404
393
|
function buildHeaderGroups(allColumns, columnsToGroup, table, headerFamily) {
|
|
405
|
-
var _headerGroups$0$heade
|
|
394
|
+
var _headerGroups$0$heade;
|
|
406
395
|
// Find the max depth of the columns:
|
|
407
396
|
// build the leaf column row
|
|
408
397
|
// build each buffer row going up
|
|
@@ -416,8 +405,7 @@
|
|
|
416
405
|
}
|
|
417
406
|
maxDepth = Math.max(maxDepth, depth);
|
|
418
407
|
columns.filter(column => column.getIsVisible()).forEach(column => {
|
|
419
|
-
|
|
420
|
-
if ((_column$columns = column.columns) != null && _column$columns.length) {
|
|
408
|
+
if (column.columns?.length) {
|
|
421
409
|
findMaxDepth(column.columns, depth + 1);
|
|
422
410
|
}
|
|
423
411
|
}, 0);
|
|
@@ -451,13 +439,13 @@
|
|
|
451
439
|
column = headerToGroup.column;
|
|
452
440
|
isPlaceholder = true;
|
|
453
441
|
}
|
|
454
|
-
if (latestPendingParentHeader &&
|
|
442
|
+
if (latestPendingParentHeader && latestPendingParentHeader?.column === column) {
|
|
455
443
|
// This column is repeated. Add it as a sub header to the next batch
|
|
456
444
|
latestPendingParentHeader.subHeaders.push(headerToGroup);
|
|
457
445
|
} else {
|
|
458
446
|
// This is a new header. Let's create it
|
|
459
447
|
const header = createHeader(table, column, {
|
|
460
|
-
id: [headerFamily, depth, column.id, headerToGroup
|
|
448
|
+
id: [headerFamily, depth, column.id, headerToGroup?.id].filter(Boolean).join('_'),
|
|
461
449
|
isPlaceholder,
|
|
462
450
|
placeholderId: isPlaceholder ? `${pendingParentHeaders.filter(d => d.column === column).length}` : undefined,
|
|
463
451
|
depth,
|
|
@@ -518,7 +506,7 @@
|
|
|
518
506
|
};
|
|
519
507
|
});
|
|
520
508
|
};
|
|
521
|
-
recurseHeadersForSpans((_headerGroups$0$heade =
|
|
509
|
+
recurseHeadersForSpans((_headerGroups$0$heade = headerGroups[0]?.headers) != null ? _headerGroups$0$heade : []);
|
|
522
510
|
return headerGroups;
|
|
523
511
|
}
|
|
524
512
|
|
|
@@ -618,7 +606,7 @@
|
|
|
618
606
|
if (!canResize) {
|
|
619
607
|
return;
|
|
620
608
|
}
|
|
621
|
-
e.persist
|
|
609
|
+
e.persist?.();
|
|
622
610
|
if (isTouchStartEvent(e)) {
|
|
623
611
|
// lets not respond to multiple touches (e.g. 2 or 3 fingers)
|
|
624
612
|
if (e.touches && e.touches.length > 1) {
|
|
@@ -635,8 +623,8 @@
|
|
|
635
623
|
let newColumnSizing = {};
|
|
636
624
|
table.setColumnSizingInfo(old => {
|
|
637
625
|
var _old$startOffset, _old$startSize;
|
|
638
|
-
const deltaOffset = clientXPos - ((_old$startOffset = old
|
|
639
|
-
const deltaPercentage = Math.max(deltaOffset / ((_old$startSize = old
|
|
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);
|
|
640
628
|
old.columnSizingStart.forEach(_ref3 => {
|
|
641
629
|
let [columnId, headerSize] = _ref3;
|
|
642
630
|
newColumnSizing[columnId] = Math.round(Math.max(headerSize + headerSize * deltaPercentage, 0) * 100) / 100;
|
|
@@ -685,14 +673,13 @@
|
|
|
685
673
|
return false;
|
|
686
674
|
},
|
|
687
675
|
upHandler: e => {
|
|
688
|
-
var _e$touches$;
|
|
689
676
|
document.removeEventListener('touchmove', touchEvents.moveHandler);
|
|
690
677
|
document.removeEventListener('touchend', touchEvents.upHandler);
|
|
691
678
|
if (e.cancelable) {
|
|
692
679
|
e.preventDefault();
|
|
693
680
|
e.stopPropagation();
|
|
694
681
|
}
|
|
695
|
-
onEnd(
|
|
682
|
+
onEnd(e.touches[0]?.clientX);
|
|
696
683
|
}
|
|
697
684
|
};
|
|
698
685
|
const passiveIfSupported = passiveEventSupported() ? {
|
|
@@ -720,8 +707,8 @@
|
|
|
720
707
|
},
|
|
721
708
|
createTable: table => {
|
|
722
709
|
return {
|
|
723
|
-
setColumnSizing: updater => table.options.onColumnSizingChange
|
|
724
|
-
setColumnSizingInfo: updater => table.options.onColumnSizingInfoChange
|
|
710
|
+
setColumnSizing: updater => table.options.onColumnSizingChange?.(updater),
|
|
711
|
+
setColumnSizingInfo: updater => table.options.onColumnSizingInfoChange?.(updater),
|
|
725
712
|
resetColumnSizing: defaultState => {
|
|
726
713
|
var _table$initialState$c;
|
|
727
714
|
table.setColumnSizing(defaultState ? {} : (_table$initialState$c = table.initialState.columnSizing) != null ? _table$initialState$c : {});
|
|
@@ -731,26 +718,26 @@
|
|
|
731
718
|
table.setColumnSizingInfo(defaultState ? getDefaultColumnSizingInfoState() : (_table$initialState$c2 = table.initialState.columnSizingInfo) != null ? _table$initialState$c2 : getDefaultColumnSizingInfoState());
|
|
732
719
|
},
|
|
733
720
|
getTotalSize: () => {
|
|
734
|
-
var _table$getHeaderGroup
|
|
735
|
-
return (_table$getHeaderGroup =
|
|
721
|
+
var _table$getHeaderGroup;
|
|
722
|
+
return (_table$getHeaderGroup = table.getHeaderGroups()[0]?.headers.reduce((sum, header) => {
|
|
736
723
|
return sum + header.getSize();
|
|
737
724
|
}, 0)) != null ? _table$getHeaderGroup : 0;
|
|
738
725
|
},
|
|
739
726
|
getLeftTotalSize: () => {
|
|
740
|
-
var _table$getLeftHeaderG
|
|
741
|
-
return (_table$getLeftHeaderG =
|
|
727
|
+
var _table$getLeftHeaderG;
|
|
728
|
+
return (_table$getLeftHeaderG = table.getLeftHeaderGroups()[0]?.headers.reduce((sum, header) => {
|
|
742
729
|
return sum + header.getSize();
|
|
743
730
|
}, 0)) != null ? _table$getLeftHeaderG : 0;
|
|
744
731
|
},
|
|
745
732
|
getCenterTotalSize: () => {
|
|
746
|
-
var _table$getCenterHeade
|
|
747
|
-
return (_table$getCenterHeade =
|
|
733
|
+
var _table$getCenterHeade;
|
|
734
|
+
return (_table$getCenterHeade = table.getCenterHeaderGroups()[0]?.headers.reduce((sum, header) => {
|
|
748
735
|
return sum + header.getSize();
|
|
749
736
|
}, 0)) != null ? _table$getCenterHeade : 0;
|
|
750
737
|
},
|
|
751
738
|
getRightTotalSize: () => {
|
|
752
|
-
var _table$getRightHeader
|
|
753
|
-
return (_table$getRightHeader =
|
|
739
|
+
var _table$getRightHeader;
|
|
740
|
+
return (_table$getRightHeader = table.getRightHeaderGroups()[0]?.headers.reduce((sum, header) => {
|
|
754
741
|
return sum + header.getSize();
|
|
755
742
|
}, 0)) != null ? _table$getRightHeader : 0;
|
|
756
743
|
}
|
|
@@ -817,7 +804,7 @@
|
|
|
817
804
|
});
|
|
818
805
|
}
|
|
819
806
|
},
|
|
820
|
-
setExpanded: updater => table.options.onExpandedChange
|
|
807
|
+
setExpanded: updater => table.options.onExpandedChange?.(updater),
|
|
821
808
|
toggleAllRowsExpanded: expanded => {
|
|
822
809
|
if (expanded != null ? expanded : !table.getIsAllRowsExpanded()) {
|
|
823
810
|
table.setExpanded(true);
|
|
@@ -826,15 +813,15 @@
|
|
|
826
813
|
}
|
|
827
814
|
},
|
|
828
815
|
resetExpanded: defaultState => {
|
|
829
|
-
var _table$initialState$e
|
|
830
|
-
table.setExpanded(defaultState ? {} : (_table$initialState$e =
|
|
816
|
+
var _table$initialState$e;
|
|
817
|
+
table.setExpanded(defaultState ? {} : (_table$initialState$e = table.initialState?.expanded) != null ? _table$initialState$e : {});
|
|
831
818
|
},
|
|
832
819
|
getCanSomeRowsExpand: () => {
|
|
833
820
|
return table.getRowModel().flatRows.some(row => row.getCanExpand());
|
|
834
821
|
},
|
|
835
822
|
getToggleAllRowsExpandedHandler: () => {
|
|
836
823
|
return e => {
|
|
837
|
-
e.persist
|
|
824
|
+
e.persist?.();
|
|
838
825
|
table.toggleAllRowsExpanded();
|
|
839
826
|
};
|
|
840
827
|
},
|
|
@@ -887,7 +874,7 @@
|
|
|
887
874
|
toggleExpanded: expanded => {
|
|
888
875
|
table.setExpanded(old => {
|
|
889
876
|
var _expanded;
|
|
890
|
-
const exists = old === true ? true : !!
|
|
877
|
+
const exists = old === true ? true : !!old?.[row.id];
|
|
891
878
|
let oldExpanded = {};
|
|
892
879
|
if (old === true) {
|
|
893
880
|
Object.keys(table.getRowModel().rowsById).forEach(rowId => {
|
|
@@ -916,11 +903,11 @@
|
|
|
916
903
|
getIsExpanded: () => {
|
|
917
904
|
var _table$options$getIsR;
|
|
918
905
|
const expanded = table.getState().expanded;
|
|
919
|
-
return !!((_table$options$getIsR = table.options.getIsRowExpanded
|
|
906
|
+
return !!((_table$options$getIsR = table.options.getIsRowExpanded?.(row)) != null ? _table$options$getIsR : expanded === true || expanded?.[row.id]);
|
|
920
907
|
},
|
|
921
908
|
getCanExpand: () => {
|
|
922
|
-
var _table$options$getRow, _table$options$enable
|
|
923
|
-
return (_table$options$getRow = 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;
|
|
924
911
|
},
|
|
925
912
|
getToggleExpandedHandler: () => {
|
|
926
913
|
const canExpand = row.getCanExpand();
|
|
@@ -934,40 +921,30 @@
|
|
|
934
921
|
};
|
|
935
922
|
|
|
936
923
|
const includesString = (row, columnId, filterValue) => {
|
|
937
|
-
var _row$getValue;
|
|
938
924
|
const search = filterValue.toLowerCase();
|
|
939
|
-
return Boolean(
|
|
925
|
+
return Boolean(row.getValue(columnId)?.toLowerCase().includes(search));
|
|
940
926
|
};
|
|
941
927
|
includesString.autoRemove = val => testFalsey(val);
|
|
942
928
|
const includesStringSensitive = (row, columnId, filterValue) => {
|
|
943
|
-
|
|
944
|
-
return Boolean((_row$getValue2 = row.getValue(columnId)) == null ? void 0 : _row$getValue2.includes(filterValue));
|
|
929
|
+
return Boolean(row.getValue(columnId)?.includes(filterValue));
|
|
945
930
|
};
|
|
946
931
|
includesStringSensitive.autoRemove = val => testFalsey(val);
|
|
947
932
|
const equalsString = (row, columnId, filterValue) => {
|
|
948
|
-
|
|
949
|
-
return ((_row$getValue3 = row.getValue(columnId)) == null ? void 0 : _row$getValue3.toLowerCase()) === filterValue.toLowerCase();
|
|
933
|
+
return row.getValue(columnId)?.toLowerCase() === filterValue.toLowerCase();
|
|
950
934
|
};
|
|
951
935
|
equalsString.autoRemove = val => testFalsey(val);
|
|
952
936
|
const arrIncludes = (row, columnId, filterValue) => {
|
|
953
|
-
|
|
954
|
-
return (_row$getValue4 = row.getValue(columnId)) == null ? void 0 : _row$getValue4.includes(filterValue);
|
|
937
|
+
return row.getValue(columnId)?.includes(filterValue);
|
|
955
938
|
};
|
|
956
|
-
arrIncludes.autoRemove = val => testFalsey(val) || !
|
|
939
|
+
arrIncludes.autoRemove = val => testFalsey(val) || !val?.length;
|
|
957
940
|
const arrIncludesAll = (row, columnId, filterValue) => {
|
|
958
|
-
return !filterValue.some(val =>
|
|
959
|
-
var _row$getValue5;
|
|
960
|
-
return !((_row$getValue5 = row.getValue(columnId)) != null && _row$getValue5.includes(val));
|
|
961
|
-
});
|
|
941
|
+
return !filterValue.some(val => !row.getValue(columnId)?.includes(val));
|
|
962
942
|
};
|
|
963
|
-
arrIncludesAll.autoRemove = val => testFalsey(val) || !
|
|
943
|
+
arrIncludesAll.autoRemove = val => testFalsey(val) || !val?.length;
|
|
964
944
|
const arrIncludesSome = (row, columnId, filterValue) => {
|
|
965
|
-
return filterValue.some(val =>
|
|
966
|
-
var _row$getValue6;
|
|
967
|
-
return (_row$getValue6 = row.getValue(columnId)) == null ? void 0 : _row$getValue6.includes(val);
|
|
968
|
-
});
|
|
945
|
+
return filterValue.some(val => row.getValue(columnId)?.includes(val));
|
|
969
946
|
};
|
|
970
|
-
arrIncludesSome.autoRemove = val => testFalsey(val) || !
|
|
947
|
+
arrIncludesSome.autoRemove = val => testFalsey(val) || !val?.length;
|
|
971
948
|
const equals = (row, columnId, filterValue) => {
|
|
972
949
|
return row.getValue(columnId) === filterValue;
|
|
973
950
|
};
|
|
@@ -1040,8 +1017,7 @@
|
|
|
1040
1017
|
maxLeafRowFilterDepth: 100,
|
|
1041
1018
|
globalFilterFn: 'auto',
|
|
1042
1019
|
getColumnCanGlobalFilter: column => {
|
|
1043
|
-
|
|
1044
|
-
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();
|
|
1045
1021
|
return typeof value === 'string' || typeof value === 'number';
|
|
1046
1022
|
}
|
|
1047
1023
|
};
|
|
@@ -1050,7 +1026,7 @@
|
|
|
1050
1026
|
return {
|
|
1051
1027
|
getAutoFilterFn: () => {
|
|
1052
1028
|
const firstRow = table.getCoreRowModel().flatRows[0];
|
|
1053
|
-
const value = firstRow
|
|
1029
|
+
const value = firstRow?.getValue(column.id);
|
|
1054
1030
|
if (typeof value === 'string') {
|
|
1055
1031
|
return filterFns.includesString;
|
|
1056
1032
|
}
|
|
@@ -1069,10 +1045,9 @@
|
|
|
1069
1045
|
return filterFns.weakEquals;
|
|
1070
1046
|
},
|
|
1071
1047
|
getFilterFn: () => {
|
|
1072
|
-
var _table$options$filter
|
|
1073
|
-
return isFunction(column.columnDef.filterFn) ? column.columnDef.filterFn : column.columnDef.filterFn === 'auto' ? column.getAutoFilterFn()
|
|
1074
|
-
|
|
1075
|
-
: (_table$options$filter = (_table$options$filter2 = table.options.filterFns) == null ? void 0 : _table$options$filter2[column.columnDef.filterFn]) != null ? _table$options$filter : filterFns[column.columnDef.filterFn];
|
|
1048
|
+
var _table$options$filter;
|
|
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];
|
|
1076
1051
|
},
|
|
1077
1052
|
getCanFilter: () => {
|
|
1078
1053
|
var _column$columnDef$ena, _table$options$enable, _table$options$enable2;
|
|
@@ -1080,27 +1055,24 @@
|
|
|
1080
1055
|
},
|
|
1081
1056
|
getCanGlobalFilter: () => {
|
|
1082
1057
|
var _column$columnDef$ena2, _table$options$enable3, _table$options$enable4, _table$options$getCol;
|
|
1083
|
-
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
|
|
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;
|
|
1084
1059
|
},
|
|
1085
1060
|
getIsFiltered: () => column.getFilterIndex() > -1,
|
|
1086
|
-
getFilterValue: () =>
|
|
1087
|
-
var _table$getState$colum, _table$getState$colum2;
|
|
1088
|
-
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;
|
|
1089
|
-
},
|
|
1061
|
+
getFilterValue: () => table.getState().columnFilters?.find(d => d.id === column.id)?.value,
|
|
1090
1062
|
getFilterIndex: () => {
|
|
1091
|
-
var _table$getState$
|
|
1092
|
-
return (_table$getState$
|
|
1063
|
+
var _table$getState$colum;
|
|
1064
|
+
return (_table$getState$colum = table.getState().columnFilters?.findIndex(d => d.id === column.id)) != null ? _table$getState$colum : -1;
|
|
1093
1065
|
},
|
|
1094
1066
|
setFilterValue: value => {
|
|
1095
1067
|
table.setColumnFilters(old => {
|
|
1096
1068
|
const filterFn = column.getFilterFn();
|
|
1097
|
-
const previousfilter = old
|
|
1069
|
+
const previousfilter = old?.find(d => d.id === column.id);
|
|
1098
1070
|
const newFilter = functionalUpdate(value, previousfilter ? previousfilter.value : undefined);
|
|
1099
1071
|
|
|
1100
1072
|
//
|
|
1101
1073
|
if (shouldAutoRemoveFilter(filterFn, newFilter, column)) {
|
|
1102
1074
|
var _old$filter;
|
|
1103
|
-
return (_old$filter = old
|
|
1075
|
+
return (_old$filter = old?.filter(d => d.id !== column.id)) != null ? _old$filter : [];
|
|
1104
1076
|
}
|
|
1105
1077
|
const newFilterObj = {
|
|
1106
1078
|
id: column.id,
|
|
@@ -1108,14 +1080,14 @@
|
|
|
1108
1080
|
};
|
|
1109
1081
|
if (previousfilter) {
|
|
1110
1082
|
var _old$map;
|
|
1111
|
-
return (_old$map = old
|
|
1083
|
+
return (_old$map = old?.map(d => {
|
|
1112
1084
|
if (d.id === column.id) {
|
|
1113
1085
|
return newFilterObj;
|
|
1114
1086
|
}
|
|
1115
1087
|
return d;
|
|
1116
1088
|
})) != null ? _old$map : [];
|
|
1117
1089
|
}
|
|
1118
|
-
if (old
|
|
1090
|
+
if (old?.length) {
|
|
1119
1091
|
return [...old, newFilterObj];
|
|
1120
1092
|
}
|
|
1121
1093
|
return [newFilterObj];
|
|
@@ -1159,19 +1131,17 @@
|
|
|
1159
1131
|
return filterFns.includesString;
|
|
1160
1132
|
},
|
|
1161
1133
|
getGlobalFilterFn: () => {
|
|
1162
|
-
var _table$options$
|
|
1134
|
+
var _table$options$filter2;
|
|
1163
1135
|
const {
|
|
1164
1136
|
globalFilterFn: globalFilterFn
|
|
1165
1137
|
} = table.options;
|
|
1166
|
-
return isFunction(globalFilterFn) ? globalFilterFn : globalFilterFn === 'auto' ? table.getGlobalAutoFilterFn()
|
|
1167
|
-
|
|
1168
|
-
: (_table$options$filter3 = (_table$options$filter4 = table.options.filterFns) == null ? void 0 : _table$options$filter4[globalFilterFn]) != null ? _table$options$filter3 : filterFns[globalFilterFn];
|
|
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];
|
|
1169
1140
|
},
|
|
1170
1141
|
setColumnFilters: updater => {
|
|
1171
1142
|
const leafColumns = table.getAllLeafColumns();
|
|
1172
1143
|
const updateFn = old => {
|
|
1173
|
-
|
|
1174
|
-
return (_functionalUpdate = functionalUpdate(updater, old)) == null ? void 0 : _functionalUpdate.filter(filter => {
|
|
1144
|
+
return functionalUpdate(updater, old)?.filter(filter => {
|
|
1175
1145
|
const column = leafColumns.find(d => d.id === filter.id);
|
|
1176
1146
|
if (column) {
|
|
1177
1147
|
const filterFn = column.getFilterFn();
|
|
@@ -1182,17 +1152,17 @@
|
|
|
1182
1152
|
return true;
|
|
1183
1153
|
});
|
|
1184
1154
|
};
|
|
1185
|
-
table.options.onColumnFiltersChange
|
|
1155
|
+
table.options.onColumnFiltersChange?.(updateFn);
|
|
1186
1156
|
},
|
|
1187
1157
|
setGlobalFilter: updater => {
|
|
1188
|
-
table.options.onGlobalFilterChange
|
|
1158
|
+
table.options.onGlobalFilterChange?.(updater);
|
|
1189
1159
|
},
|
|
1190
1160
|
resetGlobalFilter: defaultState => {
|
|
1191
1161
|
table.setGlobalFilter(defaultState ? undefined : table.initialState.globalFilter);
|
|
1192
1162
|
},
|
|
1193
1163
|
resetColumnFilters: defaultState => {
|
|
1194
|
-
var _table$initialState$c
|
|
1195
|
-
table.setColumnFilters(defaultState ? [] : (_table$initialState$c =
|
|
1164
|
+
var _table$initialState$c;
|
|
1165
|
+
table.setColumnFilters(defaultState ? [] : (_table$initialState$c = table.initialState?.columnFilters) != null ? _table$initialState$c : []);
|
|
1196
1166
|
},
|
|
1197
1167
|
getPreFilteredRowModel: () => table.getCoreRowModel(),
|
|
1198
1168
|
getFilteredRowModel: () => {
|
|
@@ -1330,8 +1300,8 @@
|
|
|
1330
1300
|
getDefaultColumnDef: () => {
|
|
1331
1301
|
return {
|
|
1332
1302
|
aggregatedCell: props => {
|
|
1333
|
-
var _toString
|
|
1334
|
-
return (_toString =
|
|
1303
|
+
var _toString;
|
|
1304
|
+
return (_toString = props.getValue()?.toString?.()) != null ? _toString : null;
|
|
1335
1305
|
},
|
|
1336
1306
|
aggregationFn: 'auto'
|
|
1337
1307
|
};
|
|
@@ -1353,7 +1323,7 @@
|
|
|
1353
1323
|
toggleGrouping: () => {
|
|
1354
1324
|
table.setGrouping(old => {
|
|
1355
1325
|
// Find any existing grouping for this column
|
|
1356
|
-
if (old
|
|
1326
|
+
if (old?.includes(column.id)) {
|
|
1357
1327
|
return old.filter(d => d !== column.id);
|
|
1358
1328
|
}
|
|
1359
1329
|
return [...(old != null ? old : []), column.id];
|
|
@@ -1364,13 +1334,9 @@
|
|
|
1364
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;
|
|
1365
1335
|
},
|
|
1366
1336
|
getIsGrouped: () => {
|
|
1367
|
-
|
|
1368
|
-
return (_table$getState$group = table.getState().grouping) == null ? void 0 : _table$getState$group.includes(column.id);
|
|
1369
|
-
},
|
|
1370
|
-
getGroupedIndex: () => {
|
|
1371
|
-
var _table$getState$group2;
|
|
1372
|
-
return (_table$getState$group2 = table.getState().grouping) == null ? void 0 : _table$getState$group2.indexOf(column.id);
|
|
1337
|
+
return table.getState().grouping?.includes(column.id);
|
|
1373
1338
|
},
|
|
1339
|
+
getGroupedIndex: () => table.getState().grouping?.indexOf(column.id),
|
|
1374
1340
|
getToggleGroupingHandler: () => {
|
|
1375
1341
|
const canGroup = column.getCanGroup();
|
|
1376
1342
|
return () => {
|
|
@@ -1380,7 +1346,7 @@
|
|
|
1380
1346
|
},
|
|
1381
1347
|
getAutoAggregationFn: () => {
|
|
1382
1348
|
const firstRow = table.getCoreRowModel().flatRows[0];
|
|
1383
|
-
const value = firstRow
|
|
1349
|
+
const value = firstRow?.getValue(column.id);
|
|
1384
1350
|
if (typeof value === 'number') {
|
|
1385
1351
|
return aggregationFns.sum;
|
|
1386
1352
|
}
|
|
@@ -1389,20 +1355,20 @@
|
|
|
1389
1355
|
}
|
|
1390
1356
|
},
|
|
1391
1357
|
getAggregationFn: () => {
|
|
1392
|
-
var _table$options$aggreg
|
|
1358
|
+
var _table$options$aggreg;
|
|
1393
1359
|
if (!column) {
|
|
1394
1360
|
throw new Error();
|
|
1395
1361
|
}
|
|
1396
|
-
return isFunction(column.columnDef.aggregationFn) ? column.columnDef.aggregationFn : column.columnDef.aggregationFn === 'auto' ? column.getAutoAggregationFn() : (_table$options$aggreg =
|
|
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];
|
|
1397
1363
|
}
|
|
1398
1364
|
};
|
|
1399
1365
|
},
|
|
1400
1366
|
createTable: table => {
|
|
1401
1367
|
return {
|
|
1402
|
-
setGrouping: updater => table.options.onGroupingChange
|
|
1368
|
+
setGrouping: updater => table.options.onGroupingChange?.(updater),
|
|
1403
1369
|
resetGrouping: defaultState => {
|
|
1404
|
-
var _table$initialState$g
|
|
1405
|
-
table.setGrouping(defaultState ? [] : (_table$initialState$g =
|
|
1370
|
+
var _table$initialState$g;
|
|
1371
|
+
table.setGrouping(defaultState ? [] : (_table$initialState$g = table.initialState?.grouping) != null ? _table$initialState$g : []);
|
|
1406
1372
|
},
|
|
1407
1373
|
getPreGroupedRowModel: () => table.getFilteredRowModel(),
|
|
1408
1374
|
getGroupedRowModel: () => {
|
|
@@ -1426,15 +1392,12 @@
|
|
|
1426
1392
|
return {
|
|
1427
1393
|
getIsGrouped: () => column.getIsGrouped() && column.id === row.groupingColumnId,
|
|
1428
1394
|
getIsPlaceholder: () => !cell.getIsGrouped() && column.getIsGrouped(),
|
|
1429
|
-
getIsAggregated: () =>
|
|
1430
|
-
var _row$subRows;
|
|
1431
|
-
return !cell.getIsGrouped() && !cell.getIsPlaceholder() && !!((_row$subRows = row.subRows) != null && _row$subRows.length);
|
|
1432
|
-
}
|
|
1395
|
+
getIsAggregated: () => !cell.getIsGrouped() && !cell.getIsPlaceholder() && !!row.subRows?.length
|
|
1433
1396
|
};
|
|
1434
1397
|
}
|
|
1435
1398
|
};
|
|
1436
1399
|
function orderColumns(leafColumns, grouping, groupedColumnMode) {
|
|
1437
|
-
if (!
|
|
1400
|
+
if (!grouping?.length || !groupedColumnMode) {
|
|
1438
1401
|
return leafColumns;
|
|
1439
1402
|
}
|
|
1440
1403
|
const nonGroupingColumns = leafColumns.filter(col => !grouping.includes(col.id));
|
|
@@ -1461,7 +1424,7 @@
|
|
|
1461
1424
|
},
|
|
1462
1425
|
createTable: table => {
|
|
1463
1426
|
return {
|
|
1464
|
-
setColumnOrder: updater => table.options.onColumnOrderChange
|
|
1427
|
+
setColumnOrder: updater => table.options.onColumnOrderChange?.(updater),
|
|
1465
1428
|
resetColumnOrder: defaultState => {
|
|
1466
1429
|
var _table$initialState$c;
|
|
1467
1430
|
table.setColumnOrder(defaultState ? [] : (_table$initialState$c = table.initialState.columnOrder) != null ? _table$initialState$c : []);
|
|
@@ -1472,7 +1435,7 @@
|
|
|
1472
1435
|
let orderedColumns = [];
|
|
1473
1436
|
|
|
1474
1437
|
// If there is no order, return the normal columns
|
|
1475
|
-
if (!
|
|
1438
|
+
if (!columnOrder?.length) {
|
|
1476
1439
|
orderedColumns = columns;
|
|
1477
1440
|
} else {
|
|
1478
1441
|
const columnOrderCopy = [...columnOrder];
|
|
@@ -1517,7 +1480,7 @@
|
|
|
1517
1480
|
...state,
|
|
1518
1481
|
pagination: {
|
|
1519
1482
|
...getDefaultPaginationState(),
|
|
1520
|
-
...
|
|
1483
|
+
...state?.pagination
|
|
1521
1484
|
}
|
|
1522
1485
|
};
|
|
1523
1486
|
},
|
|
@@ -1552,7 +1515,7 @@
|
|
|
1552
1515
|
let newState = functionalUpdate(updater, old);
|
|
1553
1516
|
return newState;
|
|
1554
1517
|
};
|
|
1555
|
-
return table.options.onPaginationChange
|
|
1518
|
+
return table.options.onPaginationChange?.(safeUpdater);
|
|
1556
1519
|
},
|
|
1557
1520
|
resetPagination: defaultState => {
|
|
1558
1521
|
var _table$initialState$p;
|
|
@@ -1570,12 +1533,12 @@
|
|
|
1570
1533
|
});
|
|
1571
1534
|
},
|
|
1572
1535
|
resetPageIndex: defaultState => {
|
|
1573
|
-
var _table$initialState$p2
|
|
1574
|
-
table.setPageIndex(defaultState ? defaultPageIndex : (_table$initialState$p2 =
|
|
1536
|
+
var _table$initialState$p2;
|
|
1537
|
+
table.setPageIndex(defaultState ? defaultPageIndex : (_table$initialState$p2 = table.initialState?.pagination?.pageIndex) != null ? _table$initialState$p2 : defaultPageIndex);
|
|
1575
1538
|
},
|
|
1576
1539
|
resetPageSize: defaultState => {
|
|
1577
|
-
var _table$initialState$
|
|
1578
|
-
table.setPageSize(defaultState ? defaultPageSize : (_table$initialState$
|
|
1540
|
+
var _table$initialState$p3;
|
|
1541
|
+
table.setPageSize(defaultState ? defaultPageSize : (_table$initialState$p3 = table.initialState?.pagination?.pageSize) != null ? _table$initialState$p3 : defaultPageSize);
|
|
1579
1542
|
},
|
|
1580
1543
|
setPageSize: updater => {
|
|
1581
1544
|
table.setPagination(old => {
|
|
@@ -1680,20 +1643,20 @@
|
|
|
1680
1643
|
if (position === 'right') {
|
|
1681
1644
|
var _old$left, _old$right;
|
|
1682
1645
|
return {
|
|
1683
|
-
left: ((_old$left = old
|
|
1684
|
-
right: [...((_old$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]
|
|
1685
1648
|
};
|
|
1686
1649
|
}
|
|
1687
1650
|
if (position === 'left') {
|
|
1688
1651
|
var _old$left2, _old$right2;
|
|
1689
1652
|
return {
|
|
1690
|
-
left: [...((_old$left2 = old
|
|
1691
|
-
right: ((_old$right2 = 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))
|
|
1692
1655
|
};
|
|
1693
1656
|
}
|
|
1694
1657
|
return {
|
|
1695
|
-
left: ((_old$left3 = old
|
|
1696
|
-
right: ((_old$right3 = 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))
|
|
1697
1660
|
};
|
|
1698
1661
|
});
|
|
1699
1662
|
},
|
|
@@ -1710,14 +1673,14 @@
|
|
|
1710
1673
|
left,
|
|
1711
1674
|
right
|
|
1712
1675
|
} = table.getState().columnPinning;
|
|
1713
|
-
const isLeft = leafColumnIds.some(d => left
|
|
1714
|
-
const isRight = leafColumnIds.some(d => right
|
|
1676
|
+
const isLeft = leafColumnIds.some(d => left?.includes(d));
|
|
1677
|
+
const isRight = leafColumnIds.some(d => right?.includes(d));
|
|
1715
1678
|
return isLeft ? 'left' : isRight ? 'right' : false;
|
|
1716
1679
|
},
|
|
1717
1680
|
getPinnedIndex: () => {
|
|
1718
|
-
var _table$getState$colum
|
|
1681
|
+
var _table$getState$colum;
|
|
1719
1682
|
const position = column.getIsPinned();
|
|
1720
|
-
return position ? (_table$getState$colum =
|
|
1683
|
+
return position ? (_table$getState$colum = table.getState().columnPinning?.[position]?.indexOf(column.id)) != null ? _table$getState$colum : -1 : 0;
|
|
1721
1684
|
}
|
|
1722
1685
|
};
|
|
1723
1686
|
},
|
|
@@ -1763,19 +1726,17 @@
|
|
|
1763
1726
|
},
|
|
1764
1727
|
createTable: table => {
|
|
1765
1728
|
return {
|
|
1766
|
-
setColumnPinning: updater => table.options.onColumnPinningChange
|
|
1729
|
+
setColumnPinning: updater => table.options.onColumnPinningChange?.(updater),
|
|
1767
1730
|
resetColumnPinning: defaultState => {
|
|
1768
|
-
var _table$initialState$c
|
|
1769
|
-
return table.setColumnPinning(defaultState ? getDefaultPinningState() : (_table$initialState$c =
|
|
1731
|
+
var _table$initialState$c;
|
|
1732
|
+
return table.setColumnPinning(defaultState ? getDefaultPinningState() : (_table$initialState$c = table.initialState?.columnPinning) != null ? _table$initialState$c : getDefaultPinningState());
|
|
1770
1733
|
},
|
|
1771
1734
|
getIsSomeColumnsPinned: position => {
|
|
1772
|
-
var _pinningState$positio;
|
|
1773
1735
|
const pinningState = table.getState().columnPinning;
|
|
1774
1736
|
if (!position) {
|
|
1775
|
-
|
|
1776
|
-
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);
|
|
1777
1738
|
}
|
|
1778
|
-
return Boolean(
|
|
1739
|
+
return Boolean(pinningState[position]?.length);
|
|
1779
1740
|
},
|
|
1780
1741
|
getLeftLeafColumns: memo(() => [table.getAllLeafColumns(), table.getState().columnPinning.left], (allColumns, left) => {
|
|
1781
1742
|
return (left != null ? left : []).map(columnId => allColumns.find(column => column.id === columnId)).filter(Boolean);
|
|
@@ -1832,7 +1793,7 @@
|
|
|
1832
1793
|
|
|
1833
1794
|
createTable: table => {
|
|
1834
1795
|
return {
|
|
1835
|
-
setRowSelection: updater => table.options.onRowSelectionChange
|
|
1796
|
+
setRowSelection: updater => table.options.onRowSelectionChange?.(updater),
|
|
1836
1797
|
resetRowSelection: defaultState => {
|
|
1837
1798
|
var _table$initialState$r;
|
|
1838
1799
|
return table.setRowSelection(defaultState ? {} : (_table$initialState$r = table.initialState.rowSelection) != null ? _table$initialState$r : {});
|
|
@@ -2098,16 +2059,14 @@
|
|
|
2098
2059
|
getToggleSelectedHandler: () => {
|
|
2099
2060
|
const canSelect = row.getCanSelect();
|
|
2100
2061
|
return e => {
|
|
2101
|
-
var _target;
|
|
2102
2062
|
if (!canSelect) return;
|
|
2103
|
-
row.toggleSelected(
|
|
2063
|
+
row.toggleSelected(e.target?.checked);
|
|
2104
2064
|
};
|
|
2105
2065
|
}
|
|
2106
2066
|
};
|
|
2107
2067
|
}
|
|
2108
2068
|
};
|
|
2109
2069
|
const mutateRowIsSelected = (selectedRowIds, id, value, table) => {
|
|
2110
|
-
var _row$subRows;
|
|
2111
2070
|
const row = table.getRow(id);
|
|
2112
2071
|
|
|
2113
2072
|
// const isGrouped = row.getIsGrouped()
|
|
@@ -2128,7 +2087,7 @@
|
|
|
2128
2087
|
}
|
|
2129
2088
|
// }
|
|
2130
2089
|
|
|
2131
|
-
if (
|
|
2090
|
+
if (row.subRows?.length && row.getCanSelectSubRows()) {
|
|
2132
2091
|
row.subRows.forEach(row => mutateRowIsSelected(selectedRowIds, row.id, value, table));
|
|
2133
2092
|
}
|
|
2134
2093
|
};
|
|
@@ -2140,13 +2099,12 @@
|
|
|
2140
2099
|
// Filters top level and nested rows
|
|
2141
2100
|
const recurseRows = function (rows, depth) {
|
|
2142
2101
|
return rows.map(row => {
|
|
2143
|
-
var _row$subRows2;
|
|
2144
2102
|
const isSelected = isRowSelected(row, rowSelection);
|
|
2145
2103
|
if (isSelected) {
|
|
2146
2104
|
newSelectedFlatRows.push(row);
|
|
2147
2105
|
newSelectedRowsById[row.id] = row;
|
|
2148
2106
|
}
|
|
2149
|
-
if (
|
|
2107
|
+
if (row.subRows?.length) {
|
|
2150
2108
|
row = {
|
|
2151
2109
|
...row,
|
|
2152
2110
|
subRows: recurseRows(row.subRows)
|
|
@@ -2320,7 +2278,7 @@
|
|
|
2320
2278
|
const firstRows = table.getFilteredRowModel().flatRows.slice(10);
|
|
2321
2279
|
let isString = false;
|
|
2322
2280
|
for (const row of firstRows) {
|
|
2323
|
-
const value = row
|
|
2281
|
+
const value = row?.getValue(column.id);
|
|
2324
2282
|
if (Object.prototype.toString.call(value) === '[object Date]') {
|
|
2325
2283
|
return sortingFns.datetime;
|
|
2326
2284
|
}
|
|
@@ -2338,18 +2296,18 @@
|
|
|
2338
2296
|
},
|
|
2339
2297
|
getAutoSortDir: () => {
|
|
2340
2298
|
const firstRow = table.getFilteredRowModel().flatRows[0];
|
|
2341
|
-
const value = firstRow
|
|
2299
|
+
const value = firstRow?.getValue(column.id);
|
|
2342
2300
|
if (typeof value === 'string') {
|
|
2343
2301
|
return 'asc';
|
|
2344
2302
|
}
|
|
2345
2303
|
return 'desc';
|
|
2346
2304
|
},
|
|
2347
2305
|
getSortingFn: () => {
|
|
2348
|
-
var _table$options$sortin
|
|
2306
|
+
var _table$options$sortin;
|
|
2349
2307
|
if (!column) {
|
|
2350
2308
|
throw new Error();
|
|
2351
2309
|
}
|
|
2352
|
-
return isFunction(column.columnDef.sortingFn) ? column.columnDef.sortingFn : column.columnDef.sortingFn === 'auto' ? column.getAutoSortingFn() : (_table$options$sortin =
|
|
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];
|
|
2353
2311
|
},
|
|
2354
2312
|
toggleSorting: (desc, multi) => {
|
|
2355
2313
|
// if (column.columns.length) {
|
|
@@ -2366,8 +2324,8 @@
|
|
|
2366
2324
|
const hasManualValue = typeof desc !== 'undefined' && desc !== null;
|
|
2367
2325
|
table.setSorting(old => {
|
|
2368
2326
|
// Find any existing sorting for this column
|
|
2369
|
-
const existingSorting = old
|
|
2370
|
-
const existingIndex = old
|
|
2327
|
+
const existingSorting = old?.find(d => d.id === column.id);
|
|
2328
|
+
const existingIndex = old?.findIndex(d => d.id === column.id);
|
|
2371
2329
|
let newSorting = [];
|
|
2372
2330
|
|
|
2373
2331
|
// What should we do with this sort action?
|
|
@@ -2375,7 +2333,7 @@
|
|
|
2375
2333
|
let nextDesc = hasManualValue ? desc : nextSortingOrder === 'desc';
|
|
2376
2334
|
|
|
2377
2335
|
// Multi-mode
|
|
2378
|
-
if (old
|
|
2336
|
+
if (old?.length && column.getCanMultiSort() && multi) {
|
|
2379
2337
|
if (existingSorting) {
|
|
2380
2338
|
sortAction = 'toggle';
|
|
2381
2339
|
} else {
|
|
@@ -2383,7 +2341,7 @@
|
|
|
2383
2341
|
}
|
|
2384
2342
|
} else {
|
|
2385
2343
|
// Normal mode
|
|
2386
|
-
if (old
|
|
2344
|
+
if (old?.length && existingIndex !== old.length - 1) {
|
|
2387
2345
|
sortAction = 'replace';
|
|
2388
2346
|
} else if (existingSorting) {
|
|
2389
2347
|
sortAction = 'toggle';
|
|
@@ -2461,34 +2419,33 @@
|
|
|
2461
2419
|
return (_ref2 = (_column$columnDef$ena2 = column.columnDef.enableMultiSort) != null ? _column$columnDef$ena2 : table.options.enableMultiSort) != null ? _ref2 : !!column.accessorFn;
|
|
2462
2420
|
},
|
|
2463
2421
|
getIsSorted: () => {
|
|
2464
|
-
|
|
2465
|
-
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);
|
|
2466
2423
|
return !columnSort ? false : columnSort.desc ? 'desc' : 'asc';
|
|
2467
2424
|
},
|
|
2468
2425
|
getSortIndex: () => {
|
|
2469
|
-
var _table$getState$
|
|
2470
|
-
return (_table$getState$
|
|
2426
|
+
var _table$getState$sorti;
|
|
2427
|
+
return (_table$getState$sorti = table.getState().sorting?.findIndex(d => d.id === column.id)) != null ? _table$getState$sorti : -1;
|
|
2471
2428
|
},
|
|
2472
2429
|
clearSorting: () => {
|
|
2473
2430
|
//clear sorting for just 1 column
|
|
2474
|
-
table.setSorting(old => old
|
|
2431
|
+
table.setSorting(old => old?.length ? old.filter(d => d.id !== column.id) : []);
|
|
2475
2432
|
},
|
|
2476
2433
|
getToggleSortingHandler: () => {
|
|
2477
2434
|
const canSort = column.getCanSort();
|
|
2478
2435
|
return e => {
|
|
2479
2436
|
if (!canSort) return;
|
|
2480
|
-
e.persist
|
|
2481
|
-
column.toggleSorting
|
|
2437
|
+
e.persist?.();
|
|
2438
|
+
column.toggleSorting?.(undefined, column.getCanMultiSort() ? table.options.isMultiSortEvent?.(e) : false);
|
|
2482
2439
|
};
|
|
2483
2440
|
}
|
|
2484
2441
|
};
|
|
2485
2442
|
},
|
|
2486
2443
|
createTable: table => {
|
|
2487
2444
|
return {
|
|
2488
|
-
setSorting: updater => table.options.onSortingChange
|
|
2445
|
+
setSorting: updater => table.options.onSortingChange?.(updater),
|
|
2489
2446
|
resetSorting: defaultState => {
|
|
2490
|
-
var _table$initialState$s
|
|
2491
|
-
table.setSorting(defaultState ? [] : (_table$initialState$s =
|
|
2447
|
+
var _table$initialState$s;
|
|
2448
|
+
table.setSorting(defaultState ? [] : (_table$initialState$s = table.initialState?.sorting) != null ? _table$initialState$s : []);
|
|
2492
2449
|
},
|
|
2493
2450
|
getPreSortedRowModel: () => table.getGroupedRowModel(),
|
|
2494
2451
|
getSortedRowModel: () => {
|
|
@@ -2529,8 +2486,8 @@
|
|
|
2529
2486
|
}
|
|
2530
2487
|
},
|
|
2531
2488
|
getIsVisible: () => {
|
|
2532
|
-
var _table$getState$colum
|
|
2533
|
-
return (_table$getState$colum =
|
|
2489
|
+
var _table$getState$colum;
|
|
2490
|
+
return (_table$getState$colum = table.getState().columnVisibility?.[column.id]) != null ? _table$getState$colum : true;
|
|
2534
2491
|
},
|
|
2535
2492
|
getCanHide: () => {
|
|
2536
2493
|
var _column$columnDef$ena, _table$options$enable;
|
|
@@ -2538,7 +2495,7 @@
|
|
|
2538
2495
|
},
|
|
2539
2496
|
getToggleVisibilityHandler: () => {
|
|
2540
2497
|
return e => {
|
|
2541
|
-
column.toggleVisibility
|
|
2498
|
+
column.toggleVisibility?.(e.target.checked);
|
|
2542
2499
|
};
|
|
2543
2500
|
}
|
|
2544
2501
|
};
|
|
@@ -2566,7 +2523,7 @@
|
|
|
2566
2523
|
createTable: table => {
|
|
2567
2524
|
const makeVisibleColumnsMethod = (key, getColumns) => {
|
|
2568
2525
|
return memo(() => [getColumns(), getColumns().filter(d => d.getIsVisible()).map(d => d.id).join('_')], columns => {
|
|
2569
|
-
return columns.filter(d => d.getIsVisible
|
|
2526
|
+
return columns.filter(d => d.getIsVisible?.());
|
|
2570
2527
|
}, {
|
|
2571
2528
|
key,
|
|
2572
2529
|
debug: () => {
|
|
@@ -2581,7 +2538,7 @@
|
|
|
2581
2538
|
getLeftVisibleLeafColumns: makeVisibleColumnsMethod('getLeftVisibleLeafColumns', () => table.getLeftLeafColumns()),
|
|
2582
2539
|
getRightVisibleLeafColumns: makeVisibleColumnsMethod('getRightVisibleLeafColumns', () => table.getRightLeafColumns()),
|
|
2583
2540
|
getCenterVisibleLeafColumns: makeVisibleColumnsMethod('getCenterVisibleLeafColumns', () => table.getCenterLeafColumns()),
|
|
2584
|
-
setColumnVisibility: updater => table.options.onColumnVisibilityChange
|
|
2541
|
+
setColumnVisibility: updater => table.options.onColumnVisibilityChange?.(updater),
|
|
2585
2542
|
resetColumnVisibility: defaultState => {
|
|
2586
2543
|
var _table$initialState$c;
|
|
2587
2544
|
table.setColumnVisibility(defaultState ? {} : (_table$initialState$c = table.initialState.columnVisibility) != null ? _table$initialState$c : {});
|
|
@@ -2591,15 +2548,14 @@
|
|
|
2591
2548
|
value = (_value = value) != null ? _value : !table.getIsAllColumnsVisible();
|
|
2592
2549
|
table.setColumnVisibility(table.getAllLeafColumns().reduce((obj, column) => ({
|
|
2593
2550
|
...obj,
|
|
2594
|
-
[column.id]: !value ? !
|
|
2551
|
+
[column.id]: !value ? !column.getCanHide?.() : value
|
|
2595
2552
|
}), {}));
|
|
2596
2553
|
},
|
|
2597
|
-
getIsAllColumnsVisible: () => !table.getAllLeafColumns().some(column => !
|
|
2598
|
-
getIsSomeColumnsVisible: () => table.getAllLeafColumns().some(column => column.getIsVisible
|
|
2554
|
+
getIsAllColumnsVisible: () => !table.getAllLeafColumns().some(column => !column.getIsVisible?.()),
|
|
2555
|
+
getIsSomeColumnsVisible: () => table.getAllLeafColumns().some(column => column.getIsVisible?.()),
|
|
2599
2556
|
getToggleAllColumnsVisibilityHandler: () => {
|
|
2600
2557
|
return e => {
|
|
2601
|
-
|
|
2602
|
-
table.toggleAllColumnsVisible((_target = e.target) == null ? void 0 : _target.checked);
|
|
2558
|
+
table.toggleAllColumnsVisible(e.target?.checked);
|
|
2603
2559
|
};
|
|
2604
2560
|
}
|
|
2605
2561
|
};
|
|
@@ -2619,7 +2575,7 @@
|
|
|
2619
2575
|
_features: features
|
|
2620
2576
|
};
|
|
2621
2577
|
const defaultOptions = table._features.reduce((obj, feature) => {
|
|
2622
|
-
return Object.assign(obj, feature.getDefaultOptions
|
|
2578
|
+
return Object.assign(obj, feature.getDefaultOptions?.(table));
|
|
2623
2579
|
}, {});
|
|
2624
2580
|
const mergeOptions = options => {
|
|
2625
2581
|
if (table.options.mergeOptions) {
|
|
@@ -2637,7 +2593,7 @@
|
|
|
2637
2593
|
};
|
|
2638
2594
|
table._features.forEach(feature => {
|
|
2639
2595
|
var _feature$getInitialSt;
|
|
2640
|
-
initialState = (_feature$getInitialSt = feature.getInitialState
|
|
2596
|
+
initialState = (_feature$getInitialSt = feature.getInitialState?.(initialState)) != null ? _feature$getInitialSt : initialState;
|
|
2641
2597
|
});
|
|
2642
2598
|
const queued = [];
|
|
2643
2599
|
let queuedTimeout = false;
|
|
@@ -2676,11 +2632,11 @@
|
|
|
2676
2632
|
return table.options.state;
|
|
2677
2633
|
},
|
|
2678
2634
|
setState: updater => {
|
|
2679
|
-
table.options.onStateChange
|
|
2635
|
+
table.options.onStateChange?.(updater);
|
|
2680
2636
|
},
|
|
2681
2637
|
_getRowId: (row, index, parent) => {
|
|
2682
2638
|
var _table$options$getRow;
|
|
2683
|
-
return (_table$options$getRow = table.options.getRowId
|
|
2639
|
+
return (_table$options$getRow = table.options.getRowId?.(row, index, parent)) != null ? _table$options$getRow : `${parent ? [parent.id, index].join('.') : index}`;
|
|
2684
2640
|
},
|
|
2685
2641
|
getCoreRowModel: () => {
|
|
2686
2642
|
if (!table._getCoreRowModel) {
|
|
@@ -2719,11 +2675,11 @@
|
|
|
2719
2675
|
},
|
|
2720
2676
|
// footer: props => props.header.column.id,
|
|
2721
2677
|
cell: props => {
|
|
2722
|
-
var _props$renderValue$to
|
|
2723
|
-
return (_props$renderValue$to =
|
|
2678
|
+
var _props$renderValue$to;
|
|
2679
|
+
return (_props$renderValue$to = props.renderValue()?.toString?.()) != null ? _props$renderValue$to : null;
|
|
2724
2680
|
},
|
|
2725
2681
|
...table._features.reduce((obj, feature) => {
|
|
2726
|
-
return Object.assign(obj, feature.getDefaultColumnDef
|
|
2682
|
+
return Object.assign(obj, feature.getDefaultColumnDef?.());
|
|
2727
2683
|
}, {}),
|
|
2728
2684
|
...defaultColumn
|
|
2729
2685
|
};
|
|
@@ -2801,7 +2757,7 @@
|
|
|
2801
2757
|
};
|
|
2802
2758
|
Object.assign(table, coreInstance);
|
|
2803
2759
|
table._features.forEach(feature => {
|
|
2804
|
-
return Object.assign(table, feature.createTable
|
|
2760
|
+
return Object.assign(table, feature.createTable?.(table));
|
|
2805
2761
|
});
|
|
2806
2762
|
return table;
|
|
2807
2763
|
}
|
|
@@ -2830,7 +2786,7 @@
|
|
|
2830
2786
|
})
|
|
2831
2787
|
};
|
|
2832
2788
|
table._features.forEach(feature => {
|
|
2833
|
-
Object.assign(cell, feature.createCell
|
|
2789
|
+
Object.assign(cell, feature.createCell?.(cell, column, row, table));
|
|
2834
2790
|
}, {});
|
|
2835
2791
|
return cell;
|
|
2836
2792
|
}
|
|
@@ -2901,7 +2857,7 @@
|
|
|
2901
2857
|
};
|
|
2902
2858
|
for (let i = 0; i < table._features.length; i++) {
|
|
2903
2859
|
const feature = table._features[i];
|
|
2904
|
-
Object.assign(row, feature
|
|
2860
|
+
Object.assign(row, feature?.createRow?.(row, table));
|
|
2905
2861
|
}
|
|
2906
2862
|
return row;
|
|
2907
2863
|
};
|
|
@@ -2995,11 +2951,10 @@
|
|
|
2995
2951
|
|
|
2996
2952
|
// Get the original subrows
|
|
2997
2953
|
if (table.options.getSubRows) {
|
|
2998
|
-
var _row$originalSubRows;
|
|
2999
2954
|
row.originalSubRows = table.options.getSubRows(originalRows[i], i);
|
|
3000
2955
|
|
|
3001
2956
|
// Then recursively access them
|
|
3002
|
-
if (
|
|
2957
|
+
if (row.originalSubRows?.length) {
|
|
3003
2958
|
row.subRows = accessRows(row.originalSubRows, depth + 1, row);
|
|
3004
2959
|
}
|
|
3005
2960
|
}
|
|
@@ -3039,11 +2994,10 @@
|
|
|
3039
2994
|
|
|
3040
2995
|
// Filter from children up first
|
|
3041
2996
|
for (let i = 0; i < rowsToFilter.length; i++) {
|
|
3042
|
-
var _row$subRows;
|
|
3043
2997
|
let row = rowsToFilter[i];
|
|
3044
2998
|
const newRow = createRow(table, row.id, row.original, row.index, row.depth);
|
|
3045
2999
|
newRow.columnFilters = row.columnFilters;
|
|
3046
|
-
if (
|
|
3000
|
+
if (row.subRows?.length && depth < maxDepth) {
|
|
3047
3001
|
newRow.subRows = recurseFilterRows(row.subRows, depth + 1);
|
|
3048
3002
|
row = newRow;
|
|
3049
3003
|
if (filterRow(row) && !newRow.subRows.length) {
|
|
@@ -3095,8 +3049,7 @@
|
|
|
3095
3049
|
let row = rowsToFilter[i];
|
|
3096
3050
|
const pass = filterRow(row);
|
|
3097
3051
|
if (pass) {
|
|
3098
|
-
|
|
3099
|
-
if ((_row$subRows2 = row.subRows) != null && _row$subRows2.length && depth < maxDepth) {
|
|
3052
|
+
if (row.subRows?.length && depth < maxDepth) {
|
|
3100
3053
|
const newRow = createRow(table, row.id, row.original, row.index, row.depth);
|
|
3101
3054
|
newRow.subRows = recurseFilterRows(row.subRows, depth + 1);
|
|
3102
3055
|
row = newRow;
|
|
@@ -3117,7 +3070,7 @@
|
|
|
3117
3070
|
|
|
3118
3071
|
function getFilteredRowModel() {
|
|
3119
3072
|
return table => memo(() => [table.getPreFilteredRowModel(), table.getState().columnFilters, table.getState().globalFilter], (rowModel, columnFilters, globalFilter) => {
|
|
3120
|
-
if (!rowModel.rows.length || !
|
|
3073
|
+
if (!rowModel.rows.length || !columnFilters?.length && !globalFilter) {
|
|
3121
3074
|
for (let i = 0; i < rowModel.flatRows.length; i++) {
|
|
3122
3075
|
rowModel.flatRows[i].columnFilters = {};
|
|
3123
3076
|
rowModel.flatRows[i].columnFiltersMeta = {};
|
|
@@ -3144,7 +3097,7 @@
|
|
|
3144
3097
|
resolvedColumnFilters.push({
|
|
3145
3098
|
id: d.id,
|
|
3146
3099
|
filterFn,
|
|
3147
|
-
resolvedValue: (_filterFn$resolveFilt = filterFn.resolveFilterValue
|
|
3100
|
+
resolvedValue: (_filterFn$resolveFilt = filterFn.resolveFilterValue?.(d.value)) != null ? _filterFn$resolveFilt : d.value
|
|
3148
3101
|
});
|
|
3149
3102
|
});
|
|
3150
3103
|
const filterableIds = columnFilters.map(d => d.id);
|
|
@@ -3157,7 +3110,7 @@
|
|
|
3157
3110
|
resolvedGlobalFilters.push({
|
|
3158
3111
|
id: column.id,
|
|
3159
3112
|
filterFn: globalFilterFn,
|
|
3160
|
-
resolvedValue: (_globalFilterFn$resol = globalFilterFn.resolveFilterValue
|
|
3113
|
+
resolvedValue: (_globalFilterFn$resol = globalFilterFn.resolveFilterValue?.(globalFilter)) != null ? _globalFilterFn$resol : globalFilter
|
|
3161
3114
|
});
|
|
3162
3115
|
});
|
|
3163
3116
|
}
|
|
@@ -3222,7 +3175,7 @@
|
|
|
3222
3175
|
|
|
3223
3176
|
function getFacetedRowModel() {
|
|
3224
3177
|
return (table, columnId) => memo(() => [table.getPreFilteredRowModel(), table.getState().columnFilters, table.getState().globalFilter, table.getFilteredRowModel()], (preRowModel, columnFilters, globalFilter) => {
|
|
3225
|
-
if (!preRowModel.rows.length || !
|
|
3178
|
+
if (!preRowModel.rows.length || !columnFilters?.length && !globalFilter) {
|
|
3226
3179
|
return preRowModel;
|
|
3227
3180
|
}
|
|
3228
3181
|
const filterableIds = [...columnFilters.map(d => d.id).filter(d => d !== columnId), globalFilter ? '__global__' : undefined].filter(Boolean);
|
|
@@ -3274,8 +3227,7 @@
|
|
|
3274
3227
|
|
|
3275
3228
|
function getFacetedMinMaxValues() {
|
|
3276
3229
|
return (table, columnId) => memo(() => [table.getColumn(columnId).getFacetedRowModel()], facetedRowModel => {
|
|
3277
|
-
|
|
3278
|
-
const firstValue = (_facetedRowModel$flat = facetedRowModel.flatRows[0]) == null ? void 0 : _facetedRowModel$flat.getUniqueValues(columnId);
|
|
3230
|
+
const firstValue = facetedRowModel.flatRows[0]?.getUniqueValues(columnId);
|
|
3279
3231
|
if (typeof firstValue === 'undefined') {
|
|
3280
3232
|
return undefined;
|
|
3281
3233
|
}
|
|
@@ -3304,7 +3256,7 @@
|
|
|
3304
3256
|
|
|
3305
3257
|
function getSortedRowModel() {
|
|
3306
3258
|
return table => memo(() => [table.getState().sorting, table.getPreSortedRowModel()], (sorting, rowModel) => {
|
|
3307
|
-
if (!rowModel.rows.length || !
|
|
3259
|
+
if (!rowModel.rows.length || !sorting?.length) {
|
|
3308
3260
|
return rowModel;
|
|
3309
3261
|
}
|
|
3310
3262
|
const sortingState = table.getState().sorting;
|
|
@@ -3330,7 +3282,7 @@
|
|
|
3330
3282
|
var _sortEntry$desc;
|
|
3331
3283
|
const sortEntry = availableSorting[i];
|
|
3332
3284
|
const columnInfo = columnInfoById[sortEntry.id];
|
|
3333
|
-
const isDesc = (_sortEntry$desc = sortEntry
|
|
3285
|
+
const isDesc = (_sortEntry$desc = sortEntry?.desc) != null ? _sortEntry$desc : false;
|
|
3334
3286
|
if (columnInfo.sortUndefined) {
|
|
3335
3287
|
const aValue = rowA.getValue(sortEntry.id);
|
|
3336
3288
|
const bValue = rowB.getValue(sortEntry.id);
|
|
@@ -3358,9 +3310,8 @@
|
|
|
3358
3310
|
|
|
3359
3311
|
// If there are sub-rows, sort them
|
|
3360
3312
|
sortedData.forEach(row => {
|
|
3361
|
-
var _row$subRows;
|
|
3362
3313
|
sortedFlatRows.push(row);
|
|
3363
|
-
if (
|
|
3314
|
+
if (row.subRows?.length) {
|
|
3364
3315
|
row.subRows = sortData(row.subRows);
|
|
3365
3316
|
}
|
|
3366
3317
|
});
|
|
@@ -3546,9 +3497,8 @@
|
|
|
3546
3497
|
function expandRows(rowModel) {
|
|
3547
3498
|
const expandedRows = [];
|
|
3548
3499
|
const handleRow = row => {
|
|
3549
|
-
var _row$subRows;
|
|
3550
3500
|
expandedRows.push(row);
|
|
3551
|
-
if (
|
|
3501
|
+
if (row.subRows?.length && row.getIsExpanded()) {
|
|
3552
3502
|
row.subRows.forEach(handleRow);
|
|
3553
3503
|
}
|
|
3554
3504
|
};
|
|
@@ -3609,7 +3559,7 @@
|
|
|
3609
3559
|
});
|
|
3610
3560
|
}
|
|
3611
3561
|
|
|
3612
|
-
/* packages/svelte-table/src/placeholder.svelte generated by Svelte v3.
|
|
3562
|
+
/* packages/svelte-table/src/placeholder.svelte generated by Svelte v3.55.0 */
|
|
3613
3563
|
|
|
3614
3564
|
function create_fragment$1(ctx) {
|
|
3615
3565
|
let t;
|
|
@@ -3708,9 +3658,8 @@
|
|
|
3708
3658
|
return typeof component === 'object' && typeof component.$$render === 'function' && typeof component.render === 'function';
|
|
3709
3659
|
}
|
|
3710
3660
|
function isSvelteClientComponent(component) {
|
|
3711
|
-
var _component$name, _component$name2;
|
|
3712
3661
|
let isHMR = ('__SVELTE_HMR' in window);
|
|
3713
|
-
return component.prototype instanceof internal.SvelteComponent || isHMR &&
|
|
3662
|
+
return component.prototype instanceof internal.SvelteComponent || isHMR && component.name?.startsWith('Proxy<') && component.name?.endsWith('>');
|
|
3714
3663
|
}
|
|
3715
3664
|
function isSvelteComponent(component) {
|
|
3716
3665
|
if (typeof document === 'undefined') {
|
|
@@ -3776,7 +3725,7 @@
|
|
|
3776
3725
|
} else {
|
|
3777
3726
|
stateStore.set(updater);
|
|
3778
3727
|
}
|
|
3779
|
-
resolvedOptions.onStateChange
|
|
3728
|
+
resolvedOptions.onStateChange?.(updater);
|
|
3780
3729
|
}
|
|
3781
3730
|
};
|
|
3782
3731
|
});
|