@tanstack/svelte-table 8.2.5 → 8.3.1

package/build/stats-react.json

@@ -11,25 +11,25 @@
             "children": [
               {
                 "name": "table-core/build/esm/index.js",
-                "uid": "3cee-171"
+                "uid": "d409-175"
               },
               {
                 "name": "svelte-table/src",
                 "children": [
                   {
-                    "uid": "3cee-173",
+                    "uid": "d409-177",
                     "name": "placeholder.svelte"
                   },
                   {
-                    "uid": "3cee-175",
+                    "uid": "d409-179",
                     "name": "placeholder.ts"
                   },
                   {
-                    "uid": "3cee-177",
+                    "uid": "d409-181",
                     "name": "render-component.ts"
                   },
                   {
-                    "uid": "3cee-179",
+                    "uid": "d409-183",
                     "name": "index.ts"
                   }
                 ]
@@ -42,160 +42,160 @@
     "isRoot": true
   },
   "nodeParts": {
-    "3cee-171": {
-      "renderedLength": 135079,
-      "gzipLength": 23290,
+    "d409-175": {
+      "renderedLength": 136731,
+      "gzipLength": 23744,
       "brotliLength": 0,
-      "mainUid": "3cee-170"
+      "mainUid": "d409-174"
     },
-    "3cee-173": {
+    "d409-177": {
       "renderedLength": 927,
       "gzipLength": 445,
       "brotliLength": 0,
-      "mainUid": "3cee-172"
+      "mainUid": "d409-176"
     },
-    "3cee-175": {
+    "d409-179": {
       "renderedLength": 246,
       "gzipLength": 184,
       "brotliLength": 0,
-      "mainUid": "3cee-174"
+      "mainUid": "d409-178"
     },
-    "3cee-177": {
+    "d409-181": {
       "renderedLength": 1458,
       "gzipLength": 539,
       "brotliLength": 0,
-      "mainUid": "3cee-176"
+      "mainUid": "d409-180"
     },
-    "3cee-179": {
+    "d409-183": {
       "renderedLength": 2915,
       "gzipLength": 958,
       "brotliLength": 0,
-      "mainUid": "3cee-178"
+      "mainUid": "d409-182"
     }
   },
   "nodeMetas": {
-    "3cee-170": {
+    "d409-174": {
       "id": "/packages/table-core/build/esm/index.js",
       "moduleParts": {
-        "index.production.js": "3cee-171"
+        "index.production.js": "d409-175"
       },
       "imported": [],
       "importedBy": [
         {
-          "uid": "3cee-178"
+          "uid": "d409-182"
         }
       ]
     },
-    "3cee-172": {
+    "d409-176": {
       "id": "/packages/svelte-table/src/placeholder.svelte",
       "moduleParts": {
-        "index.production.js": "3cee-173"
+        "index.production.js": "d409-177"
       },
       "imported": [
         {
-          "uid": "3cee-180"
+          "uid": "d409-184"
         }
       ],
       "importedBy": [
         {
-          "uid": "3cee-174"
+          "uid": "d409-178"
         }
       ]
     },
-    "3cee-174": {
+    "d409-178": {
       "id": "/packages/svelte-table/src/placeholder.ts",
       "moduleParts": {
-        "index.production.js": "3cee-175"
+        "index.production.js": "d409-179"
       },
       "imported": [
         {
-          "uid": "3cee-180"
+          "uid": "d409-184"
         },
         {
-          "uid": "3cee-172"
+          "uid": "d409-176"
         }
       ],
       "importedBy": [
         {
-          "uid": "3cee-178"
+          "uid": "d409-182"
         }
       ]
     },
-    "3cee-176": {
+    "d409-180": {
       "id": "/packages/svelte-table/src/render-component.ts",
       "moduleParts": {
-        "index.production.js": "3cee-177"
+        "index.production.js": "d409-181"
       },
       "imported": [
         {
-          "uid": "3cee-180"
+          "uid": "d409-184"
         }
       ],
       "importedBy": [
         {
-          "uid": "3cee-178"
+          "uid": "d409-182"
         }
       ]
     },
-    "3cee-178": {
+    "d409-182": {
       "id": "/packages/svelte-table/src/index.ts",
       "moduleParts": {
-        "index.production.js": "3cee-179"
+        "index.production.js": "d409-183"
       },
       "imported": [
         {
-          "uid": "3cee-170"
+          "uid": "d409-174"
         },
         {
-          "uid": "3cee-174"
+          "uid": "d409-178"
         },
         {
-          "uid": "3cee-180"
+          "uid": "d409-184"
         },
         {
-          "uid": "3cee-181"
+          "uid": "d409-185"
         },
         {
-          "uid": "3cee-176"
+          "uid": "d409-180"
         }
       ],
       "importedBy": [],
       "isEntry": true
     },
-    "3cee-180": {
+    "d409-184": {
       "id": "svelte/internal",
       "moduleParts": {},
       "imported": [],
       "importedBy": [
         {
-          "uid": "3cee-178"
+          "uid": "d409-182"
         },
         {
-          "uid": "3cee-174"
+          "uid": "d409-178"
         },
         {
-          "uid": "3cee-176"
+          "uid": "d409-180"
         },
         {
-          "uid": "3cee-172"
+          "uid": "d409-176"
         }
       ],
       "isExternal": true
     },
-    "3cee-181": {
+    "d409-185": {
       "id": "svelte/store",
       "moduleParts": {},
       "imported": [],
       "importedBy": [
         {
-          "uid": "3cee-178"
+          "uid": "d409-182"
         }
       ],
       "isExternal": true
     }
   },
   "env": {
-    "rollup": "2.76.0"
+    "rollup": "2.77.0"
   },
   "options": {
     "gzip": true,

package/build/umd/index.development.js

@@ -24,6 +24,9 @@
    *
    * @license MIT
    */
+  // Is this type a tuple?
+  // If this type is a tuple, what indices are allowed?
+  ///
   function functionalUpdate(updater, input) {
     return typeof updater === 'function' ? updater(input) : updater;
   }
@@ -109,13 +112,27 @@
     const resolvedColumnDef = { ...defaultColumn,
       ...columnDef
     };
-    let id = (_ref = (_resolvedColumnDef$id = resolvedColumnDef.id) != null ? _resolvedColumnDef$id : resolvedColumnDef.accessorKey) != null ? _ref : typeof resolvedColumnDef.header === 'string' ? resolvedColumnDef.header : undefined;
+    const accessorKey = resolvedColumnDef.accessorKey;
+    let id = (_ref = (_resolvedColumnDef$id = resolvedColumnDef.id) != null ? _resolvedColumnDef$id : accessorKey ? accessorKey.replace('.', '_') : undefined) != null ? _ref : typeof resolvedColumnDef.header === 'string' ? resolvedColumnDef.header : undefined;
     let accessorFn;
 
     if (resolvedColumnDef.accessorFn) {
       accessorFn = resolvedColumnDef.accessorFn;
-    } else if (resolvedColumnDef.accessorKey) {
-      accessorFn = originalRow => originalRow[resolvedColumnDef.accessorKey];
+    } else if (accessorKey) {
+      // Support deep accessor keys
+      if (accessorKey.includes('.')) {
+        accessorFn = originalRow => {
+          let result = originalRow;
+
+          for (const key of accessorKey.split('.')) {
+            result = result[key];
+          }
+
+          return result;
+        };
+      } else {
+        accessorFn = originalRow => originalRow[resolvedColumnDef.accessorKey];
+      }
     }
 
     if (!id) {
@@ -1109,7 +1126,7 @@
           var _table$getCoreRowMode, _table$getCoreRowMode2;
 
           const value = (_table$getCoreRowMode = table.getCoreRowModel().flatRows[0]) == null ? void 0 : (_table$getCoreRowMode2 = _table$getCoreRowMode._getAllCellsByColumnId()[column.id]) == null ? void 0 : _table$getCoreRowMode2.getValue();
-          return typeof value === 'string';
+          return typeof value === 'string' || typeof value === 'number';
         }
       };
     },
@@ -2141,7 +2158,7 @@
           let isAllRowsSelected = Boolean(preFilteredFlatRows.length && Object.keys(rowSelection).length);
 
           if (isAllRowsSelected) {
-            if (preFilteredFlatRows.some(row => !rowSelection[row.id])) {
+            if (preFilteredFlatRows.some(row => row.getCanSelect() && !rowSelection[row.id])) {
               isAllRowsSelected = false;
             }
           }
@@ -2164,7 +2181,8 @@
         getIsSomeRowsSelected: () => {
           var _table$getState$rowSe;
 
-          return !table.getIsAllRowsSelected() && !!Object.keys((_table$getState$rowSe = table.getState().rowSelection) != null ? _table$getState$rowSe : {}).length;
+          const totalSelected = Object.keys((_table$getState$rowSe = table.getState().rowSelection) != null ? _table$getState$rowSe : {}).length;
+          return totalSelected < table.getCoreRowModel().flatRows.length;
         },
         getIsSomePageRowsSelected: () => {
           const paginationFlatRows = table.getPaginationRowModel().flatRows;
@@ -3101,6 +3119,52 @@
     return row;
   };
 
+  // type Person = {
+  //   firstName: string
+  //   lastName: string
+  //   age: number
+  //   visits: number
+  //   status: string
+  //   progress: number
+  //   nested: {
+  //     foo: [
+  //       {
+  //         bar: 'bar'
+  //       }
+  //     ]
+  //     bar: { subBar: boolean }[]
+  //     baz: {
+  //       foo: 'foo'
+  //       bar: {
+  //         baz: 'baz'
+  //       }
+  //     }
+  //   }
+  // }
+  // const test: DeepKeys<Person> = 'nested.foo.0.bar'
+  // const test2: DeepKeys<Person> = 'nested.bar'
+  // const helper = createColumnHelper<Person>()
+  // helper.accessor('nested.foo', {
+  //   cell: info => info.getValue(),
+  // })
+  // helper.accessor('nested.foo.0.bar', {
+  //   cell: info => info.getValue(),
+  // })
+  // helper.accessor('nested.bar', {
+  //   cell: info => info.getValue(),
+  // })
+  function createColumnHelper() {
+    return {
+      accessor: (accessor, column) => {
+        return typeof accessor === 'function' ? { ...column,
+          accessorFn: accessor
+        } : { ...column,
+          accessorKey: accessor
+        };
+      }
+    };
+  }
+
   function getCoreRowModel() {
     return table => memo(() => [table.options.data], data => {
       const rowModel = {
@@ -4015,6 +4079,7 @@
   exports.aggregationFns = aggregationFns;
   exports.buildHeaderGroups = buildHeaderGroups;
   exports.createColumn = createColumn;
+  exports.createColumnHelper = createColumnHelper;
   exports.createRow = createRow;
   exports.createSvelteTable = createSvelteTable;
   exports.createTable = createTable;