compote-ui 0.42.7 → 0.43.0

package/dist/components/{data-table → data-table-v8}/types.d.ts

@@ -1,4 +1,4 @@
-import type { CellData, ColumnDef, RowData, TableFeatures } from '@tanstack/svelte-table';
+import type { FilterFnOption, RowData } from '@tanstack/table-core';
 import type { Snippet } from 'svelte';
 export type DataTableAlign = 'left' | 'center' | 'right';
 export type DataTableColumnType = 'text' | 'number' | 'currency' | 'percent' | 'boolean' | 'select' | 'url' | 'date' | 'time' | 'date-time';
@@ -8,7 +8,17 @@ export type DataTableCellRenderProps<T extends RowData> = {
     row: T;
 };
 export type DataTableCellPropsResolver<T extends RowData> = (value: unknown, row: T) => Record<string, unknown>;
-export type DataTableColumnOptions<T extends RowData> = Partial<Pick<ColumnDef<TableFeatures, T, CellData>, 'size' | 'minSize' | 'maxSize' | 'enableResizing' | 'enableHiding' | 'enableSorting' | 'sortDescFirst' | 'enableColumnFilter' | 'filterFn'>>;
+export type DataTableColumnOptions<T extends RowData> = {
+    size?: number;
+    minSize?: number;
+    maxSize?: number;
+    enableResizing?: boolean;
+    enableHiding?: boolean;
+    enableSorting?: boolean;
+    sortDescFirst?: boolean;
+    enableColumnFilter?: boolean;
+    filterFn?: FilterFnOption<T>;
+};
 export type DataTableColumnBase = {
     header: string;
     align?: DataTableAlign;

package/dist/components/data-table-v8/virtual/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Root } from '../data-table-virtualized.svelte';
+export { ColumnFilter, ColumnVisibility, FlexRender, Title, Toolbar, createDataTableColumnHelper, createTable, renderComponent, renderSnippet } from '../index';
+export type { CreateDataTableOptions, DataTableAccessorFnColumn, DataTableAccessorKeyColumn, DataTableAlign, DataTableCellPropsResolver, DataTableCellRenderProps, DataTableColumn, DataTableColumnBase, DataTableColumnOptions, DataTableColumnType, DataTableGroupColumn, DataTableInstance, DataTableLeafColumn, DataTableLeafColumnBase } from '../index';

package/dist/components/data-table-v8/virtual/index.js

@@ -0,0 +1,2 @@
+export { default as Root } from '../data-table-virtualized.svelte';
+export { ColumnFilter, ColumnVisibility, FlexRender, Title, Toolbar, createDataTableColumnHelper, createTable, renderComponent, renderSnippet } from '../index';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "compote-ui",
-	"version": "0.42.7",
+	"version": "0.43.0",
 	"license": "MIT",
 	"scripts": {
 		"dev": "vite dev --open",
@@ -32,22 +32,22 @@
 			"svelte": "./dist/index.js"
 		},
 		"./data-table": {
-			"types": "./dist/components/data-table/index.d.ts",
-			"svelte": "./dist/components/data-table/index.js"
+			"types": "./dist/components/data-table-v8/index.d.ts",
+			"svelte": "./dist/components/data-table-v8/index.js"
 		},
 		"./data-table/virtual": {
-			"types": "./dist/components/data-table/virtual/index.d.ts",
-			"svelte": "./dist/components/data-table/virtual/index.js"
+			"types": "./dist/components/data-table-v8/virtual/index.d.ts",
+			"svelte": "./dist/components/data-table-v8/virtual/index.js"
 		},
 		"./theme.css": "./dist/theme.css"
 	},
 	"peerDependencies": {
-		"@tanstack/svelte-table": "^9.0.0-alpha.45",
+		"@tanstack/table-core": ">=8.0.0",
 		"@tanstack/svelte-virtual": ">=3.0.0",
 		"svelte": "^5.0.0"
 	},
 	"peerDependenciesMeta": {
-		"@tanstack/svelte-table": {
+		"@tanstack/table-core": {
 			"optional": true
 		},
 		"@tanstack/svelte-virtual": {
@@ -57,13 +57,13 @@
 	"devDependencies": {
 		"@eslint/compat": "^2.0.5",
 		"@eslint/js": "^10.0.1",
+		"@faker-js/faker": "^10.4.0",
 		"@iconify-json/ph": "^1.2.2",
 		"@sveltejs/adapter-auto": "^7.0.0",
 		"@sveltejs/kit": "^2.57.1",
 		"@sveltejs/package": "^2.5.7",
 		"@sveltejs/vite-plugin-svelte": "7.1.2",
 		"@tailwindcss/vite": "^4.2.4",
-		"@tanstack/svelte-table": "9.0.0-alpha.45",
 		"@tanstack/svelte-virtual": "^3.13.24",
 		"@types/node": "^22.19.18",
 		"eslint": "^10.2.1",
@@ -73,7 +73,7 @@
 		"prettier": "^3.8.3",
 		"prettier-plugin-svelte": "^3.5.2",
 		"prettier-plugin-tailwindcss": "^0.8.0",
-		"publint": "^0.3.17",
+		"publint": "^0.3.21",
 		"svelte": "^5.55.4",
 		"svelte-check": "^4.4.6",
 		"tailwindcss": "^4.2.4",

package/dist/components/data-table/create-table.d.ts

@@ -1,41 +0,0 @@
-import { type ColumnResizeMode, type ColumnVisibilityState, type Row, type RowData, type SvelteTable, type TableState } from '@tanstack/svelte-table';
-import type { DataTableColumn, DataTableLeafColumn } from './types';
-declare const dataTableFeatures: {
-    columnVisibilityFeature: import("@tanstack/table-core").TableFeature<import("@tanstack/table-core").ColumnVisibilityFeatureConstructors<import("@tanstack/table-core").TableFeatures, RowData>>;
-    columnSizingFeature: import("@tanstack/table-core").TableFeature<import("@tanstack/table-core").ColumnSizingFeatureConstructors<import("@tanstack/table-core").TableFeatures, RowData>>;
-    columnResizingFeature: import("@tanstack/table-core").TableFeature<import("@tanstack/table-core").ColumnResizingFeatureConstructors<import("@tanstack/table-core").TableFeatures, RowData>>;
-    columnFilteringFeature: import("@tanstack/table-core").TableFeature<import("@tanstack/table-core").ColumnFilteringFeatureConstructors<import("@tanstack/table-core").TableFeatures, RowData>>;
-    columnFacetingFeature: import("@tanstack/table-core").TableFeature<import("@tanstack/table-core").ColumnFacetingFeatureConstructors<import("@tanstack/table-core").TableFeatures, RowData>>;
-    columnPinningFeature: import("@tanstack/table-core").TableFeature<import("@tanstack/table-core").ColumnPinningFeatureConstructors<import("@tanstack/table-core").TableFeatures, RowData>>;
-    columnOrderingFeature: import("@tanstack/table-core").TableFeature<import("@tanstack/table-core").ColumnOrderingFeatureConstructors<import("@tanstack/table-core").TableFeatures, RowData>>;
-    rowSelectionFeature: import("@tanstack/table-core").TableFeature<import("@tanstack/table-core").RowSelectionFeatureConstructors<import("@tanstack/table-core").TableFeatures, RowData>>;
-    rowSortingFeature: import("@tanstack/table-core").TableFeature<import("@tanstack/table-core").RowSortingFeatureConstructors<import("@tanstack/table-core").TableFeatures, RowData>>;
-};
-export type DataTableFeatures = typeof dataTableFeatures;
-export type DataTableSelectedState = Pick<TableState<DataTableFeatures>, 'columnVisibility' | 'columnSizing' | 'columnResizing' | 'rowSelection' | 'sorting' | 'columnFilters'>;
-export type DataTableInstance<T extends RowData> = SvelteTable<DataTableFeatures, T, DataTableSelectedState>;
-export type CreateDataTableOptions<T extends RowData> = {
-    data: T[];
-    columns: DataTableColumn<T>[];
-    columnResizeMode?: ColumnResizeMode;
-    initialState?: Partial<TableState<DataTableFeatures>>;
-    getRowId?: (row: T, index: number, parent?: Row<DataTableFeatures, T>) => string;
-    enableRowSelection?: boolean | ((row: Row<DataTableFeatures, T>) => boolean);
-    enableMultiRowSelection?: boolean | ((row: Row<DataTableFeatures, T>) => boolean);
-    enableSorting?: boolean;
-    debugTable?: boolean;
-    onColumnVisibilityChange?: (visibility: ColumnVisibilityState) => void;
-};
-export declare function createTable<T extends RowData>(options: CreateDataTableOptions<T>): SvelteTable<{
-    columnVisibilityFeature: import("@tanstack/table-core").TableFeature<import("@tanstack/table-core").ColumnVisibilityFeatureConstructors<import("@tanstack/table-core").TableFeatures, RowData>>;
-    columnSizingFeature: import("@tanstack/table-core").TableFeature<import("@tanstack/table-core").ColumnSizingFeatureConstructors<import("@tanstack/table-core").TableFeatures, RowData>>;
-    columnResizingFeature: import("@tanstack/table-core").TableFeature<import("@tanstack/table-core").ColumnResizingFeatureConstructors<import("@tanstack/table-core").TableFeatures, RowData>>;
-    columnFilteringFeature: import("@tanstack/table-core").TableFeature<import("@tanstack/table-core").ColumnFilteringFeatureConstructors<import("@tanstack/table-core").TableFeatures, RowData>>;
-    columnFacetingFeature: import("@tanstack/table-core").TableFeature<import("@tanstack/table-core").ColumnFacetingFeatureConstructors<import("@tanstack/table-core").TableFeatures, RowData>>;
-    columnPinningFeature: import("@tanstack/table-core").TableFeature<import("@tanstack/table-core").ColumnPinningFeatureConstructors<import("@tanstack/table-core").TableFeatures, RowData>>;
-    columnOrderingFeature: import("@tanstack/table-core").TableFeature<import("@tanstack/table-core").ColumnOrderingFeatureConstructors<import("@tanstack/table-core").TableFeatures, RowData>>;
-    rowSelectionFeature: import("@tanstack/table-core").TableFeature<import("@tanstack/table-core").RowSelectionFeatureConstructors<import("@tanstack/table-core").TableFeatures, RowData>>;
-    rowSortingFeature: import("@tanstack/table-core").TableFeature<import("@tanstack/table-core").RowSortingFeatureConstructors<import("@tanstack/table-core").TableFeatures, RowData>>;
-}, T, DataTableSelectedState>;
-export declare function getColumnId<T extends RowData>(column: DataTableLeafColumn<T>): string;
-export {};

package/dist/components/data-table/virtual/index.d.ts

@@ -1,3 +0,0 @@
-export { default as Root } from '../data-table-virtualized.svelte';
-export { ColumnFilter, ColumnVisibility, Title, Toolbar, createDataTableColumnHelper, createTable } from '../index';
-export type { CreateDataTableOptions, DataTableAccessorFnColumn, DataTableAccessorKeyColumn, DataTableAlign, DataTableCellPropsResolver, DataTableCellRenderProps, DataTableColumn, DataTableColumnBase, DataTableColumnOptions, DataTableColumnType, DataTableFeatures, DataTableGroupColumn, DataTableInstance, DataTableLeafColumn, DataTableLeafColumnBase } from '../index';

package/dist/components/data-table/virtual/index.js

@@ -1,2 +0,0 @@
-export { default as Root } from '../data-table-virtualized.svelte';
-export { ColumnFilter, ColumnVisibility, Title, Toolbar, createDataTableColumnHelper, createTable } from '../index';