@tanstack/react-table 8.0.0-alpha.84 → 8.0.0-alpha.87

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.
@@ -2669,7 +2669,7 @@ var drawChart = (function (exports) {
2669
2669
  </script>
2670
2670
  <script>
2671
2671
  /*<!--*/
2672
- const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.production.js","children":[{"name":"packages","children":[{"name":"table-core/build/esm/index.js","uid":"137d-127"},{"name":"react-table/src/index.tsx","uid":"137d-129"}]}]}],"isRoot":true},"nodeParts":{"137d-127":{"renderedLength":137713,"gzipLength":23466,"brotliLength":0,"mainUid":"137d-126"},"137d-129":{"renderedLength":2102,"gzipLength":836,"brotliLength":0,"mainUid":"137d-128"}},"nodeMetas":{"137d-126":{"id":"/packages/table-core/build/esm/index.js","moduleParts":{"index.production.js":"137d-127"},"imported":[],"importedBy":[{"uid":"137d-128"}]},"137d-128":{"id":"/packages/react-table/src/index.tsx","moduleParts":{"index.production.js":"137d-129"},"imported":[{"uid":"137d-130"},{"uid":"137d-126"}],"importedBy":[],"isEntry":true},"137d-130":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"137d-128"}],"isExternal":true}},"env":{"rollup":"2.70.2"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
2672
+ const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.production.js","children":[{"name":"packages","children":[{"name":"table-core/build/esm/index.js","uid":"3258-127"},{"name":"react-table/src/index.tsx","uid":"3258-129"}]}]}],"isRoot":true},"nodeParts":{"3258-127":{"renderedLength":137395,"gzipLength":23363,"brotliLength":0,"mainUid":"3258-126"},"3258-129":{"renderedLength":2102,"gzipLength":836,"brotliLength":0,"mainUid":"3258-128"}},"nodeMetas":{"3258-126":{"id":"/packages/table-core/build/esm/index.js","moduleParts":{"index.production.js":"3258-127"},"imported":[],"importedBy":[{"uid":"3258-128"}]},"3258-128":{"id":"/packages/react-table/src/index.tsx","moduleParts":{"index.production.js":"3258-129"},"imported":[{"uid":"3258-130"},{"uid":"3258-126"}],"importedBy":[],"isEntry":true},"3258-130":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"3258-128"}],"isExternal":true}},"env":{"rollup":"2.70.2"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
2673
2673
 
2674
2674
  const run = () => {
2675
2675
  const width = window.innerWidth;
@@ -11,11 +11,11 @@
11
11
  "children": [
12
12
  {
13
13
  "name": "table-core/build/esm/index.js",
14
- "uid": "137d-132"
14
+ "uid": "3258-132"
15
15
  },
16
16
  {
17
17
  "name": "react-table/src/index.tsx",
18
- "uid": "137d-134"
18
+ "uid": "3258-134"
19
19
  }
20
20
  ]
21
21
  }
@@ -25,55 +25,55 @@
25
25
  "isRoot": true
26
26
  },
27
27
  "nodeParts": {
28
- "137d-132": {
29
- "renderedLength": 137713,
30
- "gzipLength": 23466,
28
+ "3258-132": {
29
+ "renderedLength": 137395,
30
+ "gzipLength": 23363,
31
31
  "brotliLength": 0,
32
- "mainUid": "137d-131"
32
+ "mainUid": "3258-131"
33
33
  },
34
- "137d-134": {
34
+ "3258-134": {
35
35
  "renderedLength": 2102,
36
36
  "gzipLength": 836,
37
37
  "brotliLength": 0,
38
- "mainUid": "137d-133"
38
+ "mainUid": "3258-133"
39
39
  }
40
40
  },
41
41
  "nodeMetas": {
42
- "137d-131": {
42
+ "3258-131": {
43
43
  "id": "/packages/table-core/build/esm/index.js",
44
44
  "moduleParts": {
45
- "index.production.js": "137d-132"
45
+ "index.production.js": "3258-132"
46
46
  },
47
47
  "imported": [],
48
48
  "importedBy": [
49
49
  {
50
- "uid": "137d-133"
50
+ "uid": "3258-133"
51
51
  }
52
52
  ]
53
53
  },
54
- "137d-133": {
54
+ "3258-133": {
55
55
  "id": "/packages/react-table/src/index.tsx",
56
56
  "moduleParts": {
57
- "index.production.js": "137d-134"
57
+ "index.production.js": "3258-134"
58
58
  },
59
59
  "imported": [
60
60
  {
61
- "uid": "137d-135"
61
+ "uid": "3258-135"
62
62
  },
63
63
  {
64
- "uid": "137d-131"
64
+ "uid": "3258-131"
65
65
  }
66
66
  ],
67
67
  "importedBy": [],
68
68
  "isEntry": true
69
69
  },
70
- "137d-135": {
70
+ "3258-135": {
71
71
  "id": "react",
72
72
  "moduleParts": {},
73
73
  "imported": [],
74
74
  "importedBy": [
75
75
  {
76
- "uid": "137d-133"
76
+ "uid": "3258-133"
77
77
  }
78
78
  ],
79
79
  "isExternal": true
@@ -849,7 +849,6 @@
849
849
  return {
850
850
  onExpandedChange: makeStateUpdater('expanded', instance),
851
851
  autoResetExpanded: true,
852
- expandSubRows: true,
853
852
  paginateExpandedRows: true
854
853
  };
855
854
  },
@@ -1246,8 +1245,7 @@
1246
1245
  createRow: (row, instance) => {
1247
1246
  return {
1248
1247
  columnFilters: {},
1249
- columnFiltersMeta: {},
1250
- subRowsByFacetId: {}
1248
+ columnFiltersMeta: {}
1251
1249
  };
1252
1250
  },
1253
1251
  createInstance: instance => {
@@ -1338,53 +1336,42 @@
1338
1336
  return (filterFn && filterFn.autoRemove ? filterFn.autoRemove(value, column) : false) || typeof value === 'undefined' || typeof value === 'string' && !value;
1339
1337
  }
1340
1338
 
1341
- const aggregationFns = {
1342
- sum,
1343
- min,
1344
- max,
1345
- extent,
1346
- mean,
1347
- median,
1348
- unique,
1349
- uniqueCount,
1350
- count
1351
- };
1352
-
1353
- function sum(_getLeafValues, getChildValues) {
1339
+ const sum = (columnId, _leafRows, childRows) => {
1354
1340
  // It's faster to just add the aggregations together instead of
1355
1341
  // process leaf nodes individually
1356
- return getChildValues().reduce((sum, next) => sum + (typeof next === 'number' ? next : 0), 0);
1357
- }
1342
+ return childRows.reduce((sum, next) => sum + (typeof next === 'number' ? next : 0), 0);
1343
+ };
1358
1344
 
1359
- function min(_getLeafValues, getChildValues) {
1345
+ const min = (columnId, _leafRows, childRows) => {
1360
1346
  let min;
1347
+ childRows.forEach(row => {
1348
+ const value = row.getValue(columnId);
1361
1349
 
1362
- for (const value of getChildValues()) {
1363
1350
  if (value != null && (min > value || min === undefined && value >= value)) {
1364
1351
  min = value;
1365
1352
  }
1366
- }
1367
-
1353
+ });
1368
1354
  return min;
1369
- }
1355
+ };
1370
1356
 
1371
- function max(_getLeafValues, getChildValues) {
1357
+ const max = (columnId, _leafRows, childRows) => {
1372
1358
  let max;
1359
+ childRows.forEach(row => {
1360
+ const value = row.getValue(columnId);
1373
1361
 
1374
- for (const value of getChildValues()) {
1375
1362
  if (value != null && (max < value || max === undefined && value >= value)) {
1376
1363
  max = value;
1377
1364
  }
1378
- }
1379
-
1365
+ });
1380
1366
  return max;
1381
- }
1367
+ };
1382
1368
 
1383
- function extent(_getLeafValues, getChildValues) {
1369
+ const extent = (columnId, _leafRows, childRows) => {
1384
1370
  let min;
1385
1371
  let max;
1372
+ childRows.forEach(row => {
1373
+ const value = row.getValue(columnId);
1386
1374
 
1387
- for (const value of getChildValues()) {
1388
1375
  if (value != null) {
1389
1376
  if (min === undefined) {
1390
1377
  if (value >= value) min = max = value;
@@ -1393,54 +1380,65 @@
1393
1380
  if (max < value) max = value;
1394
1381
  }
1395
1382
  }
1396
- }
1397
-
1383
+ });
1398
1384
  return [min, max];
1399
- }
1385
+ };
1400
1386
 
1401
- function mean(getLeafValues) {
1387
+ const mean = (columnId, leafRows) => {
1402
1388
  let count = 0;
1403
1389
  let sum = 0;
1390
+ leafRows.forEach(row => {
1391
+ let value = row.getValue(columnId);
1404
1392
 
1405
- for (let value of getLeafValues()) {
1406
1393
  if (value != null && (value = +value) >= value) {
1407
1394
  ++count, sum += value;
1408
1395
  }
1409
- }
1410
-
1396
+ });
1411
1397
  if (count) return sum / count;
1412
1398
  return;
1413
- }
1414
-
1415
- function median(getLeafValues) {
1416
- const leafValues = getLeafValues();
1399
+ };
1417
1400
 
1418
- if (!leafValues.length) {
1401
+ const median = (columnId, leafRows) => {
1402
+ if (!leafRows.length) {
1419
1403
  return;
1420
1404
  }
1421
1405
 
1422
1406
  let min = 0;
1423
1407
  let max = 0;
1424
- leafValues.forEach(value => {
1408
+ leafRows.forEach(row => {
1409
+ let value = row.getValue(columnId);
1410
+
1425
1411
  if (typeof value === 'number') {
1426
1412
  min = Math.min(min, value);
1427
1413
  max = Math.max(max, value);
1428
1414
  }
1429
1415
  });
1430
1416
  return (min + max) / 2;
1431
- }
1417
+ };
1432
1418
 
1433
- function unique(getLeafValues) {
1434
- return Array.from(new Set(getLeafValues()).values());
1435
- }
1419
+ const unique = (columnId, leafRows) => {
1420
+ return Array.from(new Set(leafRows.map(d => d.getValue(columnId))).values());
1421
+ };
1436
1422
 
1437
- function uniqueCount(getLeafValues) {
1438
- return new Set(getLeafValues()).size;
1439
- }
1423
+ const uniqueCount = (columnId, leafRows) => {
1424
+ return new Set(leafRows.map(d => d.getValue(columnId))).size;
1425
+ };
1440
1426
 
1441
- function count(getLeafValues) {
1442
- return getLeafValues().length;
1443
- }
1427
+ const count = (_columnId, leafRows) => {
1428
+ return leafRows.length;
1429
+ };
1430
+
1431
+ const aggregationFns = {
1432
+ sum,
1433
+ min,
1434
+ max,
1435
+ extent,
1436
+ mean,
1437
+ median,
1438
+ unique,
1439
+ uniqueCount,
1440
+ count
1441
+ };
1444
1442
 
1445
1443
  //
1446
1444
  const Grouping = {
@@ -1495,7 +1493,7 @@
1495
1493
  column.toggleGrouping();
1496
1494
  };
1497
1495
  },
1498
- getColumnAutoAggregationFn: () => {
1496
+ getAutoAggregationFn: () => {
1499
1497
  const firstRow = instance.getCoreRowModel().flatRows[0];
1500
1498
  const value = firstRow == null ? void 0 : firstRow.getValue(column.id);
1501
1499
 
@@ -1509,7 +1507,7 @@
1509
1507
 
1510
1508
  return aggregationFns.count;
1511
1509
  },
1512
- getColumnAggregationFn: () => {
1510
+ getAggregationFn: () => {
1513
1511
  var _ref4;
1514
1512
 
1515
1513
  const userAggregationFns = instance.options.aggregationFns;
@@ -1518,7 +1516,7 @@
1518
1516
  throw new Error();
1519
1517
  }
1520
1518
 
1521
- return isFunction(column.aggregationFn) ? column.aggregationFn : column.aggregationFn === 'auto' ? column.getColumnAutoAggregationFn() : (_ref4 = userAggregationFns == null ? void 0 : userAggregationFns[column.aggregationFn]) != null ? _ref4 : aggregationFns[column.aggregationFn];
1519
+ return isFunction(column.aggregationFn) ? column.aggregationFn : column.aggregationFn === 'auto' ? column.getAutoAggregationFn() : (_ref4 = userAggregationFns == null ? void 0 : userAggregationFns[column.aggregationFn]) != null ? _ref4 : aggregationFns[column.aggregationFn];
1522
1520
  }
1523
1521
  };
1524
1522
  },
@@ -1544,10 +1542,10 @@
1544
1542
  }
1545
1543
  };
1546
1544
  },
1547
- createRow: (row, instance) => {
1545
+ createRow: row => {
1548
1546
  return {
1549
1547
  getIsGrouped: () => !!row.groupingColumnId,
1550
- groupingValuesCache: {}
1548
+ _groupingValuesCache: {}
1551
1549
  };
1552
1550
  },
1553
1551
  createCell: (cell, column, row, instance) => {
@@ -2366,21 +2364,54 @@
2366
2364
  }
2367
2365
 
2368
2366
  const reSplitAlphaNumeric = /([0-9]+)/gm;
2369
- const sortingFns = {
2370
- alphanumeric,
2371
- alphanumericCaseSensitive,
2372
- text,
2373
- textCaseSensitive,
2374
- datetime,
2375
- basic
2376
- };
2377
2367
 
2378
- function alphanumeric(rowA, rowB, columnId) {
2368
+ const alphanumeric = (rowA, rowB, columnId) => {
2379
2369
  return compareAlphanumeric(toString(rowA.getValue(columnId)).toLowerCase(), toString(rowB.getValue(columnId)).toLowerCase());
2380
- }
2370
+ };
2381
2371
 
2382
- function alphanumericCaseSensitive(rowA, rowB, columnId) {
2372
+ const alphanumericCaseSensitive = (rowA, rowB, columnId) => {
2383
2373
  return compareAlphanumeric(toString(rowA.getValue(columnId)), toString(rowB.getValue(columnId)));
2374
+ }; // The text filter is more basic (less numeric support)
2375
+ // but is much faster
2376
+
2377
+
2378
+ const text = (rowA, rowB, columnId) => {
2379
+ return compareBasic(toString(rowA.getValue(columnId)).toLowerCase(), toString(rowB.getValue(columnId)).toLowerCase());
2380
+ }; // The text filter is more basic (less numeric support)
2381
+ // but is much faster
2382
+
2383
+
2384
+ const textCaseSensitive = (rowA, rowB, columnId) => {
2385
+ return compareBasic(toString(rowA.getValue(columnId)), toString(rowB.getValue(columnId)));
2386
+ };
2387
+
2388
+ const datetime = (rowA, rowB, columnId) => {
2389
+ return compareBasic(rowA.getValue(columnId).getTime(), rowB.getValue(columnId).getTime());
2390
+ };
2391
+
2392
+ const basic = (rowA, rowB, columnId) => {
2393
+ return compareBasic(rowA.getValue(columnId), rowB.getValue(columnId));
2394
+ }; // Utils
2395
+
2396
+
2397
+ function compareBasic(a, b) {
2398
+ return a === b ? 0 : a > b ? 1 : -1;
2399
+ }
2400
+
2401
+ function toString(a) {
2402
+ if (typeof a === 'number') {
2403
+ if (isNaN(a) || a === Infinity || a === -Infinity) {
2404
+ return '';
2405
+ }
2406
+
2407
+ return String(a);
2408
+ }
2409
+
2410
+ if (typeof a === 'string') {
2411
+ return a;
2412
+ }
2413
+
2414
+ return '';
2384
2415
  } // Mixed sorting is slow, but very inclusive of many edge cases.
2385
2416
  // It handles numbers, mixed alphanumeric combinations, and even
2386
2417
  // null, undefined, and Infinity
@@ -2427,48 +2458,17 @@
2427
2458
  }
2428
2459
 
2429
2460
  return a.length - b.length;
2430
- } // The text filter is more basic (less numeric support)
2431
- // but is much faster
2432
-
2433
-
2434
- function text(rowA, rowB, columnId) {
2435
- return compareBasic(toString(rowA.getValue(columnId)).toLowerCase(), toString(rowB.getValue(columnId)).toLowerCase());
2436
- } // The text filter is more basic (less numeric support)
2437
- // but is much faster
2438
-
2439
-
2440
- function textCaseSensitive(rowA, rowB, columnId) {
2441
- return compareBasic(toString(rowA.getValue(columnId)), toString(rowB.getValue(columnId)));
2442
- }
2443
-
2444
- function datetime(rowA, rowB, columnId) {
2445
- return compareBasic(rowA.getValue(columnId).getTime(), rowB.getValue(columnId).getTime());
2446
- }
2447
-
2448
- function basic(rowA, rowB, columnId) {
2449
- return compareBasic(rowA.getValue(columnId), rowB.getValue(columnId));
2450
- } // Utils
2461
+ } // Exports
2451
2462
 
2452
2463
 
2453
- function compareBasic(a, b) {
2454
- return a === b ? 0 : a > b ? 1 : -1;
2455
- }
2456
-
2457
- function toString(a) {
2458
- if (typeof a === 'number') {
2459
- if (isNaN(a) || a === Infinity || a === -Infinity) {
2460
- return '';
2461
- }
2462
-
2463
- return String(a);
2464
- }
2465
-
2466
- if (typeof a === 'string') {
2467
- return a;
2468
- }
2469
-
2470
- return '';
2471
- }
2464
+ const sortingFns = {
2465
+ alphanumeric,
2466
+ alphanumericCaseSensitive,
2467
+ text,
2468
+ textCaseSensitive,
2469
+ datetime,
2470
+ basic
2471
+ };
2472
2472
 
2473
2473
  //
2474
2474
  const Sorting = {
@@ -2692,11 +2692,6 @@
2692
2692
  onColumnVisibilityChange: makeStateUpdater('columnVisibility', instance)
2693
2693
  };
2694
2694
  },
2695
- getDefaultColumnDef: () => {
2696
- return {
2697
- defaultIsVisible: true
2698
- };
2699
- },
2700
2695
  createColumn: (column, instance) => {
2701
2696
  return {
2702
2697
  toggleVisibility: value => {
@@ -3680,25 +3675,17 @@
3680
3675
  return row._valuesCache[columnId];
3681
3676
  }
3682
3677
 
3683
- if (row.groupingValuesCache.hasOwnProperty(columnId)) {
3684
- return row.groupingValuesCache[columnId];
3678
+ if (row._groupingValuesCache.hasOwnProperty(columnId)) {
3679
+ return row._groupingValuesCache[columnId];
3685
3680
  } // Aggregate the values
3686
3681
 
3687
3682
 
3688
3683
  const column = instance.getColumn(columnId);
3689
- const aggregateFn = column.getColumnAggregationFn();
3684
+ const aggregateFn = column.getAggregationFn();
3690
3685
 
3691
3686
  if (aggregateFn) {
3692
- row.groupingValuesCache[columnId] = aggregateFn(() => leafRows.map(row => {
3693
- let columnValue = row.getValue(columnId);
3694
-
3695
- if (!depth && column.columnDef.aggregateValue) {
3696
- columnValue = column.columnDef.aggregateValue(columnValue);
3697
- }
3698
-
3699
- return columnValue;
3700
- }), () => groupedRows.map(row => row.getValue(columnId)));
3701
- return row.groupingValuesCache[columnId];
3687
+ row._groupingValuesCache[columnId] = aggregateFn(columnId, leafRows, groupedRows);
3688
+ return row._groupingValuesCache[columnId];
3702
3689
  } else if (column.aggregationFn) {
3703
3690
  console.info({
3704
3691
  column
@@ -3778,7 +3765,7 @@
3778
3765
  return rowModel;
3779
3766
  }
3780
3767
 
3781
- return expandRows(rowModel, instance);
3768
+ return expandRows(rowModel);
3782
3769
  }, {
3783
3770
  key: 'getExpandedRowModel',
3784
3771
  debug: () => {
@@ -3796,7 +3783,7 @@
3796
3783
 
3797
3784
  expandedRows.push(row);
3798
3785
 
3799
- if (instance.options.expandSubRows && (_row$subRows = row.subRows) != null && _row$subRows.length && row.getIsExpanded()) {
3786
+ if ((_row$subRows = row.subRows) != null && _row$subRows.length && row.getIsExpanded()) {
3800
3787
  row.subRows.forEach(handleRow);
3801
3788
  }
3802
3789
  };
@@ -3833,7 +3820,7 @@
3833
3820
  rows,
3834
3821
  flatRows,
3835
3822
  rowsById
3836
- }, instance);
3823
+ });
3837
3824
  }
3838
3825
 
3839
3826
  return {
@@ -3942,7 +3929,6 @@
3942
3929
  exports.isFunction = isFunction;
3943
3930
  exports.isRowSelected = isRowSelected;
3944
3931
  exports.makeStateUpdater = makeStateUpdater;
3945
- exports.mean = mean;
3946
3932
  exports.memo = memo;
3947
3933
  exports.noop = noop;
3948
3934
  exports.orderColumns = orderColumns;