@tanstack/react-table 8.2.4 → 8.3.0

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) {
@@ -961,7 +978,7 @@ const Expanding = {
       getCanExpand: () => {
         var _table$options$getRow, _table$options$enable, _row$subRows;
 
-        return ((_table$options$getRow = table.options.getRowCanExpand == null ? void 0 : table.options.getRowCanExpand(row)) != null ? _table$options$getRow : true) && ((_table$options$enable = table.options.enableExpanding) != null ? _table$options$enable : true) && !!((_row$subRows = row.subRows) != null && _row$subRows.length);
+        return (_table$options$getRow = table.options.getRowCanExpand == null ? void 0 : table.options.getRowCanExpand(row)) != null ? _table$options$getRow : ((_table$options$enable = table.options.enableExpanding) != null ? _table$options$enable : true) && !!((_row$subRows = row.subRows) != null && _row$subRows.length);
       },
       getToggleExpandedHandler: () => {
         const canExpand = row.getCanExpand();
@@ -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';
       }
     };
   },
@@ -3101,6 +3118,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 +3912,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