@tanstack/table-core 8.0.0-alpha.57 → 8.0.0-alpha.60
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/cjs/core.js +10 -21
- package/build/cjs/core.js.map +1 -1
- package/build/cjs/createTable.js +3 -3
- package/build/cjs/createTable.js.map +1 -1
- package/build/cjs/features/Cells.js +0 -15
- package/build/cjs/features/Cells.js.map +1 -1
- package/build/cjs/features/ColumnSizing.js +8 -19
- package/build/cjs/features/ColumnSizing.js.map +1 -1
- package/build/cjs/features/Columns.js.map +1 -1
- package/build/cjs/features/Expanding.js +12 -20
- package/build/cjs/features/Expanding.js.map +1 -1
- package/build/cjs/features/Filters.js +2 -2
- package/build/cjs/features/Filters.js.map +1 -1
- package/build/cjs/features/Grouping.js +7 -10
- package/build/cjs/features/Grouping.js.map +1 -1
- package/build/cjs/features/Headers.js +1 -67
- package/build/cjs/features/Headers.js.map +1 -1
- package/build/cjs/features/Pagination.js +4 -4
- package/build/cjs/features/Pagination.js.map +1 -1
- package/build/cjs/features/Pinning.js.map +1 -1
- package/build/cjs/features/RowSelection.js +15 -47
- package/build/cjs/features/RowSelection.js.map +1 -1
- package/build/cjs/features/Rows.js +0 -15
- package/build/cjs/features/Rows.js.map +1 -1
- package/build/cjs/features/Sorting.js +8 -11
- package/build/cjs/features/Sorting.js.map +1 -1
- package/build/cjs/features/Visibility.js +8 -21
- package/build/cjs/features/Visibility.js.map +1 -1
- package/build/cjs/filterFns.js +16 -0
- package/build/cjs/filterFns.js.map +1 -1
- package/build/cjs/index.js +0 -1
- package/build/cjs/index.js.map +1 -1
- package/build/cjs/utils.js +0 -16
- package/build/cjs/utils.js.map +1 -1
- package/build/esm/index.js +96 -272
- package/build/esm/index.js.map +1 -1
- package/build/stats-html.html +1 -1
- package/build/stats-react.json +348 -348
- package/build/types/core.d.ts +8 -10
- package/build/types/createTable.d.ts +10 -11
- package/build/types/features/Cells.d.ts +1 -2
- package/build/types/features/ColumnSizing.d.ts +4 -18
- package/build/types/features/Expanding.d.ts +5 -8
- package/build/types/features/Filters.d.ts +2 -0
- package/build/types/features/Grouping.d.ts +5 -8
- package/build/types/features/Headers.d.ts +1 -5
- package/build/types/features/Pagination.d.ts +6 -6
- package/build/types/features/RowSelection.d.ts +5 -12
- package/build/types/features/Rows.d.ts +2 -4
- package/build/types/features/Sorting.d.ts +4 -7
- package/build/types/features/Visibility.d.ts +3 -6
- package/build/types/filterFns.d.ts +5 -0
- package/build/types/types.d.ts +10 -60
- package/build/types/utils.d.ts +1 -4
- package/build/umd/index.development.js +95 -272
- 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 +1 -1
- package/src/core.ts +29 -53
- package/src/createTable.ts +13 -17
- package/src/features/Cells.ts +1 -27
- package/src/features/ColumnSizing.ts +14 -44
- package/src/features/Columns.ts +0 -2
- package/src/features/Expanding.ts +19 -41
- package/src/features/Filters.ts +10 -2
- package/src/features/Grouping.ts +12 -38
- package/src/features/Headers.ts +1 -95
- package/src/features/Pagination.ts +13 -3
- package/src/features/Pinning.ts +1 -1
- package/src/features/RowSelection.ts +25 -87
- package/src/features/Rows.ts +2 -30
- package/src/features/Sorting.ts +19 -42
- package/src/features/Visibility.ts +15 -43
- package/src/filterFns.ts +20 -0
- package/src/types.ts +36 -98
- package/src/utils/getColumnFilteredRowModelAsync.ts +1 -5
- package/src/utils/getGlobalFilteredRowModelAsync.ts +2 -6
- package/src/utils/getSortedRowModelAsync.ts +0 -1
- package/src/utils.ts +1 -28
package/build/esm/index.js
CHANGED
|
@@ -98,13 +98,6 @@ function _toPropertyKey(arg) {
|
|
|
98
98
|
return typeof key === "symbol" ? key : String(key);
|
|
99
99
|
}
|
|
100
100
|
|
|
101
|
-
// export type DefinedGenericKeys<T extends TableGenerics> = {
|
|
102
|
-
// [K in keyof T]: 0 extends 1 & T[K] ? never : T[K] extends {} ? K : never
|
|
103
|
-
// }[keyof T]
|
|
104
|
-
// export type DefinedGenerics<T extends TableGenerics> = Pick<
|
|
105
|
-
// T,
|
|
106
|
-
// DefinedGenericKeys<T>
|
|
107
|
-
// >
|
|
108
101
|
function functionalUpdate(updater, input) {
|
|
109
102
|
return typeof updater === 'function' ? updater(input) : updater;
|
|
110
103
|
}
|
|
@@ -165,14 +158,6 @@ function flattenBy(arr, getChildren) {
|
|
|
165
158
|
recurse(arr);
|
|
166
159
|
return flat;
|
|
167
160
|
}
|
|
168
|
-
// @ts-ignore // Just rely on the type, not the implementation
|
|
169
|
-
var propGetter = function propGetter(initial, getter) {
|
|
170
|
-
if (isFunction(getter)) {
|
|
171
|
-
return getter(initial);
|
|
172
|
-
}
|
|
173
|
-
|
|
174
|
-
return _extends({}, initial, getter != null ? getter : {});
|
|
175
|
-
};
|
|
176
161
|
function memo(getDeps, fn, opts) {
|
|
177
162
|
var deps = [];
|
|
178
163
|
var result;
|
|
@@ -585,9 +570,6 @@ var Rows = {
|
|
|
585
570
|
return flattenBy(row.subRows, function (d) {
|
|
586
571
|
return d.subRows;
|
|
587
572
|
});
|
|
588
|
-
},
|
|
589
|
-
getRowProps: function getRowProps(userProps) {
|
|
590
|
-
return instance.getRowProps(row.id, userProps);
|
|
591
573
|
}
|
|
592
574
|
};
|
|
593
575
|
|
|
@@ -622,18 +604,6 @@ var Rows = {
|
|
|
622
604
|
}
|
|
623
605
|
|
|
624
606
|
return row;
|
|
625
|
-
},
|
|
626
|
-
getRowProps: function getRowProps(rowId, userProps) {
|
|
627
|
-
var row = instance.getRow(rowId);
|
|
628
|
-
|
|
629
|
-
if (!row) {
|
|
630
|
-
return;
|
|
631
|
-
}
|
|
632
|
-
|
|
633
|
-
return propGetter({
|
|
634
|
-
key: row.id,
|
|
635
|
-
role: 'row'
|
|
636
|
-
}, userProps);
|
|
637
607
|
}
|
|
638
608
|
};
|
|
639
609
|
}
|
|
@@ -684,9 +654,6 @@ var Cells = {
|
|
|
684
654
|
row: row,
|
|
685
655
|
column: column,
|
|
686
656
|
value: value,
|
|
687
|
-
getCellProps: function getCellProps(userProps) {
|
|
688
|
-
return instance.getCellProps(row.id, column.id, userProps);
|
|
689
|
-
},
|
|
690
657
|
renderCell: function renderCell() {
|
|
691
658
|
return column.cell ? instance.render(column.cell, {
|
|
692
659
|
instance: instance,
|
|
@@ -726,18 +693,6 @@ var Cells = {
|
|
|
726
693
|
}
|
|
727
694
|
|
|
728
695
|
return cell;
|
|
729
|
-
},
|
|
730
|
-
getCellProps: function getCellProps(rowId, columnId, userProps) {
|
|
731
|
-
var cell = instance.getCell(rowId, columnId);
|
|
732
|
-
|
|
733
|
-
if (!cell) {
|
|
734
|
-
return;
|
|
735
|
-
}
|
|
736
|
-
|
|
737
|
-
return propGetter({
|
|
738
|
-
key: cell.id,
|
|
739
|
-
role: 'gridcell'
|
|
740
|
-
}, userProps);
|
|
741
696
|
}
|
|
742
697
|
};
|
|
743
698
|
}
|
|
@@ -803,8 +758,8 @@ var ColumnSizing = {
|
|
|
803
758
|
resetSize: function resetSize() {
|
|
804
759
|
return instance.resetColumnSize(header.column.id);
|
|
805
760
|
},
|
|
806
|
-
|
|
807
|
-
return instance.
|
|
761
|
+
getResizeHandler: function getResizeHandler() {
|
|
762
|
+
return instance.getResizeHandler(header.id);
|
|
808
763
|
}
|
|
809
764
|
};
|
|
810
765
|
},
|
|
@@ -907,12 +862,16 @@ var ColumnSizing = {
|
|
|
907
862
|
|
|
908
863
|
return instance.getColumnIsResizing(header.column.id);
|
|
909
864
|
},
|
|
910
|
-
|
|
865
|
+
getResizeHandler: function getResizeHandler(headerId) {
|
|
911
866
|
var header = instance.getHeader(headerId);
|
|
912
867
|
var column = instance.getColumn(header.column.id);
|
|
913
868
|
var canResize = column.getCanResize();
|
|
869
|
+
return function (e) {
|
|
870
|
+
if (!canResize) {
|
|
871
|
+
return;
|
|
872
|
+
}
|
|
873
|
+
e.persist == null ? void 0 : e.persist();
|
|
914
874
|
|
|
915
|
-
var onResizeStart = function onResizeStart(e) {
|
|
916
875
|
if (isTouchStartEvent(e)) {
|
|
917
876
|
// lets not respond to multiple touches (e.g. 2 or 3 fingers)
|
|
918
877
|
if (e.touches && e.touches.length > 1) {
|
|
@@ -1029,21 +988,6 @@ var ColumnSizing = {
|
|
|
1029
988
|
});
|
|
1030
989
|
});
|
|
1031
990
|
};
|
|
1032
|
-
|
|
1033
|
-
var initialProps = canResize ? {
|
|
1034
|
-
title: 'Toggle Grouping',
|
|
1035
|
-
draggable: false,
|
|
1036
|
-
role: 'separator',
|
|
1037
|
-
onMouseDown: function onMouseDown(e) {
|
|
1038
|
-
e.persist == null ? void 0 : e.persist();
|
|
1039
|
-
onResizeStart(e);
|
|
1040
|
-
},
|
|
1041
|
-
onTouchStart: function onTouchStart(e) {
|
|
1042
|
-
e.persist == null ? void 0 : e.persist();
|
|
1043
|
-
onResizeStart(e);
|
|
1044
|
-
}
|
|
1045
|
-
} : {};
|
|
1046
|
-
return propGetter(initialProps, userProps);
|
|
1047
991
|
},
|
|
1048
992
|
getTotalSize: function getTotalSize() {
|
|
1049
993
|
var _instance$getHeaderGr, _instance$getHeaderGr2;
|
|
@@ -1226,7 +1170,7 @@ var Expanding = {
|
|
|
1226
1170
|
return instance.getRowCanExpand(id);
|
|
1227
1171
|
});
|
|
1228
1172
|
},
|
|
1229
|
-
|
|
1173
|
+
getToggleExpandedHandler: function getToggleExpandedHandler(rowId) {
|
|
1230
1174
|
var row = instance.getRow(rowId);
|
|
1231
1175
|
|
|
1232
1176
|
if (!row) {
|
|
@@ -1234,24 +1178,16 @@ var Expanding = {
|
|
|
1234
1178
|
}
|
|
1235
1179
|
|
|
1236
1180
|
var canExpand = instance.getRowCanExpand(rowId);
|
|
1237
|
-
|
|
1238
|
-
|
|
1239
|
-
|
|
1240
|
-
e.persist == null ? void 0 : e.persist();
|
|
1241
|
-
instance.toggleRowExpanded(rowId);
|
|
1242
|
-
} : undefined
|
|
1181
|
+
return function () {
|
|
1182
|
+
if (!canExpand) return;
|
|
1183
|
+
instance.toggleRowExpanded(rowId);
|
|
1243
1184
|
};
|
|
1244
|
-
|
|
1245
|
-
|
|
1246
|
-
|
|
1247
|
-
|
|
1248
|
-
|
|
1249
|
-
onClick: function onClick(e) {
|
|
1250
|
-
e.persist == null ? void 0 : e.persist();
|
|
1251
|
-
instance.toggleAllRowsExpanded();
|
|
1252
|
-
}
|
|
1185
|
+
},
|
|
1186
|
+
getToggleAllRowsExpandedHandler: function getToggleAllRowsExpandedHandler() {
|
|
1187
|
+
return function (e) {
|
|
1188
|
+
e.persist == null ? void 0 : e.persist();
|
|
1189
|
+
instance.toggleAllRowsExpanded();
|
|
1253
1190
|
};
|
|
1254
|
-
return propGetter(initialProps, userProps);
|
|
1255
1191
|
},
|
|
1256
1192
|
getIsSomeRowsExpanded: function getIsSomeRowsExpanded() {
|
|
1257
1193
|
var expanded = instance.getState().expanded;
|
|
@@ -1291,7 +1227,7 @@ var Expanding = {
|
|
|
1291
1227
|
instance._getExpandedRowModel = instance.options.getExpandedRowModel(instance);
|
|
1292
1228
|
}
|
|
1293
1229
|
|
|
1294
|
-
if (!instance._getExpandedRowModel) {
|
|
1230
|
+
if (instance.options.manualExpanding || !instance._getExpandedRowModel) {
|
|
1295
1231
|
return instance.getPreExpandedRowModel();
|
|
1296
1232
|
}
|
|
1297
1233
|
|
|
@@ -1310,8 +1246,8 @@ var Expanding = {
|
|
|
1310
1246
|
getCanExpand: function getCanExpand() {
|
|
1311
1247
|
return row.subRows && !!row.subRows.length;
|
|
1312
1248
|
},
|
|
1313
|
-
|
|
1314
|
-
return instance.
|
|
1249
|
+
getToggleExpandedHandler: function getToggleExpandedHandler() {
|
|
1250
|
+
return instance.getToggleExpandedHandler(row.id);
|
|
1315
1251
|
}
|
|
1316
1252
|
};
|
|
1317
1253
|
}
|
|
@@ -1324,6 +1260,7 @@ var filterFns = {
|
|
|
1324
1260
|
equalsStringSensitive: equalsStringSensitive,
|
|
1325
1261
|
arrIncludes: arrIncludes,
|
|
1326
1262
|
arrIncludesAll: arrIncludesAll,
|
|
1263
|
+
arrIncludesSome: arrIncludesSome,
|
|
1327
1264
|
equals: equals,
|
|
1328
1265
|
weakEquals: weakEquals,
|
|
1329
1266
|
betweenNumberRange: betweenNumberRange
|
|
@@ -1413,6 +1350,21 @@ arrIncludesAll.autoRemove = function (val) {
|
|
|
1413
1350
|
return testFalsey(val) || !(val != null && val.length);
|
|
1414
1351
|
};
|
|
1415
1352
|
|
|
1353
|
+
function arrIncludesSome(rows, columnIds, filterValue) {
|
|
1354
|
+
return rows.filter(function (row) {
|
|
1355
|
+
return columnIds.some(function (id) {
|
|
1356
|
+
var rowValue = row.values[id];
|
|
1357
|
+
return rowValue && rowValue.length && filterValue.some(function (val) {
|
|
1358
|
+
return rowValue.includes(val);
|
|
1359
|
+
});
|
|
1360
|
+
});
|
|
1361
|
+
});
|
|
1362
|
+
}
|
|
1363
|
+
|
|
1364
|
+
arrIncludesSome.autoRemove = function (val) {
|
|
1365
|
+
return testFalsey(val) || !(val != null && val.length);
|
|
1366
|
+
};
|
|
1367
|
+
|
|
1416
1368
|
function equals(rows, columnIds, filterValue) {
|
|
1417
1369
|
return rows.filter(function (row) {
|
|
1418
1370
|
return columnIds.some(function (id) {
|
|
@@ -1782,7 +1734,7 @@ var Filters = {
|
|
|
1782
1734
|
instance._getColumnFilteredRowModel = instance.options.getColumnFilteredRowModel(instance);
|
|
1783
1735
|
}
|
|
1784
1736
|
|
|
1785
|
-
if (!instance._getColumnFilteredRowModel) {
|
|
1737
|
+
if (instance.options.manualColumnFiltering || !instance._getColumnFilteredRowModel) {
|
|
1786
1738
|
return instance.getPreColumnFilteredRowModel();
|
|
1787
1739
|
}
|
|
1788
1740
|
|
|
@@ -1796,7 +1748,7 @@ var Filters = {
|
|
|
1796
1748
|
instance._getGlobalFilteredRowModel = instance.options.getGlobalFilteredRowModel(instance);
|
|
1797
1749
|
}
|
|
1798
1750
|
|
|
1799
|
-
if (!instance._getGlobalFilteredRowModel) {
|
|
1751
|
+
if (instance.options.manualGlobalFiltering || !instance._getGlobalFilteredRowModel) {
|
|
1800
1752
|
return instance.getPreGlobalFilteredRowModel();
|
|
1801
1753
|
}
|
|
1802
1754
|
|
|
@@ -1957,8 +1909,8 @@ var Grouping = {
|
|
|
1957
1909
|
toggleGrouping: function toggleGrouping() {
|
|
1958
1910
|
return instance.toggleColumnGrouping(column.id);
|
|
1959
1911
|
},
|
|
1960
|
-
|
|
1961
|
-
return instance.
|
|
1912
|
+
getToggleGroupingHandler: function getToggleGroupingHandler() {
|
|
1913
|
+
return instance.getToggleGroupingHandler(column.id);
|
|
1962
1914
|
}
|
|
1963
1915
|
};
|
|
1964
1916
|
},
|
|
@@ -2048,16 +2000,13 @@ var Grouping = {
|
|
|
2048
2000
|
|
|
2049
2001
|
instance.setGrouping((_instance$initialStat = (_instance$initialStat2 = instance.initialState) == null ? void 0 : _instance$initialStat2.grouping) != null ? _instance$initialStat : []);
|
|
2050
2002
|
},
|
|
2051
|
-
|
|
2003
|
+
getToggleGroupingHandler: function getToggleGroupingHandler(columnId) {
|
|
2052
2004
|
var column = instance.getColumn(columnId);
|
|
2053
2005
|
var canGroup = column.getCanGroup();
|
|
2054
|
-
|
|
2055
|
-
|
|
2056
|
-
|
|
2057
|
-
column.toggleGrouping == null ? void 0 : column.toggleGrouping();
|
|
2058
|
-
} : undefined
|
|
2006
|
+
return function () {
|
|
2007
|
+
if (!canGroup) return;
|
|
2008
|
+
column.toggleGrouping == null ? void 0 : column.toggleGrouping();
|
|
2059
2009
|
};
|
|
2060
|
-
return propGetter(initialProps, userProps);
|
|
2061
2010
|
},
|
|
2062
2011
|
getRowIsGrouped: function getRowIsGrouped(rowId) {
|
|
2063
2012
|
var _instance$getRow;
|
|
@@ -2072,7 +2021,7 @@ var Grouping = {
|
|
|
2072
2021
|
instance._getGroupedRowModel = instance.options.getGroupedRowModel(instance);
|
|
2073
2022
|
}
|
|
2074
2023
|
|
|
2075
|
-
if (!instance._getGroupedRowModel) {
|
|
2024
|
+
if (instance.options.manualGrouping || !instance._getGroupedRowModel) {
|
|
2076
2025
|
return instance.getPreGroupedRowModel();
|
|
2077
2026
|
}
|
|
2078
2027
|
|
|
@@ -2205,13 +2154,13 @@ var Ordering = {
|
|
|
2205
2154
|
|
|
2206
2155
|
//
|
|
2207
2156
|
var Pagination = {
|
|
2208
|
-
getInitialState: function getInitialState() {
|
|
2157
|
+
getInitialState: function getInitialState(initialState) {
|
|
2209
2158
|
return {
|
|
2210
|
-
pagination: {
|
|
2159
|
+
pagination: _extends({
|
|
2211
2160
|
pageCount: -1,
|
|
2212
2161
|
pageIndex: 0,
|
|
2213
2162
|
pageSize: 10
|
|
2214
|
-
}
|
|
2163
|
+
}, initialState == null ? void 0 : initialState.pagination)
|
|
2215
2164
|
};
|
|
2216
2165
|
},
|
|
2217
2166
|
getDefaultOptions: function getDefaultOptions(instance) {
|
|
@@ -2351,7 +2300,7 @@ var Pagination = {
|
|
|
2351
2300
|
instance._getPaginationRowModel = instance.options.getPaginationRowModel(instance);
|
|
2352
2301
|
}
|
|
2353
2302
|
|
|
2354
|
-
if (!instance._getPaginationRowModel) {
|
|
2303
|
+
if (instance.options.manualPagination || !instance._getPaginationRowModel) {
|
|
2355
2304
|
return instance.getPrePaginationRowModel();
|
|
2356
2305
|
}
|
|
2357
2306
|
|
|
@@ -3021,59 +2970,27 @@ var RowSelection = {
|
|
|
3021
2970
|
var paginationFlatRows = instance.getPaginationRowModel().flatRows;
|
|
3022
2971
|
return instance.getIsAllPageRowsSelected() ? false : !!(paginationFlatRows != null && paginationFlatRows.length);
|
|
3023
2972
|
},
|
|
3024
|
-
|
|
2973
|
+
getToggleRowSelectedHandler: function getToggleRowSelectedHandler(rowId) {
|
|
3025
2974
|
var row = instance.getRow(rowId);
|
|
3026
|
-
|
|
3027
|
-
|
|
2975
|
+
row.getIsSelected();
|
|
2976
|
+
row.getIsSomeSelected();
|
|
3028
2977
|
var canSelect = row.getCanSelect();
|
|
3029
|
-
|
|
3030
|
-
|
|
3031
|
-
row.toggleSelected(e.target.checked);
|
|
3032
|
-
} : undefined,
|
|
3033
|
-
checked: isSelected,
|
|
3034
|
-
title: 'Toggle Row Selected',
|
|
3035
|
-
indeterminate: isSomeSelected // onChange: forInput
|
|
3036
|
-
// ? (e: Event) => e.stopPropagation()
|
|
3037
|
-
// : (e: Event) => {
|
|
3038
|
-
// if (instance.options.isAdditiveSelectEvent(e)) {
|
|
3039
|
-
// row.toggleSelected()
|
|
3040
|
-
// } else if (instance.options.isInclusiveSelectEvent(e)) {
|
|
3041
|
-
// instance.addRowSelectionRange(row.id)
|
|
3042
|
-
// } else {
|
|
3043
|
-
// instance.setRowSelection({})
|
|
3044
|
-
// row.toggleSelected()
|
|
3045
|
-
// }
|
|
3046
|
-
// if (props.onClick) props.onClick(e)
|
|
3047
|
-
// },
|
|
2978
|
+
return function (e) {
|
|
2979
|
+
var _target;
|
|
3048
2980
|
|
|
2981
|
+
if (!canSelect) return;
|
|
2982
|
+
row.toggleSelected((_target = e.target) == null ? void 0 : _target.checked);
|
|
3049
2983
|
};
|
|
3050
|
-
|
|
3051
|
-
|
|
3052
|
-
|
|
3053
|
-
|
|
3054
|
-
var isAllRowsSelected = instance.getIsAllRowsSelected();
|
|
3055
|
-
var initialProps = {
|
|
3056
|
-
onChange: function onChange(e) {
|
|
3057
|
-
instance.toggleAllRowsSelected(e.target.checked);
|
|
3058
|
-
},
|
|
3059
|
-
checked: isAllRowsSelected,
|
|
3060
|
-
title: 'Toggle All Rows Selected',
|
|
3061
|
-
indeterminate: isSomeRowsSelected
|
|
2984
|
+
},
|
|
2985
|
+
getToggleAllRowsSelectedHandler: function getToggleAllRowsSelectedHandler() {
|
|
2986
|
+
return function (e) {
|
|
2987
|
+
instance.toggleAllRowsSelected(e.target.checked);
|
|
3062
2988
|
};
|
|
3063
|
-
|
|
3064
|
-
|
|
3065
|
-
|
|
3066
|
-
|
|
3067
|
-
var isAllPageRowsSelected = instance.getIsAllPageRowsSelected();
|
|
3068
|
-
var initialProps = {
|
|
3069
|
-
onChange: function onChange(e) {
|
|
3070
|
-
instance.toggleAllPageRowsSelected(e.target.checked);
|
|
3071
|
-
},
|
|
3072
|
-
checked: isAllPageRowsSelected,
|
|
3073
|
-
title: 'Toggle All Current Page Rows Selected',
|
|
3074
|
-
indeterminate: isSomePageRowsSelected
|
|
2989
|
+
},
|
|
2990
|
+
getToggleAllPageRowsSelectedHandler: function getToggleAllPageRowsSelectedHandler() {
|
|
2991
|
+
return function (e) {
|
|
2992
|
+
instance.toggleAllPageRowsSelected(e.target.checked);
|
|
3075
2993
|
};
|
|
3076
|
-
return propGetter(initialProps, userProps);
|
|
3077
2994
|
}
|
|
3078
2995
|
};
|
|
3079
2996
|
},
|
|
@@ -3088,8 +3005,8 @@ var RowSelection = {
|
|
|
3088
3005
|
toggleSelected: function toggleSelected(value) {
|
|
3089
3006
|
return instance.toggleRowSelected(row.id, value);
|
|
3090
3007
|
},
|
|
3091
|
-
|
|
3092
|
-
return instance.
|
|
3008
|
+
getToggleSelectedHandler: function getToggleSelectedHandler() {
|
|
3009
|
+
return instance.getToggleRowSelectedHandler(row.id);
|
|
3093
3010
|
},
|
|
3094
3011
|
getCanMultiSelect: function getCanMultiSelect() {
|
|
3095
3012
|
return instance.getRowCanMultiSelect(row.id);
|
|
@@ -3332,8 +3249,8 @@ var Sorting = {
|
|
|
3332
3249
|
toggleSorting: function toggleSorting(desc, isMulti) {
|
|
3333
3250
|
return instance.toggleColumnSorting(column.id, desc, isMulti);
|
|
3334
3251
|
},
|
|
3335
|
-
|
|
3336
|
-
return instance.
|
|
3252
|
+
getToggleSortingHandler: function getToggleSortingHandler() {
|
|
3253
|
+
return instance.getToggleSortingHandler(column.id);
|
|
3337
3254
|
}
|
|
3338
3255
|
};
|
|
3339
3256
|
},
|
|
@@ -3553,7 +3470,7 @@ var Sorting = {
|
|
|
3553
3470
|
instance.setSorting((_instance$initialStat = (_instance$initialStat2 = instance.initialState) == null ? void 0 : _instance$initialStat2.sorting) != null ? _instance$initialStat : []);
|
|
3554
3471
|
}
|
|
3555
3472
|
},
|
|
3556
|
-
|
|
3473
|
+
getToggleSortingHandler: function getToggleSortingHandler(columnId) {
|
|
3557
3474
|
var column = instance.getColumn(columnId);
|
|
3558
3475
|
|
|
3559
3476
|
if (!column) {
|
|
@@ -3561,14 +3478,11 @@ var Sorting = {
|
|
|
3561
3478
|
}
|
|
3562
3479
|
|
|
3563
3480
|
var canSort = column.getCanSort();
|
|
3564
|
-
|
|
3565
|
-
|
|
3566
|
-
|
|
3567
|
-
|
|
3568
|
-
column.toggleSorting == null ? void 0 : column.toggleSorting(undefined, column.getCanMultiSort() ? instance.options.isMultiSortEvent == null ? void 0 : instance.options.isMultiSortEvent(e) : false);
|
|
3569
|
-
} : undefined
|
|
3481
|
+
return function (e) {
|
|
3482
|
+
if (!canSort) return;
|
|
3483
|
+
e.persist == null ? void 0 : e.persist();
|
|
3484
|
+
column.toggleSorting == null ? void 0 : column.toggleSorting(undefined, column.getCanMultiSort() ? instance.options.isMultiSortEvent == null ? void 0 : instance.options.isMultiSortEvent(e) : false);
|
|
3570
3485
|
};
|
|
3571
|
-
return propGetter(initialProps, userProps);
|
|
3572
3486
|
},
|
|
3573
3487
|
getPreSortedRowModel: function getPreSortedRowModel() {
|
|
3574
3488
|
return instance.getGlobalFilteredRowModel();
|
|
@@ -3578,7 +3492,7 @@ var Sorting = {
|
|
|
3578
3492
|
instance._getSortedRowModel = instance.options.getSortedRowModel(instance);
|
|
3579
3493
|
}
|
|
3580
3494
|
|
|
3581
|
-
if (!instance._getSortedRowModel) {
|
|
3495
|
+
if (instance.options.manualSorting || !instance._getSortedRowModel) {
|
|
3582
3496
|
return instance.getPreSortedRowModel();
|
|
3583
3497
|
}
|
|
3584
3498
|
|
|
@@ -3616,16 +3530,10 @@ var Visibility = {
|
|
|
3616
3530
|
toggleVisibility: function toggleVisibility(value) {
|
|
3617
3531
|
return instance.toggleColumnVisibility(column.id, value);
|
|
3618
3532
|
},
|
|
3619
|
-
|
|
3620
|
-
|
|
3621
|
-
|
|
3622
|
-
checked: column.getIsVisible == null ? void 0 : column.getIsVisible(),
|
|
3623
|
-
title: 'Toggle Column Visibility',
|
|
3624
|
-
onChange: function onChange(e) {
|
|
3625
|
-
column.toggleVisibility == null ? void 0 : column.toggleVisibility(e.target.checked);
|
|
3626
|
-
}
|
|
3533
|
+
getToggleVisibilityHandler: function getToggleVisibilityHandler() {
|
|
3534
|
+
return function (e) {
|
|
3535
|
+
column.toggleVisibility == null ? void 0 : column.toggleVisibility(e.target.checked);
|
|
3627
3536
|
};
|
|
3628
|
-
return propGetter(props, userProps);
|
|
3629
3537
|
}
|
|
3630
3538
|
};
|
|
3631
3539
|
},
|
|
@@ -3757,19 +3665,12 @@ var Visibility = {
|
|
|
3757
3665
|
return column.getIsVisible == null ? void 0 : column.getIsVisible();
|
|
3758
3666
|
});
|
|
3759
3667
|
},
|
|
3760
|
-
|
|
3761
|
-
|
|
3762
|
-
|
|
3763
|
-
var _e$target;
|
|
3668
|
+
getToggleAllColumnsVisibilityHandler: function getToggleAllColumnsVisibilityHandler() {
|
|
3669
|
+
return function (e) {
|
|
3670
|
+
var _target;
|
|
3764
3671
|
|
|
3765
|
-
|
|
3766
|
-
},
|
|
3767
|
-
type: 'checkbox',
|
|
3768
|
-
title: 'Toggle visibility for all columns',
|
|
3769
|
-
checked: instance.getIsAllColumnsVisible(),
|
|
3770
|
-
indeterminate: !instance.getIsAllColumnsVisible() && instance.getIsSomeColumnsVisible() ? 'indeterminate' : undefined
|
|
3672
|
+
instance.toggleAllColumnsVisible((_target = e.target) == null ? void 0 : _target.checked);
|
|
3771
3673
|
};
|
|
3772
|
-
return propGetter(props, userProps);
|
|
3773
3674
|
}
|
|
3774
3675
|
};
|
|
3775
3676
|
}
|
|
@@ -3832,12 +3733,6 @@ var Headers = {
|
|
|
3832
3733
|
recurseHeader(header);
|
|
3833
3734
|
return leafHeaders;
|
|
3834
3735
|
},
|
|
3835
|
-
getHeaderProps: function getHeaderProps(userProps) {
|
|
3836
|
-
return instance.getHeaderProps(header.id, userProps);
|
|
3837
|
-
},
|
|
3838
|
-
getFooterProps: function getFooterProps(userProps) {
|
|
3839
|
-
return instance.getFooterProps(header.id, userProps);
|
|
3840
|
-
},
|
|
3841
3736
|
renderHeader: function renderHeader() {
|
|
3842
3737
|
return column.header ? instance.render(column.header, {
|
|
3843
3738
|
instance: instance,
|
|
@@ -4113,60 +4008,6 @@ var Headers = {
|
|
|
4113
4008
|
}
|
|
4114
4009
|
|
|
4115
4010
|
return header;
|
|
4116
|
-
},
|
|
4117
|
-
getHeaderGroupProps: function getHeaderGroupProps(id, userProps) {
|
|
4118
|
-
var headerGroup = instance.getHeaderGroups().find(function (d) {
|
|
4119
|
-
return d.id === id;
|
|
4120
|
-
});
|
|
4121
|
-
|
|
4122
|
-
if (!headerGroup) {
|
|
4123
|
-
return;
|
|
4124
|
-
}
|
|
4125
|
-
|
|
4126
|
-
return propGetter({
|
|
4127
|
-
key: headerGroup.id,
|
|
4128
|
-
role: 'row'
|
|
4129
|
-
}, userProps);
|
|
4130
|
-
},
|
|
4131
|
-
getFooterGroupProps: function getFooterGroupProps(id, userProps) {
|
|
4132
|
-
var headerGroup = instance.getFooterGroups().find(function (d) {
|
|
4133
|
-
return d.id === id;
|
|
4134
|
-
});
|
|
4135
|
-
|
|
4136
|
-
if (!headerGroup) {
|
|
4137
|
-
return;
|
|
4138
|
-
}
|
|
4139
|
-
|
|
4140
|
-
var initialProps = {
|
|
4141
|
-
key: headerGroup.id,
|
|
4142
|
-
role: 'row'
|
|
4143
|
-
};
|
|
4144
|
-
return propGetter(initialProps, userProps);
|
|
4145
|
-
},
|
|
4146
|
-
getHeaderProps: function getHeaderProps(id, userProps) {
|
|
4147
|
-
var header = instance.getHeader(id);
|
|
4148
|
-
|
|
4149
|
-
if (!header) {
|
|
4150
|
-
throw new Error();
|
|
4151
|
-
}
|
|
4152
|
-
|
|
4153
|
-
var initialProps = {
|
|
4154
|
-
key: header.id,
|
|
4155
|
-
role: 'columnheader',
|
|
4156
|
-
colSpan: header.colSpan,
|
|
4157
|
-
rowSpan: header.rowSpan
|
|
4158
|
-
};
|
|
4159
|
-
return propGetter(initialProps, userProps);
|
|
4160
|
-
},
|
|
4161
|
-
getFooterProps: function getFooterProps(id, userProps) {
|
|
4162
|
-
var header = instance.getHeader(id);
|
|
4163
|
-
var initialProps = {
|
|
4164
|
-
key: header.id,
|
|
4165
|
-
role: 'columnfooter',
|
|
4166
|
-
colSpan: header.colSpan,
|
|
4167
|
-
rowSpan: header.rowSpan
|
|
4168
|
-
};
|
|
4169
|
-
return propGetter(initialProps, userProps);
|
|
4170
4011
|
}
|
|
4171
4012
|
};
|
|
4172
4013
|
}
|
|
@@ -4206,13 +4047,7 @@ function buildHeaderGroups(allColumns, columnsToGroup, instance, headerFamily) {
|
|
|
4206
4047
|
var headerGroup = {
|
|
4207
4048
|
depth: depth,
|
|
4208
4049
|
id: [headerFamily, "" + depth].filter(Boolean).join('_'),
|
|
4209
|
-
headers: []
|
|
4210
|
-
getHeaderGroupProps: function getHeaderGroupProps(getterValue) {
|
|
4211
|
-
return instance.getHeaderGroupProps("" + depth, getterValue);
|
|
4212
|
-
},
|
|
4213
|
-
getFooterGroupProps: function getFooterGroupProps(getterValue) {
|
|
4214
|
-
return instance.getFooterGroupProps("" + depth, getterValue);
|
|
4215
|
-
}
|
|
4050
|
+
headers: []
|
|
4216
4051
|
}; // The parent columns we're going to scan next
|
|
4217
4052
|
|
|
4218
4053
|
var pendingParentHeaders = []; // Scan each column for parents
|
|
@@ -4325,18 +4160,22 @@ function createTableInstance(options) {
|
|
|
4325
4160
|
return Object.assign(obj, feature.getDefaultOptions == null ? void 0 : feature.getDefaultOptions(instance));
|
|
4326
4161
|
}, {});
|
|
4327
4162
|
|
|
4328
|
-
var
|
|
4163
|
+
var mergeOptions = function mergeOptions(options) {
|
|
4164
|
+
if (instance.options.mergeOptions) {
|
|
4165
|
+
return instance.options.mergeOptions(defaultOptions, options);
|
|
4166
|
+
}
|
|
4167
|
+
|
|
4329
4168
|
return _extends({}, defaultOptions, options);
|
|
4330
4169
|
};
|
|
4331
4170
|
|
|
4332
|
-
instance.options =
|
|
4171
|
+
instance.options = _extends({}, defaultOptions, options);
|
|
4333
4172
|
var coreInitialState = {
|
|
4334
4173
|
coreProgress: 1
|
|
4335
4174
|
};
|
|
4336
4175
|
|
|
4337
|
-
var initialState = _extends({}, coreInitialState, instance._features.reduce(function (obj, feature) {
|
|
4338
|
-
return Object.assign(obj, feature.getInitialState == null ? void 0 : feature.getInitialState());
|
|
4339
|
-
}, {})
|
|
4176
|
+
var initialState = _extends({}, coreInitialState, (_options$initialState = options.initialState) != null ? _options$initialState : {}, instance._features.reduce(function (obj, feature) {
|
|
4177
|
+
return Object.assign(obj, feature.getInitialState == null ? void 0 : feature.getInitialState(options.initialState));
|
|
4178
|
+
}, {}));
|
|
4340
4179
|
|
|
4341
4180
|
var queued = [];
|
|
4342
4181
|
var queuedTimeout;
|
|
@@ -4368,12 +4207,7 @@ function createTableInstance(options) {
|
|
|
4368
4207
|
},
|
|
4369
4208
|
setOptions: function setOptions(updater) {
|
|
4370
4209
|
var newOptions = functionalUpdate(updater, instance.options);
|
|
4371
|
-
|
|
4372
|
-
if (instance.options.mergeOptions) {
|
|
4373
|
-
instance.options = instance.options.mergeOptions(defaultOptions, newOptions);
|
|
4374
|
-
} else {
|
|
4375
|
-
instance.options = buildOptions(newOptions);
|
|
4376
|
-
}
|
|
4210
|
+
instance.options = mergeOptions(newOptions);
|
|
4377
4211
|
},
|
|
4378
4212
|
render: function render(template, props) {
|
|
4379
4213
|
if (typeof instance.options.render === 'function') {
|
|
@@ -4392,16 +4226,6 @@ function createTableInstance(options) {
|
|
|
4392
4226
|
setState: function setState(updater) {
|
|
4393
4227
|
instance.options.onStateChange == null ? void 0 : instance.options.onStateChange(updater);
|
|
4394
4228
|
},
|
|
4395
|
-
getTableProps: function getTableProps(userProps) {
|
|
4396
|
-
return propGetter({
|
|
4397
|
-
role: 'table'
|
|
4398
|
-
}, userProps);
|
|
4399
|
-
},
|
|
4400
|
-
getTableBodyProps: function getTableBodyProps(userProps) {
|
|
4401
|
-
return propGetter({
|
|
4402
|
-
role: 'rowgroup'
|
|
4403
|
-
}, userProps);
|
|
4404
|
-
},
|
|
4405
4229
|
getOverallProgress: function getOverallProgress() {
|
|
4406
4230
|
var _instance$getState = instance.getState(),
|
|
4407
4231
|
coreProgress = _instance$getState.coreProgress,
|
|
@@ -4436,6 +4260,9 @@ function createTable(_, __, options) {
|
|
|
4436
4260
|
throw new Error('');
|
|
4437
4261
|
}()
|
|
4438
4262
|
},
|
|
4263
|
+
setGenerics: function setGenerics() {
|
|
4264
|
+
return table;
|
|
4265
|
+
},
|
|
4439
4266
|
setRowType: function setRowType() {
|
|
4440
4267
|
return table;
|
|
4441
4268
|
},
|
|
@@ -4448,9 +4275,6 @@ function createTable(_, __, options) {
|
|
|
4448
4275
|
setOptions: function setOptions(newOptions) {
|
|
4449
4276
|
return createTable(_, __, _extends({}, options, newOptions));
|
|
4450
4277
|
},
|
|
4451
|
-
createColumns: function createColumns(columns) {
|
|
4452
|
-
return columns;
|
|
4453
|
-
},
|
|
4454
4278
|
createDisplayColumn: function createDisplayColumn(column) {
|
|
4455
4279
|
return _extends({}, column, {
|
|
4456
4280
|
columnDefType: 'display'
|
|
@@ -5273,5 +5097,5 @@ function getPaginationRowModel(opts) {
|
|
|
5273
5097
|
};
|
|
5274
5098
|
}
|
|
5275
5099
|
|
|
5276
|
-
export { ColumnSizing, Expanding, Filters, Grouping, Headers, Ordering, Pagination, Pinning, RowSelection, Sorting, Visibility, buildHeaderGroups, createTableFactory, createTableInstance, defaultColumnSizing, expandRows, flattenBy, functionalUpdate, getBatchGroups, getColumnFilteredRowModelSync, getCoreRowModelAsync, getCoreRowModelSync, getExpandedRowModel, getGlobalFilteredRowModelSync, getGroupedRowModelSync, getPaginationRowModel, getSortedRowModelSync, incrementalMemo, isFunction, isRowSelected, makeStateUpdater, memo, noop, passiveEventSupported,
|
|
5100
|
+
export { ColumnSizing, Expanding, Filters, Grouping, Headers, Ordering, Pagination, Pinning, RowSelection, Sorting, Visibility, buildHeaderGroups, createTableFactory, createTableInstance, defaultColumnSizing, expandRows, flattenBy, functionalUpdate, getBatchGroups, getColumnFilteredRowModelSync, getCoreRowModelAsync, getCoreRowModelSync, getExpandedRowModel, getGlobalFilteredRowModelSync, getGroupedRowModelSync, getPaginationRowModel, getSortedRowModelSync, incrementalMemo, isFunction, isRowSelected, makeStateUpdater, memo, noop, passiveEventSupported, selectRowsFn, shouldAutoRemoveFilter };
|
|
5277
5101
|
//# sourceMappingURL=index.js.map
|