@tanstack/react-table 8.2.5 → 8.3.1

package/build/esm/index.js

@@ -20,6 +20,9 @@ import * as React from 'react';
  *
  * @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;
 }
@@ -105,13 +108,27 @@ function createColumn(table, columnDef, depth, parent) {
   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) {
@@ -1107,7 +1124,7 @@ const Filters = {
         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';
       }
     };
   },
@@ -2139,7 +2156,7 @@ const RowSelection = {
         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;
           }
         }
@@ -2162,7 +2179,8 @@ const RowSelection = {
       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 @@ const createRow = (table, id, original, rowIndex, depth, subRows) => {
   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 = {
@@ -3849,5 +3913,5 @@ function useReactTable(options) {
   return tableRef.current;
 }
 
-export { ColumnSizing, Expanding, Filters, Grouping, Headers, Ordering, Pagination, Pinning, RowSelection, Sorting, Visibility, aggregationFns, buildHeaderGroups, createColumn, createRow, createTable, defaultColumnSizing, expandRows, filterFns, flattenBy, flexRender, functionalUpdate, getCoreRowModel, getExpandedRowModel, getFacetedMinMaxValues, getFacetedRowModel, getFacetedUniqueValues, getFilteredRowModel, getGroupedRowModel, getPaginationRowModel, getSortedRowModel, isFunction, isRowSelected, isSubRowSelected, makeStateUpdater, memo, noop, orderColumns, passiveEventSupported, reSplitAlphaNumeric, selectRowsFn, shouldAutoRemoveFilter, sortingFns, useReactTable };
+export { ColumnSizing, Expanding, Filters, Grouping, Headers, Ordering, Pagination, Pinning, RowSelection, Sorting, Visibility, aggregationFns, buildHeaderGroups, createColumn, createColumnHelper, createRow, createTable, defaultColumnSizing, expandRows, filterFns, flattenBy, flexRender, functionalUpdate, getCoreRowModel, getExpandedRowModel, getFacetedMinMaxValues, getFacetedRowModel, getFacetedUniqueValues, getFilteredRowModel, getGroupedRowModel, getPaginationRowModel, getSortedRowModel, isFunction, isRowSelected, isSubRowSelected, makeStateUpdater, memo, noop, orderColumns, passiveEventSupported, reSplitAlphaNumeric, selectRowsFn, shouldAutoRemoveFilter, sortingFns, useReactTable };
 //# sourceMappingURL=index.js.map