@tanstack/svelte-table 9.0.0-alpha.2 → 9.0.0-alpha.5

package/dist/flex-render.svelte

@@ -1,8 +1,26 @@
 <script
   lang="ts"
   generics="TData, TValue, TContext extends HeaderContext<TData, TValue> | CellContext<TData, TValue>"
->import { RenderComponentConfig } from "./render-component";
-let { content, context } = $props();
+>
+  import type {
+    CellContext,
+    ColumnDefTemplate,
+    HeaderContext,
+  } from '@tanstack/table-core'
+  import { RenderComponentConfig } from './render-component'
+
+  type Props = {
+    /** The cell or header field of the current cell's column definition. */
+    content?: TContext extends HeaderContext<TData, TValue>
+      ? ColumnDefTemplate<HeaderContext<TData, TValue>>
+      : TContext extends CellContext<TData, TValue>
+        ? ColumnDefTemplate<CellContext<TData, TValue>>
+        : never
+    /** The result of the `getContext()` function of the header or cell */
+    context: TContext
+  }
+
+  let { content, context }: Props = $props()
 </script>
 
 {#if typeof content === 'string'}

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

@@ -26,11 +26,3 @@ import { type RowData, type TableOptions } from '@tanstack/table-core';
  * ```
  */
 export declare function createSvelteTable<TData extends RowData>(options: TableOptions<TData>): import("@tanstack/table-core").Table<TData>;
-/**
- * Merges objects together while keeping their getters alive.
- * Taken from SolidJS: {@link https://github.com/solidjs/solid/blob/24abc825c0996fd2bc8c1de1491efe9a7e743aff/packages/solid/src/server/rendering.ts#L82-L115}
- * */
-export declare function mergeObjects<T>(source: T): T;
-export declare function mergeObjects<T, U>(source: T, source1: U): T & U;
-export declare function mergeObjects<T, U, V>(source: T, source1: U, source2: V): T & U & V;
-export declare function mergeObjects<T, U, V, W>(source: T, source1: U, source2: V, source3: W): T & U & V & W;

package/dist/table.svelte.js

@@ -56,7 +56,7 @@ export function createSvelteTable(options) {
     });
     return table;
 }
-export function mergeObjects(...sources) {
+function mergeObjects(...sources) {
     const target = {};
     for (let i = 0; i < sources.length; i++) {
         let source = sources[i];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/svelte-table",
-  "version": "9.0.0-alpha.2",
+  "version": "9.0.0-alpha.5",
   "description": "Headless UI for building powerful tables & datagrids for Svelte.",
   "author": "Tanner Linsley",
   "license": "MIT",
@@ -40,16 +40,16 @@
     "src"
   ],
   "dependencies": {
-    "@tanstack/table-core": "9.0.0-alpha.0"
+    "@tanstack/table-core": "9.0.0-alpha.4"
   },
   "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.8.0"
   },
   "peerDependencies": {
-    "svelte": "^5.0.0-next",
-    "@sveltejs/vite-plugin-svelte": "^3.0.2",
-    "svelte-check": "^3.6.8",
-    "svelte-eslint-parser": "^0.33.1"
+    "svelte": "^5.0.0-next"
   },
   "scripts": {}
 }

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

@@ -80,20 +80,16 @@ export function createSvelteTable<TData extends RowData>(
  * Merges objects together while keeping their getters alive.
  * Taken from SolidJS: {@link https://github.com/solidjs/solid/blob/24abc825c0996fd2bc8c1de1491efe9a7e743aff/packages/solid/src/server/rendering.ts#L82-L115}
  * */
-export function mergeObjects<T>(source: T): T
-export function mergeObjects<T, U>(source: T, source1: U): T & U
-export function mergeObjects<T, U, V>(
-  source: T,
-  source1: U,
-  source2: V
-): T & U & V
-export function mergeObjects<T, U, V, W>(
+function mergeObjects<T>(source: T): T
+function mergeObjects<T, U>(source: T, source1: U): T & U
+function mergeObjects<T, U, V>(source: T, source1: U, source2: V): T & U & V
+function mergeObjects<T, U, V, W>(
   source: T,
   source1: U,
   source2: V,
   source3: W
 ): T & U & V & W
-export function mergeObjects(...sources: any): any {
+function mergeObjects(...sources: any): any {
   const target = {}
   for (let i = 0; i < sources.length; i++) {
     let source = sources[i]