@tanstack/svelte-table 8.0.0-alpha.72 → 8.0.0-alpha.76

package/build/stats-html.html

@@ -2669,7 +2669,7 @@ var drawChart = (function (exports) {
   </script>
   <script>
     /*<!--*/
-    const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.production.js","children":[{"name":"packages","children":[{"name":"table-core/build/esm/index.js","uid":"540e-163"},{"name":"svelte-table/src","children":[{"uid":"540e-165","name":"placeholder.svelte"},{"uid":"540e-167","name":"render-component.ts"},{"uid":"540e-169","name":"index.ts"}]}]}]}],"isRoot":true},"nodeParts":{"540e-163":{"renderedLength":142389,"gzipLength":24368,"brotliLength":0,"mainUid":"540e-162"},"540e-165":{"renderedLength":925,"gzipLength":444,"brotliLength":0,"mainUid":"540e-164"},"540e-167":{"renderedLength":1365,"gzipLength":519,"brotliLength":0,"mainUid":"540e-166"},"540e-169":{"renderedLength":1958,"gzipLength":709,"brotliLength":0,"mainUid":"540e-168"}},"nodeMetas":{"540e-162":{"id":"/packages/table-core/build/esm/index.js","moduleParts":{"index.production.js":"540e-163"},"imported":[],"importedBy":[{"uid":"540e-168"}]},"540e-164":{"id":"/packages/svelte-table/src/placeholder.svelte","moduleParts":{"index.production.js":"540e-165"},"imported":[{"uid":"540e-171"}],"importedBy":[{"uid":"540e-168"}]},"540e-166":{"id":"/packages/svelte-table/src/render-component.ts","moduleParts":{"index.production.js":"540e-167"},"imported":[{"uid":"540e-171"}],"importedBy":[{"uid":"540e-168"}]},"540e-168":{"id":"/packages/svelte-table/src/index.ts","moduleParts":{"index.production.js":"540e-169"},"imported":[{"uid":"540e-162"},{"uid":"540e-164"},{"uid":"540e-170"},{"uid":"540e-166"}],"importedBy":[],"isEntry":true},"540e-170":{"id":"svelte/store","moduleParts":{},"imported":[],"importedBy":[{"uid":"540e-168"}],"isExternal":true},"540e-171":{"id":"svelte/internal","moduleParts":{},"imported":[],"importedBy":[{"uid":"540e-164"},{"uid":"540e-166"}],"isExternal":true}},"env":{"rollup":"2.70.2"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
+    const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.production.js","children":[{"name":"packages","children":[{"name":"table-core/build/esm/index.js","uid":"e2ab-163"},{"name":"svelte-table/src","children":[{"uid":"e2ab-165","name":"placeholder.svelte"},{"uid":"e2ab-167","name":"render-component.ts"},{"uid":"e2ab-169","name":"index.ts"}]}]}]}],"isRoot":true},"nodeParts":{"e2ab-163":{"renderedLength":139597,"gzipLength":23873,"brotliLength":0,"mainUid":"e2ab-162"},"e2ab-165":{"renderedLength":925,"gzipLength":444,"brotliLength":0,"mainUid":"e2ab-164"},"e2ab-167":{"renderedLength":1365,"gzipLength":519,"brotliLength":0,"mainUid":"e2ab-166"},"e2ab-169":{"renderedLength":1958,"gzipLength":709,"brotliLength":0,"mainUid":"e2ab-168"}},"nodeMetas":{"e2ab-162":{"id":"/packages/table-core/build/esm/index.js","moduleParts":{"index.production.js":"e2ab-163"},"imported":[],"importedBy":[{"uid":"e2ab-168"}]},"e2ab-164":{"id":"/packages/svelte-table/src/placeholder.svelte","moduleParts":{"index.production.js":"e2ab-165"},"imported":[{"uid":"e2ab-171"}],"importedBy":[{"uid":"e2ab-168"}]},"e2ab-166":{"id":"/packages/svelte-table/src/render-component.ts","moduleParts":{"index.production.js":"e2ab-167"},"imported":[{"uid":"e2ab-171"}],"importedBy":[{"uid":"e2ab-168"}]},"e2ab-168":{"id":"/packages/svelte-table/src/index.ts","moduleParts":{"index.production.js":"e2ab-169"},"imported":[{"uid":"e2ab-162"},{"uid":"e2ab-164"},{"uid":"e2ab-170"},{"uid":"e2ab-166"}],"importedBy":[],"isEntry":true},"e2ab-170":{"id":"svelte/store","moduleParts":{},"imported":[],"importedBy":[{"uid":"e2ab-168"}],"isExternal":true},"e2ab-171":{"id":"svelte/internal","moduleParts":{},"imported":[],"importedBy":[{"uid":"e2ab-164"},{"uid":"e2ab-166"}],"isExternal":true}},"env":{"rollup":"2.70.2"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
 
     const run = () => {
       const width = window.innerWidth;

package/build/stats-react.json

@@ -11,21 +11,21 @@
             "children": [
               {
                 "name": "table-core/build/esm/index.js",
-                "uid": "540e-173"
+                "uid": "e2ab-173"
               },
               {
                 "name": "svelte-table/src",
                 "children": [
                   {
-                    "uid": "540e-175",
+                    "uid": "e2ab-175",
                     "name": "placeholder.svelte"
                   },
                   {
-                    "uid": "540e-177",
+                    "uid": "e2ab-177",
                     "name": "render-component.ts"
                   },
                   {
-                    "uid": "540e-179",
+                    "uid": "e2ab-179",
                     "name": "index.ts"
                   }
                 ]
@@ -38,119 +38,119 @@
     "isRoot": true
   },
   "nodeParts": {
-    "540e-173": {
-      "renderedLength": 142389,
-      "gzipLength": 24368,
+    "e2ab-173": {
+      "renderedLength": 139597,
+      "gzipLength": 23873,
       "brotliLength": 0,
-      "mainUid": "540e-172"
+      "mainUid": "e2ab-172"
     },
-    "540e-175": {
+    "e2ab-175": {
       "renderedLength": 925,
       "gzipLength": 444,
       "brotliLength": 0,
-      "mainUid": "540e-174"
+      "mainUid": "e2ab-174"
     },
-    "540e-177": {
+    "e2ab-177": {
       "renderedLength": 1365,
       "gzipLength": 519,
       "brotliLength": 0,
-      "mainUid": "540e-176"
+      "mainUid": "e2ab-176"
     },
-    "540e-179": {
+    "e2ab-179": {
       "renderedLength": 1958,
       "gzipLength": 709,
       "brotliLength": 0,
-      "mainUid": "540e-178"
+      "mainUid": "e2ab-178"
     }
   },
   "nodeMetas": {
-    "540e-172": {
+    "e2ab-172": {
       "id": "/packages/table-core/build/esm/index.js",
       "moduleParts": {
-        "index.production.js": "540e-173"
+        "index.production.js": "e2ab-173"
       },
       "imported": [],
       "importedBy": [
         {
-          "uid": "540e-178"
+          "uid": "e2ab-178"
         }
       ]
     },
-    "540e-174": {
+    "e2ab-174": {
       "id": "/packages/svelte-table/src/placeholder.svelte",
       "moduleParts": {
-        "index.production.js": "540e-175"
+        "index.production.js": "e2ab-175"
       },
       "imported": [
         {
-          "uid": "540e-181"
+          "uid": "e2ab-181"
         }
       ],
       "importedBy": [
         {
-          "uid": "540e-178"
+          "uid": "e2ab-178"
         }
       ]
     },
-    "540e-176": {
+    "e2ab-176": {
       "id": "/packages/svelte-table/src/render-component.ts",
       "moduleParts": {
-        "index.production.js": "540e-177"
+        "index.production.js": "e2ab-177"
       },
       "imported": [
         {
-          "uid": "540e-181"
+          "uid": "e2ab-181"
         }
       ],
       "importedBy": [
         {
-          "uid": "540e-178"
+          "uid": "e2ab-178"
         }
       ]
     },
-    "540e-178": {
+    "e2ab-178": {
       "id": "/packages/svelte-table/src/index.ts",
       "moduleParts": {
-        "index.production.js": "540e-179"
+        "index.production.js": "e2ab-179"
       },
       "imported": [
         {
-          "uid": "540e-172"
+          "uid": "e2ab-172"
         },
         {
-          "uid": "540e-174"
+          "uid": "e2ab-174"
         },
         {
-          "uid": "540e-180"
+          "uid": "e2ab-180"
         },
         {
-          "uid": "540e-176"
+          "uid": "e2ab-176"
         }
       ],
       "importedBy": [],
       "isEntry": true
     },
-    "540e-180": {
+    "e2ab-180": {
       "id": "svelte/store",
       "moduleParts": {},
       "imported": [],
       "importedBy": [
         {
-          "uid": "540e-178"
+          "uid": "e2ab-178"
         }
       ],
       "isExternal": true
     },
-    "540e-181": {
+    "e2ab-181": {
       "id": "svelte/internal",
       "moduleParts": {},
       "imported": [],
       "importedBy": [
         {
-          "uid": "540e-174"
+          "uid": "e2ab-174"
         },
         {
-          "uid": "540e-176"
+          "uid": "e2ab-176"
         }
       ],
       "isExternal": true

package/build/umd/index.development.js

@@ -385,7 +385,7 @@
             row,
             column,
             getValue: () => row.getValue(columnId),
-            renderCell: () => column.cell ? instance.render(column.cell, {
+            renderCell: () => column.cell ? instance._render(column.cell, {
               instance,
               column,
               row,
@@ -709,9 +709,10 @@
       return {
         _autoResetExpanded: () => {
           if (!registered) {
-            instance.queue(() => {
+            instance._queue(() => {
               registered = true;
             });
+
             return;
           }
 
@@ -722,7 +723,8 @@
           if (instance.options.autoResetAll === true || instance.options.autoResetExpanded) {
             if (queued) return;
             queued = true;
-            instance.queue(() => {
+
+            instance._queue(() => {
               instance.resetExpanded();
               queued = false;
             });
@@ -1406,7 +1408,7 @@
           var _column$aggregatedCel;
 
           const template = (_column$aggregatedCel = column.aggregatedCell) != null ? _column$aggregatedCel : column.cell;
-          return template ? instance.render(template, {
+          return template ? instance._render(template, {
             instance,
             column,
             row,
@@ -1507,8 +1509,7 @@
     },
     getDefaultOptions: instance => {
       return {
-        onPaginationChange: makeStateUpdater('pagination', instance),
-        autoResetPageIndex: true
+        onPaginationChange: makeStateUpdater('pagination', instance)
       };
     },
     createInstance: instance => {
@@ -1516,21 +1517,21 @@
       let queued = false;
       return {
         _autoResetPageIndex: () => {
+          var _ref, _instance$options$aut;
+
           if (!registered) {
-            instance.queue(() => {
+            instance._queue(() => {
               registered = true;
             });
-            return;
-          }
 
-          if (instance.options.autoResetAll === false) {
             return;
           }
 
-          if (instance.options.autoResetAll === true || instance.options.autoResetPageIndex) {
+          if ((_ref = (_instance$options$aut = instance.options.autoResetAll) != null ? _instance$options$aut : instance.options.autoResetPageIndex) != null ? _ref : !instance.options.manualPagination) {
             if (queued) return;
             queued = true;
-            instance.queue(() => {
+
+            instance._queue(() => {
               instance.resetPageIndex();
               queued = false;
             });
@@ -1552,7 +1553,7 @@
         setPageIndex: updater => {
           instance.setPagination(old => {
             let pageIndex = functionalUpdate(updater, old.pageIndex);
-            const maxPageIndex = old.pageCount && old.pageCount > 0 ? old.pageCount - 1 : Number.MAX_SAFE_INTEGER;
+            const maxPageIndex = typeof old.pageCount !== 'undefined' ? old.pageCount - 1 : Number.MAX_SAFE_INTEGER;
             pageIndex = Math.min(Math.max(0, pageIndex), maxPageIndex);
             return { ...old,
               pageIndex
@@ -2663,12 +2664,12 @@
               recurseHeader(header);
               return leafHeaders;
             },
-            renderHeader: () => column.header ? instance.render(column.header, {
+            renderHeader: () => column.header ? instance._render(column.header, {
               instance,
               header: header,
               column
             }) : null,
-            renderFooter: () => column.footer ? instance.render(column.footer, {
+            renderFooter: () => column.footer ? instance._render(column.footer, {
               instance,
               header: header,
               column
@@ -2708,8 +2709,10 @@
           }
         }),
         getLeftHeaderGroups: memo(() => [instance.getAllColumns(), instance.getVisibleLeafColumns(), instance.getState().columnPinning.left], (allColumns, leafColumns, left) => {
-          leafColumns = leafColumns.filter(column => left == null ? void 0 : left.includes(column.id));
-          return buildHeaderGroups(allColumns, leafColumns, instance, 'left');
+          var _left$map$filter;
+
+          const orderedLeafColumns = (_left$map$filter = left == null ? void 0 : left.map(columnId => leafColumns.find(d => d.id === columnId)).filter(Boolean)) != null ? _left$map$filter : [];
+          return buildHeaderGroups(allColumns, orderedLeafColumns, instance, 'left');
         }, {
           key: 'getLeftHeaderGroups',
           debug: () => {
@@ -2719,8 +2722,10 @@
           }
         }),
         getRightHeaderGroups: memo(() => [instance.getAllColumns(), instance.getVisibleLeafColumns(), instance.getState().columnPinning.right], (allColumns, leafColumns, right) => {
-          leafColumns = leafColumns.filter(column => right == null ? void 0 : right.includes(column.id));
-          return buildHeaderGroups(allColumns, leafColumns, instance, 'right');
+          var _right$map$filter;
+
+          const orderedLeafColumns = (_right$map$filter = right == null ? void 0 : right.map(columnId => leafColumns.find(d => d.id === columnId)).filter(Boolean)) != null ? _right$map$filter : [];
+          return buildHeaderGroups(allColumns, orderedLeafColumns, instance, 'right');
         }, {
           key: 'getRightHeaderGroups',
           debug: () => {
@@ -3031,7 +3036,6 @@
   //   data: Batch[]
   //   facets: Batch[]
   // }
-  // export type TaskPriority = keyof CoreBatches
   function createTableInstance$1(options) {
     var _options$initialState;
 
@@ -3070,64 +3074,7 @@
     });
 
     const queued = [];
-    let queuedTimeout = false; // let workScheduled = false
-    // let working = false
-    // let latestCallback: ReturnType<typeof requestIdleCallback>
-    // let batchUid = 0
-    // const onProgress = () => {}
-    // const getBatch = () => {
-    //   instance.batches.data = instance.batches.data.filter(d => d.tasks.length)
-    //   instance.batches.facets = instance.batches.facets.filter(
-    //     d => d.tasks.length
-    //   )
-    //   return (
-    //     instance.batches.data.find(d => d.tasks.length) ??
-    //     instance.batches.facets.find(d => d.tasks.length)
-    //   )
-    // }
-    // const startWorkLoop = () => {
-    //   working = true
-    //   const workLoop = (deadline: IdleDeadline) => {
-    //     const batch = getBatch()
-    //     if (!batch) {
-    //       working = false
-    //       return
-    //     }
-    //     // Prioritize tasks
-    //     while (deadline.timeRemaining() > 0 && batch.tasks.length) {
-    //       batch.tasks.shift()!()
-    //     }
-    //     onProgress()
-    //     if (working) {
-    //       latestCallback = requestIdleCallback(workLoop, { timeout: 10000 })
-    //     }
-    //   }
-    //   latestCallback = requestIdleCallback(workLoop, { timeout: 10000 })
-    // }
-    // const startWork = () => {
-    //   if (getBatch() && !working) {
-    //     if (
-    //       ("development" === 'development' && instance.options.debugAll) ??
-    //       instance.options.debugTable
-    //     ) {
-    //       console.info('Starting work...')
-    //     }
-    //     startWorkLoop()
-    //   }
-    // }
-    // const stopWork = () => {
-    //   if (working) {
-    //     if (
-    //       ("development" === 'development' && instance.options.debugAll) ??
-    //       instance.options.debugTable
-    //     ) {
-    //       console.info('Stopping work...')
-    //     }
-    //     working = false
-    //     cancelIdleCallback(latestCallback)
-    //   }
-    // }
-
+    let queuedTimeout = false;
     const midInstance = { ...instance,
       // init: () => {
       //   startWork()
@@ -3142,7 +3089,7 @@
         ...options
       },
       initialState,
-      queue: cb => {
+      _queue: cb => {
         queued.push(cb);
 
         if (!queuedTimeout) {
@@ -3160,39 +3107,6 @@
           }));
         }
       },
-      // batches: {
-      //   data: [],
-      //   facets: [],
-      // },
-      // createBatch: priority => {
-      //   const batchId = batchUid++
-      //   let canceled: boolean
-      //   const batch: Batch = {
-      //     id: batchId,
-      //     priority,
-      //     tasks: [],
-      //     schedule: cb => {
-      //       if (canceled) return
-      //       batch.tasks.push(cb)
-      //       if (!working && !workScheduled) {
-      //         workScheduled = true
-      //         instance.queue(() => {
-      //           workScheduled = false
-      //           instance.setState(old => ({ ...old }))
-      //         })
-      //       }
-      //     },
-      //     cancel: () => {
-      //       canceled = true
-      //       batch.tasks = []
-      //       instance.batches[priority] = instance.batches[priority].filter(
-      //         b => b.id !== batchId
-      //       )
-      //     },
-      //   }
-      //   instance.batches[priority].push(batch)
-      //   return batch
-      // },
       reset: () => {
         instance.setState(instance.initialState);
       },
@@ -3200,7 +3114,7 @@
         const newOptions = functionalUpdate(updater, instance.options);
         instance.options = mergeOptions(newOptions);
       },
-      render: (template, props) => {
+      _render: (template, props) => {
         if (typeof instance.options.render === 'function') {
           return instance.options.render(template, props);
         }
@@ -3303,69 +3217,55 @@
 
   function getCoreRowModel() {
     return instance => memo(() => [instance.options.data], data => {
-      // Access the row model using initial columns
-      const rows = [];
-      const flatRows = [];
-      const rowsById = {};
-      const leafColumns = instance.getAllLeafColumns();
+      const rowModel = {
+        rows: [],
+        flatRows: [],
+        rowsById: {}
+      };
+      let rows;
+      let row;
+      let originalRow;
 
-      const accessRow = function (originalRow, rowIndex, depth, parentRows, parent) {
+      const accessRows = function (originalRows, depth, parent) {
         if (depth === void 0) {
           depth = 0;
         }
 
-        const id = instance.getRowId(originalRow, rowIndex, parent);
-
-        if (!id) {
-          {
-            throw new Error("getRowId expected an ID, but got " + id);
-          }
-        }
-
-        const values = {};
-
-        for (let i = 0; i < leafColumns.length; i++) {
-          const column = leafColumns[i];
-
-          if (column && column.accessorFn) {
-            values[column.id] = column.accessorFn(originalRow, rowIndex);
-          }
-        } // Make the row
+        rows = [];
 
+        for (let i = 0; i < originalRows.length; i++) {
+          originalRow = originalRows[i]; // This could be an expensive check at scale, so we should move it somewhere else, but where?
+          // if (!id) {
+          //   if ("development" !== 'production') {
+          //     throw new Error(`getRowId expected an ID, but got ${id}`)
+          //   }
+          // }
+          // Make the row
 
-        const row = instance.createRow(id, originalRow, rowIndex, depth); // Push instance row into the parentRows array
+          row = instance.createRow(instance.getRowId(originalRow, i, parent), originalRow, i, depth); // Keep track of every row in a flat array
 
-        parentRows.push(row); // Keep track of every row in a flat array
+          rowModel.flatRows.push(row); // Also keep track of every row by its ID
 
-        flatRows.push(row); // Also keep track of every row by its ID
+          rowModel.rowsById[row.id] = row; // Push instance row into parent
 
-        rowsById[id] = row; // Get the original subrows
+          rows.push(row); // Get the original subrows
 
-        if (instance.options.getSubRows) {
-          const originalSubRows = instance.options.getSubRows(originalRow, rowIndex); // Then recursively access them
+          if (instance.options.getSubRows) {
+            var _row$originalSubRows;
 
-          if (originalSubRows != null && originalSubRows.length) {
-            row.originalSubRows = originalSubRows;
-            const subRows = [];
+            row.originalSubRows = instance.options.getSubRows(originalRow, i); // Then recursively access them
 
-            for (let i = 0; i < row.originalSubRows.length; i++) {
-              accessRow(row.originalSubRows[i], i, depth + 1, subRows, row);
+            if ((_row$originalSubRows = row.originalSubRows) != null && _row$originalSubRows.length) {
+              row.subRows = accessRows(row.originalSubRows, depth + 1, row);
             }
-
-            row.subRows = subRows;
           }
         }
-      };
-
-      for (let i = 0; i < data.length; i++) {
-        accessRow(data[i], i, 0, rows);
-      }
 
-      return {
-        rows,
-        flatRows,
-        rowsById
+        return rows;
       };
+
+      rowModel.rows = accessRows(data);
+      return rowModel;
     }, {
       key: 'getRowModel',
       debug: () => {
@@ -3899,7 +3799,7 @@
         return (_instance$options$deb = instance.options.debugAll) != null ? _instance$options$deb : instance.options.debugTable;
       },
       onChange: () => {
-        instance.queue(() => {
+        instance._queue(() => {
           instance._autoResetExpanded();
 
           instance._autoResetPageIndex();