@tanstack/svelte-table 8.0.0-alpha.71 → 8.0.0-alpha.74

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":"9906-163"},{"name":"svelte-table/src","children":[{"uid":"9906-165","name":"placeholder.svelte"},{"uid":"9906-167","name":"render-component.ts"},{"uid":"9906-169","name":"index.ts"}]}]}]}],"isRoot":true},"nodeParts":{"9906-163":{"renderedLength":142389,"gzipLength":24368,"brotliLength":0,"mainUid":"9906-162"},"9906-165":{"renderedLength":925,"gzipLength":444,"brotliLength":0,"mainUid":"9906-164"},"9906-167":{"renderedLength":1365,"gzipLength":519,"brotliLength":0,"mainUid":"9906-166"},"9906-169":{"renderedLength":1958,"gzipLength":709,"brotliLength":0,"mainUid":"9906-168"}},"nodeMetas":{"9906-162":{"id":"/packages/table-core/build/esm/index.js","moduleParts":{"index.production.js":"9906-163"},"imported":[],"importedBy":[{"uid":"9906-168"}]},"9906-164":{"id":"/packages/svelte-table/src/placeholder.svelte","moduleParts":{"index.production.js":"9906-165"},"imported":[{"uid":"9906-171"}],"importedBy":[{"uid":"9906-168"}]},"9906-166":{"id":"/packages/svelte-table/src/render-component.ts","moduleParts":{"index.production.js":"9906-167"},"imported":[{"uid":"9906-171"}],"importedBy":[{"uid":"9906-168"}]},"9906-168":{"id":"/packages/svelte-table/src/index.ts","moduleParts":{"index.production.js":"9906-169"},"imported":[{"uid":"9906-162"},{"uid":"9906-164"},{"uid":"9906-170"},{"uid":"9906-166"}],"importedBy":[],"isEntry":true},"9906-170":{"id":"svelte/store","moduleParts":{},"imported":[],"importedBy":[{"uid":"9906-168"}],"isExternal":true},"9906-171":{"id":"svelte/internal","moduleParts":{},"imported":[],"importedBy":[{"uid":"9906-164"},{"uid":"9906-166"}],"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":"0ced-163"},{"name":"svelte-table/src","children":[{"uid":"0ced-165","name":"placeholder.svelte"},{"uid":"0ced-167","name":"render-component.ts"},{"uid":"0ced-169","name":"index.ts"}]}]}]}],"isRoot":true},"nodeParts":{"0ced-163":{"renderedLength":139334,"gzipLength":23814,"brotliLength":0,"mainUid":"0ced-162"},"0ced-165":{"renderedLength":925,"gzipLength":444,"brotliLength":0,"mainUid":"0ced-164"},"0ced-167":{"renderedLength":1365,"gzipLength":519,"brotliLength":0,"mainUid":"0ced-166"},"0ced-169":{"renderedLength":1958,"gzipLength":709,"brotliLength":0,"mainUid":"0ced-168"}},"nodeMetas":{"0ced-162":{"id":"/packages/table-core/build/esm/index.js","moduleParts":{"index.production.js":"0ced-163"},"imported":[],"importedBy":[{"uid":"0ced-168"}]},"0ced-164":{"id":"/packages/svelte-table/src/placeholder.svelte","moduleParts":{"index.production.js":"0ced-165"},"imported":[{"uid":"0ced-171"}],"importedBy":[{"uid":"0ced-168"}]},"0ced-166":{"id":"/packages/svelte-table/src/render-component.ts","moduleParts":{"index.production.js":"0ced-167"},"imported":[{"uid":"0ced-171"}],"importedBy":[{"uid":"0ced-168"}]},"0ced-168":{"id":"/packages/svelte-table/src/index.ts","moduleParts":{"index.production.js":"0ced-169"},"imported":[{"uid":"0ced-162"},{"uid":"0ced-164"},{"uid":"0ced-170"},{"uid":"0ced-166"}],"importedBy":[],"isEntry":true},"0ced-170":{"id":"svelte/store","moduleParts":{},"imported":[],"importedBy":[{"uid":"0ced-168"}],"isExternal":true},"0ced-171":{"id":"svelte/internal","moduleParts":{},"imported":[],"importedBy":[{"uid":"0ced-164"},{"uid":"0ced-166"}],"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,21 +11,21 @@
11
11
  "children": [
12
12
  {
13
13
  "name": "table-core/build/esm/index.js",
14
- "uid": "9906-173"
14
+ "uid": "0ced-173"
15
15
  },
16
16
  {
17
17
  "name": "svelte-table/src",
18
18
  "children": [
19
19
  {
20
- "uid": "9906-175",
20
+ "uid": "0ced-175",
21
21
  "name": "placeholder.svelte"
22
22
  },
23
23
  {
24
- "uid": "9906-177",
24
+ "uid": "0ced-177",
25
25
  "name": "render-component.ts"
26
26
  },
27
27
  {
28
- "uid": "9906-179",
28
+ "uid": "0ced-179",
29
29
  "name": "index.ts"
30
30
  }
31
31
  ]
@@ -38,119 +38,119 @@
38
38
  "isRoot": true
39
39
  },
40
40
  "nodeParts": {
41
- "9906-173": {
42
- "renderedLength": 142389,
43
- "gzipLength": 24368,
41
+ "0ced-173": {
42
+ "renderedLength": 139334,
43
+ "gzipLength": 23814,
44
44
  "brotliLength": 0,
45
- "mainUid": "9906-172"
45
+ "mainUid": "0ced-172"
46
46
  },
47
- "9906-175": {
47
+ "0ced-175": {
48
48
  "renderedLength": 925,
49
49
  "gzipLength": 444,
50
50
  "brotliLength": 0,
51
- "mainUid": "9906-174"
51
+ "mainUid": "0ced-174"
52
52
  },
53
- "9906-177": {
53
+ "0ced-177": {
54
54
  "renderedLength": 1365,
55
55
  "gzipLength": 519,
56
56
  "brotliLength": 0,
57
- "mainUid": "9906-176"
57
+ "mainUid": "0ced-176"
58
58
  },
59
- "9906-179": {
59
+ "0ced-179": {
60
60
  "renderedLength": 1958,
61
61
  "gzipLength": 709,
62
62
  "brotliLength": 0,
63
- "mainUid": "9906-178"
63
+ "mainUid": "0ced-178"
64
64
  }
65
65
  },
66
66
  "nodeMetas": {
67
- "9906-172": {
67
+ "0ced-172": {
68
68
  "id": "/packages/table-core/build/esm/index.js",
69
69
  "moduleParts": {
70
- "index.production.js": "9906-173"
70
+ "index.production.js": "0ced-173"
71
71
  },
72
72
  "imported": [],
73
73
  "importedBy": [
74
74
  {
75
- "uid": "9906-178"
75
+ "uid": "0ced-178"
76
76
  }
77
77
  ]
78
78
  },
79
- "9906-174": {
79
+ "0ced-174": {
80
80
  "id": "/packages/svelte-table/src/placeholder.svelte",
81
81
  "moduleParts": {
82
- "index.production.js": "9906-175"
82
+ "index.production.js": "0ced-175"
83
83
  },
84
84
  "imported": [
85
85
  {
86
- "uid": "9906-181"
86
+ "uid": "0ced-181"
87
87
  }
88
88
  ],
89
89
  "importedBy": [
90
90
  {
91
- "uid": "9906-178"
91
+ "uid": "0ced-178"
92
92
  }
93
93
  ]
94
94
  },
95
- "9906-176": {
95
+ "0ced-176": {
96
96
  "id": "/packages/svelte-table/src/render-component.ts",
97
97
  "moduleParts": {
98
- "index.production.js": "9906-177"
98
+ "index.production.js": "0ced-177"
99
99
  },
100
100
  "imported": [
101
101
  {
102
- "uid": "9906-181"
102
+ "uid": "0ced-181"
103
103
  }
104
104
  ],
105
105
  "importedBy": [
106
106
  {
107
- "uid": "9906-178"
107
+ "uid": "0ced-178"
108
108
  }
109
109
  ]
110
110
  },
111
- "9906-178": {
111
+ "0ced-178": {
112
112
  "id": "/packages/svelte-table/src/index.ts",
113
113
  "moduleParts": {
114
- "index.production.js": "9906-179"
114
+ "index.production.js": "0ced-179"
115
115
  },
116
116
  "imported": [
117
117
  {
118
- "uid": "9906-172"
118
+ "uid": "0ced-172"
119
119
  },
120
120
  {
121
- "uid": "9906-174"
121
+ "uid": "0ced-174"
122
122
  },
123
123
  {
124
- "uid": "9906-180"
124
+ "uid": "0ced-180"
125
125
  },
126
126
  {
127
- "uid": "9906-176"
127
+ "uid": "0ced-176"
128
128
  }
129
129
  ],
130
130
  "importedBy": [],
131
131
  "isEntry": true
132
132
  },
133
- "9906-180": {
133
+ "0ced-180": {
134
134
  "id": "svelte/store",
135
135
  "moduleParts": {},
136
136
  "imported": [],
137
137
  "importedBy": [
138
138
  {
139
- "uid": "9906-178"
139
+ "uid": "0ced-178"
140
140
  }
141
141
  ],
142
142
  "isExternal": true
143
143
  },
144
- "9906-181": {
144
+ "0ced-181": {
145
145
  "id": "svelte/internal",
146
146
  "moduleParts": {},
147
147
  "imported": [],
148
148
  "importedBy": [
149
149
  {
150
- "uid": "9906-174"
150
+ "uid": "0ced-174"
151
151
  },
152
152
  {
153
- "uid": "9906-176"
153
+ "uid": "0ced-176"
154
154
  }
155
155
  ],
156
156
  "isExternal": true
@@ -385,7 +385,7 @@
385
385
  row,
386
386
  column,
387
387
  getValue: () => row.getValue(columnId),
388
- renderCell: () => column.cell ? instance.render(column.cell, {
388
+ renderCell: () => column.cell ? instance._render(column.cell, {
389
389
  instance,
390
390
  column,
391
391
  row,
@@ -709,9 +709,10 @@
709
709
  return {
710
710
  _autoResetExpanded: () => {
711
711
  if (!registered) {
712
- instance.queue(() => {
712
+ instance._queue(() => {
713
713
  registered = true;
714
714
  });
715
+
715
716
  return;
716
717
  }
717
718
 
@@ -722,7 +723,8 @@
722
723
  if (instance.options.autoResetAll === true || instance.options.autoResetExpanded) {
723
724
  if (queued) return;
724
725
  queued = true;
725
- instance.queue(() => {
726
+
727
+ instance._queue(() => {
726
728
  instance.resetExpanded();
727
729
  queued = false;
728
730
  });
@@ -1406,7 +1408,7 @@
1406
1408
  var _column$aggregatedCel;
1407
1409
 
1408
1410
  const template = (_column$aggregatedCel = column.aggregatedCell) != null ? _column$aggregatedCel : column.cell;
1409
- return template ? instance.render(template, {
1411
+ return template ? instance._render(template, {
1410
1412
  instance,
1411
1413
  column,
1412
1414
  row,
@@ -1507,8 +1509,7 @@
1507
1509
  },
1508
1510
  getDefaultOptions: instance => {
1509
1511
  return {
1510
- onPaginationChange: makeStateUpdater('pagination', instance),
1511
- autoResetPageIndex: true
1512
+ onPaginationChange: makeStateUpdater('pagination', instance)
1512
1513
  };
1513
1514
  },
1514
1515
  createInstance: instance => {
@@ -1516,21 +1517,21 @@
1516
1517
  let queued = false;
1517
1518
  return {
1518
1519
  _autoResetPageIndex: () => {
1520
+ var _ref, _instance$options$aut;
1521
+
1519
1522
  if (!registered) {
1520
- instance.queue(() => {
1523
+ instance._queue(() => {
1521
1524
  registered = true;
1522
1525
  });
1523
- return;
1524
- }
1525
1526
 
1526
- if (instance.options.autoResetAll === false) {
1527
1527
  return;
1528
1528
  }
1529
1529
 
1530
- if (instance.options.autoResetAll === true || instance.options.autoResetPageIndex) {
1530
+ if ((_ref = (_instance$options$aut = instance.options.autoResetAll) != null ? _instance$options$aut : instance.options.autoResetPageIndex) != null ? _ref : !instance.options.manualPagination) {
1531
1531
  if (queued) return;
1532
1532
  queued = true;
1533
- instance.queue(() => {
1533
+
1534
+ instance._queue(() => {
1534
1535
  instance.resetPageIndex();
1535
1536
  queued = false;
1536
1537
  });
@@ -1552,7 +1553,7 @@
1552
1553
  setPageIndex: updater => {
1553
1554
  instance.setPagination(old => {
1554
1555
  let pageIndex = functionalUpdate(updater, old.pageIndex);
1555
- const maxPageIndex = old.pageCount && old.pageCount > 0 ? old.pageCount - 1 : Number.MAX_SAFE_INTEGER;
1556
+ const maxPageIndex = typeof old.pageCount !== 'undefined' ? old.pageCount - 1 : Number.MAX_SAFE_INTEGER;
1556
1557
  pageIndex = Math.min(Math.max(0, pageIndex), maxPageIndex);
1557
1558
  return { ...old,
1558
1559
  pageIndex
@@ -2663,12 +2664,12 @@
2663
2664
  recurseHeader(header);
2664
2665
  return leafHeaders;
2665
2666
  },
2666
- renderHeader: () => column.header ? instance.render(column.header, {
2667
+ renderHeader: () => column.header ? instance._render(column.header, {
2667
2668
  instance,
2668
2669
  header: header,
2669
2670
  column
2670
2671
  }) : null,
2671
- renderFooter: () => column.footer ? instance.render(column.footer, {
2672
+ renderFooter: () => column.footer ? instance._render(column.footer, {
2672
2673
  instance,
2673
2674
  header: header,
2674
2675
  column
@@ -3031,7 +3032,6 @@
3031
3032
  // data: Batch[]
3032
3033
  // facets: Batch[]
3033
3034
  // }
3034
- // export type TaskPriority = keyof CoreBatches
3035
3035
  function createTableInstance$1(options) {
3036
3036
  var _options$initialState;
3037
3037
 
@@ -3070,64 +3070,7 @@
3070
3070
  });
3071
3071
 
3072
3072
  const queued = [];
3073
- let queuedTimeout = false; // let workScheduled = false
3074
- // let working = false
3075
- // let latestCallback: ReturnType<typeof requestIdleCallback>
3076
- // let batchUid = 0
3077
- // const onProgress = () => {}
3078
- // const getBatch = () => {
3079
- // instance.batches.data = instance.batches.data.filter(d => d.tasks.length)
3080
- // instance.batches.facets = instance.batches.facets.filter(
3081
- // d => d.tasks.length
3082
- // )
3083
- // return (
3084
- // instance.batches.data.find(d => d.tasks.length) ??
3085
- // instance.batches.facets.find(d => d.tasks.length)
3086
- // )
3087
- // }
3088
- // const startWorkLoop = () => {
3089
- // working = true
3090
- // const workLoop = (deadline: IdleDeadline) => {
3091
- // const batch = getBatch()
3092
- // if (!batch) {
3093
- // working = false
3094
- // return
3095
- // }
3096
- // // Prioritize tasks
3097
- // while (deadline.timeRemaining() > 0 && batch.tasks.length) {
3098
- // batch.tasks.shift()!()
3099
- // }
3100
- // onProgress()
3101
- // if (working) {
3102
- // latestCallback = requestIdleCallback(workLoop, { timeout: 10000 })
3103
- // }
3104
- // }
3105
- // latestCallback = requestIdleCallback(workLoop, { timeout: 10000 })
3106
- // }
3107
- // const startWork = () => {
3108
- // if (getBatch() && !working) {
3109
- // if (
3110
- // ("development" === 'development' && instance.options.debugAll) ??
3111
- // instance.options.debugTable
3112
- // ) {
3113
- // console.info('Starting work...')
3114
- // }
3115
- // startWorkLoop()
3116
- // }
3117
- // }
3118
- // const stopWork = () => {
3119
- // if (working) {
3120
- // if (
3121
- // ("development" === 'development' && instance.options.debugAll) ??
3122
- // instance.options.debugTable
3123
- // ) {
3124
- // console.info('Stopping work...')
3125
- // }
3126
- // working = false
3127
- // cancelIdleCallback(latestCallback)
3128
- // }
3129
- // }
3130
-
3073
+ let queuedTimeout = false;
3131
3074
  const midInstance = { ...instance,
3132
3075
  // init: () => {
3133
3076
  // startWork()
@@ -3142,7 +3085,7 @@
3142
3085
  ...options
3143
3086
  },
3144
3087
  initialState,
3145
- queue: cb => {
3088
+ _queue: cb => {
3146
3089
  queued.push(cb);
3147
3090
 
3148
3091
  if (!queuedTimeout) {
@@ -3160,39 +3103,6 @@
3160
3103
  }));
3161
3104
  }
3162
3105
  },
3163
- // batches: {
3164
- // data: [],
3165
- // facets: [],
3166
- // },
3167
- // createBatch: priority => {
3168
- // const batchId = batchUid++
3169
- // let canceled: boolean
3170
- // const batch: Batch = {
3171
- // id: batchId,
3172
- // priority,
3173
- // tasks: [],
3174
- // schedule: cb => {
3175
- // if (canceled) return
3176
- // batch.tasks.push(cb)
3177
- // if (!working && !workScheduled) {
3178
- // workScheduled = true
3179
- // instance.queue(() => {
3180
- // workScheduled = false
3181
- // instance.setState(old => ({ ...old }))
3182
- // })
3183
- // }
3184
- // },
3185
- // cancel: () => {
3186
- // canceled = true
3187
- // batch.tasks = []
3188
- // instance.batches[priority] = instance.batches[priority].filter(
3189
- // b => b.id !== batchId
3190
- // )
3191
- // },
3192
- // }
3193
- // instance.batches[priority].push(batch)
3194
- // return batch
3195
- // },
3196
3106
  reset: () => {
3197
3107
  instance.setState(instance.initialState);
3198
3108
  },
@@ -3200,7 +3110,7 @@
3200
3110
  const newOptions = functionalUpdate(updater, instance.options);
3201
3111
  instance.options = mergeOptions(newOptions);
3202
3112
  },
3203
- render: (template, props) => {
3113
+ _render: (template, props) => {
3204
3114
  if (typeof instance.options.render === 'function') {
3205
3115
  return instance.options.render(template, props);
3206
3116
  }
@@ -3303,69 +3213,55 @@
3303
3213
 
3304
3214
  function getCoreRowModel() {
3305
3215
  return instance => memo(() => [instance.options.data], data => {
3306
- // Access the row model using initial columns
3307
- const rows = [];
3308
- const flatRows = [];
3309
- const rowsById = {};
3310
- const leafColumns = instance.getAllLeafColumns();
3216
+ const rowModel = {
3217
+ rows: [],
3218
+ flatRows: [],
3219
+ rowsById: {}
3220
+ };
3221
+ let rows;
3222
+ let row;
3223
+ let originalRow;
3311
3224
 
3312
- const accessRow = function (originalRow, rowIndex, depth, parentRows, parent) {
3225
+ const accessRows = function (originalRows, depth, parent) {
3313
3226
  if (depth === void 0) {
3314
3227
  depth = 0;
3315
3228
  }
3316
3229
 
3317
- const id = instance.getRowId(originalRow, rowIndex, parent);
3318
-
3319
- if (!id) {
3320
- {
3321
- throw new Error("getRowId expected an ID, but got " + id);
3322
- }
3323
- }
3324
-
3325
- const values = {};
3326
-
3327
- for (let i = 0; i < leafColumns.length; i++) {
3328
- const column = leafColumns[i];
3329
-
3330
- if (column && column.accessorFn) {
3331
- values[column.id] = column.accessorFn(originalRow, rowIndex);
3332
- }
3333
- } // Make the row
3230
+ rows = [];
3334
3231
 
3232
+ for (let i = 0; i < originalRows.length; i++) {
3233
+ originalRow = originalRows[i]; // This could be an expensive check at scale, so we should move it somewhere else, but where?
3234
+ // if (!id) {
3235
+ // if ("development" !== 'production') {
3236
+ // throw new Error(`getRowId expected an ID, but got ${id}`)
3237
+ // }
3238
+ // }
3239
+ // Make the row
3335
3240
 
3336
- const row = instance.createRow(id, originalRow, rowIndex, depth); // Push instance row into the parentRows array
3241
+ row = instance.createRow(instance.getRowId(originalRow, i, parent), originalRow, i, depth); // Keep track of every row in a flat array
3337
3242
 
3338
- parentRows.push(row); // Keep track of every row in a flat array
3243
+ rowModel.flatRows.push(row); // Also keep track of every row by its ID
3339
3244
 
3340
- flatRows.push(row); // Also keep track of every row by its ID
3245
+ rowModel.rowsById[row.id] = row; // Push instance row into parent
3341
3246
 
3342
- rowsById[id] = row; // Get the original subrows
3247
+ rows.push(row); // Get the original subrows
3343
3248
 
3344
- if (instance.options.getSubRows) {
3345
- const originalSubRows = instance.options.getSubRows(originalRow, rowIndex); // Then recursively access them
3249
+ if (instance.options.getSubRows) {
3250
+ var _row$originalSubRows;
3346
3251
 
3347
- if (originalSubRows != null && originalSubRows.length) {
3348
- row.originalSubRows = originalSubRows;
3349
- const subRows = [];
3252
+ row.originalSubRows = instance.options.getSubRows(originalRow, i); // Then recursively access them
3350
3253
 
3351
- for (let i = 0; i < row.originalSubRows.length; i++) {
3352
- accessRow(row.originalSubRows[i], i, depth + 1, subRows, row);
3254
+ if ((_row$originalSubRows = row.originalSubRows) != null && _row$originalSubRows.length) {
3255
+ row.subRows = accessRows(row.originalSubRows, depth + 1, row);
3353
3256
  }
3354
-
3355
- row.subRows = subRows;
3356
3257
  }
3357
3258
  }
3358
- };
3359
3259
 
3360
- for (let i = 0; i < data.length; i++) {
3361
- accessRow(data[i], i, 0, rows);
3362
- }
3363
-
3364
- return {
3365
- rows,
3366
- flatRows,
3367
- rowsById
3260
+ return rows;
3368
3261
  };
3262
+
3263
+ rowModel.rows = accessRows(data);
3264
+ return rowModel;
3369
3265
  }, {
3370
3266
  key: 'getRowModel',
3371
3267
  debug: () => {
@@ -3899,7 +3795,7 @@
3899
3795
  return (_instance$options$deb = instance.options.debugAll) != null ? _instance$options$deb : instance.options.debugTable;
3900
3796
  },
3901
3797
  onChange: () => {
3902
- instance.queue(() => {
3798
+ instance._queue(() => {
3903
3799
  instance._autoResetExpanded();
3904
3800
 
3905
3801
  instance._autoResetPageIndex();