@tanstack/svelte-table 9.0.0-alpha.4 → 9.0.0-alpha.6

package/dist/index.d.ts

@@ -1,4 +1,4 @@
 export * from '@tanstack/table-core';
 export { default as FlexRender } from './flex-render.svelte';
 export { renderComponent } from './render-component';
-export { createSvelteTable } from './table.svelte';
+export { createTable } from './table.svelte';

package/dist/index.js

@@ -1,4 +1,4 @@
 export * from '@tanstack/table-core';
 export { default as FlexRender } from './flex-render.svelte';
 export { renderComponent } from './render-component';
-export { createSvelteTable } from './table.svelte';
+export { createTable } from './table.svelte';

package/dist/render-component.d.ts

@@ -1,4 +1,4 @@
-import type { SvelteComponent, ComponentType, ComponentProps } from 'svelte';
+import type { Component, ComponentProps } from 'svelte';
 /**
  * A helper class to make it easy to identify Svelte components in `columnDef.cell` and `columnDef.header` properties.
  * @example
@@ -8,10 +8,10 @@ import type { SvelteComponent, ComponentType, ComponentProps } from 'svelte';
  * {/if}
  * ```
  * */
-export declare class RenderComponentConfig<TComponent extends SvelteComponent> {
-    component: ComponentType<TComponent>;
-    props: ComponentProps<TComponent> | Record<string, never>;
-    constructor(component: ComponentType<TComponent>, props?: ComponentProps<TComponent> | Record<string, never>);
+export declare class RenderComponentConfig<TComponent extends Component<any>> {
+    component: TComponent;
+    props: ComponentProps<TComponent>;
+    constructor(component: TComponent, props: ComponentProps<TComponent>);
 }
 /**
  * A helper function to help create cells from Svelte components through ColumnDef's `cell` and `header` properties.
@@ -32,4 +32,4 @@ export declare class RenderComponentConfig<TComponent extends SvelteComponent> {
  * ```
  * @see {@link https://tanstack.com/table/latest/docs/guide/column-defs}
  */
-export declare const renderComponent: <TComponent extends SvelteComponent<any, any, any>>(component: ComponentType<TComponent>, props: ComponentProps<TComponent>) => RenderComponentConfig<TComponent>;
+export declare const renderComponent: <TComponent extends Component<any, {}, string>>(component: TComponent, props: ComponentProps<TComponent>) => RenderComponentConfig<TComponent>;

package/dist/render-component.js

@@ -8,7 +8,7 @@
  * ```
  * */
 export class RenderComponentConfig {
-    constructor(component, props = {}) {
+    constructor(component, props) {
         this.component = component;
         this.props = props;
     }

package/dist/table.svelte.d.ts

@@ -6,7 +6,7 @@ import { type RowData, type TableOptions } from '@tanstack/table-core';
  * @example
  * ```svelte
  * <script>
- *   const table = createSvelteTable({ ... })
+ *   const table = createTable({ ... })
  * </script>
  *
  * <table>
@@ -25,4 +25,4 @@ import { type RowData, type TableOptions } from '@tanstack/table-core';
  * </table>
  * ```
  */
-export declare function createSvelteTable<TData extends RowData>(options: TableOptions<TData>): import("@tanstack/table-core").Table<TData>;
+export declare function createTable<TData extends RowData>(options: TableOptions<TData>): import("@tanstack/table-core").Table<TData>;

package/dist/table.svelte.js

@@ -1,4 +1,4 @@
-import { createTable, } from '@tanstack/table-core';
+import { _createTable, } from '@tanstack/table-core';
 /**
  * Creates a reactive TanStack table object for Svelte.
  * @param options Table options to create the table with.
@@ -6,7 +6,7 @@ import { createTable, } from '@tanstack/table-core';
  * @example
  * ```svelte
  * <script>
- *   const table = createSvelteTable({ ... })
+ *   const table = createTable({ ... })
  * </script>
  *
  * <table>
@@ -25,7 +25,7 @@ import { createTable, } from '@tanstack/table-core';
  * </table>
  * ```
  */
-export function createSvelteTable(options) {
+export function createTable(options) {
     const resolvedOptions = mergeObjects({
         state: {},
         onStateChange() { },
@@ -34,7 +34,7 @@ export function createSvelteTable(options) {
             return mergeObjects(defaultOptions, options);
         },
     }, options);
-    const table = createTable(resolvedOptions);
+    const table = _createTable(resolvedOptions);
     let state = $state(table.initialState);
     function updateOptions() {
         table.setOptions(prev => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/svelte-table",
-  "version": "9.0.0-alpha.4",
+  "version": "9.0.0-alpha.6",
   "description": "Headless UI for building powerful tables & datagrids for Svelte.",
   "author": "Tanner Linsley",
   "license": "MIT",
@@ -40,13 +40,13 @@
     "src"
   ],
   "dependencies": {
-    "@tanstack/table-core": "9.0.0-alpha.4"
+    "@tanstack/table-core": "9.0.0-alpha.6"
   },
   "devDependencies": {
-    "@sveltejs/package": "^2.3.1",
+    "@sveltejs/package": "^2.3.2",
     "@sveltejs/vite-plugin-svelte": "^4.0.0-next",
     "svelte": "^5.0.0-next",
-    "svelte-check": "^3.7.0"
+    "svelte-check": "^3.8.0"
   },
   "peerDependencies": {
     "svelte": "^5.0.0-next"

package/src/index.ts

@@ -1,4 +1,4 @@
 export * from '@tanstack/table-core'
 export { default as FlexRender } from './flex-render.svelte'
 export { renderComponent } from './render-component'
-export { createSvelteTable } from './table.svelte'
+export { createTable } from './table.svelte'

package/src/render-component.ts

@@ -1,4 +1,4 @@
-import type { SvelteComponent, ComponentType, ComponentProps } from 'svelte'
+import type { Component, ComponentProps } from 'svelte'
 
 /**
  * A helper class to make it easy to identify Svelte components in `columnDef.cell` and `columnDef.header` properties.
@@ -9,10 +9,10 @@ import type { SvelteComponent, ComponentType, ComponentProps } from 'svelte'
  * {/if}
  * ```
  * */
-export class RenderComponentConfig<TComponent extends SvelteComponent> {
+export class RenderComponentConfig<TComponent extends Component<any>> {
   constructor(
-    public component: ComponentType<TComponent>,
-    public props: ComponentProps<TComponent> | Record<string, never> = {}
+    public component: TComponent,
+    public props: ComponentProps<TComponent>
   ) {}
 }
 
@@ -35,7 +35,7 @@ export class RenderComponentConfig<TComponent extends SvelteComponent> {
  * ```
  * @see {@link https://tanstack.com/table/latest/docs/guide/column-defs}
  */
-export const renderComponent = <TComponent extends SvelteComponent>(
-  component: ComponentType<TComponent>,
+export const renderComponent = <TComponent extends Component<any>>(
+  component: TComponent,
   props: ComponentProps<TComponent>
 ) => new RenderComponentConfig(component, props)

package/src/table.svelte.ts

@@ -1,5 +1,5 @@
 import {
-  createTable,
+  _createTable,
   type RowData,
   type TableOptions,
   type TableOptionsResolved,
@@ -13,7 +13,7 @@ import {
  * @example
  * ```svelte
  * <script>
- *   const table = createSvelteTable({ ... })
+ *   const table = createTable({ ... })
  * </script>
  *
  * <table>
@@ -32,7 +32,7 @@ import {
  * </table>
  * ```
  */
-export function createSvelteTable<TData extends RowData>(
+export function createTable<TData extends RowData>(
   options: TableOptions<TData>
 ) {
   const resolvedOptions: TableOptionsResolved<TData> = mergeObjects(
@@ -50,7 +50,7 @@ export function createSvelteTable<TData extends RowData>(
     options
   )
 
-  const table = createTable(resolvedOptions)
+  const table = _createTable(resolvedOptions)
   let state = $state<Partial<TableState>>(table.initialState)
 
   function updateOptions() {