@tanstack/svelte-table 8.2.6 → 8.3.0

package/build/cjs/svelte-table/src/index.js

@@ -131,6 +131,7 @@ exports.Visibility = index.Visibility;
 exports.aggregationFns = index.aggregationFns;
 exports.buildHeaderGroups = index.buildHeaderGroups;
 exports.createColumn = index.createColumn;
+exports.createColumnHelper = index.createColumnHelper;
 exports.createRow = index.createRow;
 exports.createTable = index.createTable;
 exports.defaultColumnSizing = index.defaultColumnSizing;

package/build/cjs/svelte-table/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/index.ts"],"sourcesContent":["import {\n  RowData,\n  PartialKeys,\n  TableGenerics,\n  createTable,\n  TableOptions,\n  TableOptionsResolved,\n} from '@tanstack/table-core'\nimport Placeholder from './placeholder'\nimport { SvelteComponent } from 'svelte/internal'\nimport { readable, writable, derived, Readable, get } from 'svelte/store'\nimport { renderComponent } from './render-component'\n\nexport { renderComponent } from './render-component'\n\nexport * from '@tanstack/table-core'\n\nfunction isSvelteServerComponent(component: any) {\n  return (\n    typeof component === 'object' &&\n    typeof component.$$render === 'function' &&\n    typeof component.render === 'function'\n  )\n}\n\nfunction isSvelteClientComponent(component: any) {\n  let isHMR = '__SVELTE_HMR' in window\n\n  return (\n    component.prototype instanceof SvelteComponent ||\n    (isHMR &&\n      component.name?.startsWith('Proxy<') &&\n      component.name?.endsWith('>'))\n  )\n}\n\nfunction isSvelteComponent(component: any) {\n  if (typeof document === 'undefined') {\n    return isSvelteServerComponent(component)\n  } else {\n    return isSvelteClientComponent(component)\n  }\n}\n\nfunction wrapInPlaceholder(content: any) {\n  return renderComponent(Placeholder, { content })\n}\n\nexport function flexRender(component: any, props: any) {\n  if (!component) return null\n\n  if (isSvelteComponent(component)) {\n    return renderComponent(component, props)\n  }\n\n  if (typeof component === 'function') {\n    const result = component(props)\n\n    if (isSvelteComponent(result)) {\n      return result\n    }\n\n    return wrapInPlaceholder(result)\n  }\n\n  return wrapInPlaceholder(component)\n}\n\ntype ReadableOrVal<T> = T | Readable<T>\n\nexport function createSvelteTable<TData extends RowData>(\n  options: ReadableOrVal<TableOptions<TData>>\n) {\n  let optionsStore: Readable<TableOptions<TData>>\n\n  if ('subscribe' in options) {\n    optionsStore = options\n  } else {\n    optionsStore = readable(options)\n  }\n\n  let resolvedOptions: TableOptionsResolved<TData> = {\n    state: {}, // Dummy state\n    onStateChange: () => {}, // noop\n    renderFallbackValue: null,\n    ...get(optionsStore),\n  }\n\n  let table = createTable(resolvedOptions)\n\n  let stateStore = writable(/** @type {number} */ table.initialState)\n  // combine stores\n  let stateOptionsStore = derived([stateStore, optionsStore], s => s)\n  const tableReadable = readable(table, function start(set) {\n    const unsubscribe = stateOptionsStore.subscribe(([state, options]) => {\n      table.setOptions(prev => {\n        return {\n          ...prev,\n          ...options,\n          state: { ...state, ...options.state },\n          // Similarly, we'll maintain both our internal state and any user-provided\n          // state.\n          onStateChange: updater => {\n            if (updater instanceof Function) {\n              stateStore.update(updater)\n            } else {\n              stateStore.set(updater)\n            }\n\n            resolvedOptions.onStateChange?.(updater)\n          },\n        }\n      })\n\n      // it didn't seem to rerender without setting the table\n      set(table)\n    })\n\n    return function stop() {\n      unsubscribe()\n    }\n  })\n\n  return tableReadable\n}\n"],"names":["isSvelteServerComponent","component","$$render","render","isSvelteClientComponent","isHMR","window","prototype","SvelteComponent","name","startsWith","endsWith","isSvelteComponent","document","wrapInPlaceholder","content","renderComponent","Placeholder","flexRender","props","result","createSvelteTable","options","optionsStore","readable","resolvedOptions","state","onStateChange","renderFallbackValue","get","table","createTable","stateStore","writable","initialState","stateOptionsStore","derived","s","tableReadable","start","set","unsubscribe","subscribe","setOptions","prev","updater","Function","update","stop"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/index.ts"],"sourcesContent":["import {\n  RowData,\n  PartialKeys,\n  TableGenerics,\n  createTable,\n  TableOptions,\n  TableOptionsResolved,\n} from '@tanstack/table-core'\nimport Placeholder from './placeholder'\nimport { SvelteComponent } from 'svelte/internal'\nimport { readable, writable, derived, Readable, get } from 'svelte/store'\nimport { renderComponent } from './render-component'\n\nexport { renderComponent } from './render-component'\n\nexport * from '@tanstack/table-core'\n\nfunction isSvelteServerComponent(component: any) {\n  return (\n    typeof component === 'object' &&\n    typeof component.$$render === 'function' &&\n    typeof component.render === 'function'\n  )\n}\n\nfunction isSvelteClientComponent(component: any) {\n  let isHMR = '__SVELTE_HMR' in window\n\n  return (\n    component.prototype instanceof SvelteComponent ||\n    (isHMR &&\n      component.name?.startsWith('Proxy<') &&\n      component.name?.endsWith('>'))\n  )\n}\n\nfunction isSvelteComponent(component: any) {\n  if (typeof document === 'undefined') {\n    return isSvelteServerComponent(component)\n  } else {\n    return isSvelteClientComponent(component)\n  }\n}\n\nfunction wrapInPlaceholder(content: any) {\n  return renderComponent(Placeholder, { content })\n}\n\nexport function flexRender(component: any, props: any) {\n  if (!component) return null\n\n  if (isSvelteComponent(component)) {\n    return renderComponent(component, props)\n  }\n\n  if (typeof component === 'function') {\n    const result = component(props)\n\n    if (isSvelteComponent(result)) {\n      return result\n    }\n\n    return wrapInPlaceholder(result)\n  }\n\n  return wrapInPlaceholder(component)\n}\n\ntype ReadableOrVal<T> = T | Readable<T>\n\nexport function createSvelteTable<TData extends RowData>(\n  options: ReadableOrVal<TableOptions<TData>>\n) {\n  let optionsStore: Readable<TableOptions<TData>>\n\n  if ('subscribe' in options) {\n    optionsStore = options\n  } else {\n    optionsStore = readable(options)\n  }\n\n  let resolvedOptions: TableOptionsResolved<TData> = {\n    state: {}, // Dummy state\n    onStateChange: () => {}, // noop\n    renderFallbackValue: null,\n    ...get(optionsStore),\n  }\n\n  let table = createTable(resolvedOptions)\n\n  let stateStore = writable(/** @type {number} */ table.initialState)\n  // combine stores\n  let stateOptionsStore = derived([stateStore, optionsStore], s => s)\n  const tableReadable = readable(table, function start(set) {\n    const unsubscribe = stateOptionsStore.subscribe(([state, options]) => {\n      table.setOptions(prev => {\n        return {\n          ...prev,\n          ...options,\n          state: { ...state, ...options.state },\n          // Similarly, we'll maintain both our internal state and any user-provided\n          // state.\n          onStateChange: updater => {\n            if (updater instanceof Function) {\n              stateStore.update(updater)\n            } else {\n              stateStore.set(updater)\n            }\n\n            resolvedOptions.onStateChange?.(updater)\n          },\n        }\n      })\n\n      // it didn't seem to rerender without setting the table\n      set(table)\n    })\n\n    return function stop() {\n      unsubscribe()\n    }\n  })\n\n  return tableReadable\n}\n"],"names":["isSvelteServerComponent","component","$$render","render","isSvelteClientComponent","isHMR","window","prototype","SvelteComponent","name","startsWith","endsWith","isSvelteComponent","document","wrapInPlaceholder","content","renderComponent","Placeholder","flexRender","props","result","createSvelteTable","options","optionsStore","readable","resolvedOptions","state","onStateChange","renderFallbackValue","get","table","createTable","stateStore","writable","initialState","stateOptionsStore","derived","s","tableReadable","start","set","unsubscribe","subscribe","setOptions","prev","updater","Function","update","stop"],"mappings":"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"}

package/build/cjs/table-core/build/esm/index.js

@@ -22,6 +22,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
  *
  * @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;
 }
@@ -107,13 +110,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) {
@@ -3103,6 +3120,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 = {
@@ -3812,6 +3875,7 @@ exports.Visibility = Visibility;
 exports.aggregationFns = aggregationFns;
 exports.buildHeaderGroups = buildHeaderGroups;
 exports.createColumn = createColumn;
+exports.createColumnHelper = createColumnHelper;
 exports.createRow = createRow;
 exports.createTable = createTable;
 exports.defaultColumnSizing = defaultColumnSizing;