compote-ui 0.41.3 → 0.42.1

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

@@ -1,4 +1,4 @@
-import { type ColumnResizeMode, type Row, type RowData, type SvelteTable, type TableState } from '@tanstack/svelte-table';
+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>>;
@@ -24,6 +24,7 @@ export type CreateDataTableOptions<T extends RowData> = {
     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>>;

package/dist/components/data-table/create-table.js

@@ -1,4 +1,5 @@
 import { columnVisibilityFeature, columnResizingFeature, columnSizingFeature, columnFilteringFeature, columnFacetingFeature, columnPinningFeature, columnOrderingFeature, createSortedRowModel, createFilteredRowModel, createFacetedRowModel, createFacetedMinMaxValues, createFacetedUniqueValues, createTable as createTanStackTable, filterFns, renderComponent, renderSnippet, rowSelectionFeature, rowSortingFeature, sortFns, tableFeatures } from '@tanstack/svelte-table';
+import { createAtom } from '@tanstack/svelte-store';
 import { useLocaleContext } from '@ark-ui/svelte/locale';
 const dataTableFeatures = tableFeatures({
     columnVisibilityFeature,
@@ -17,7 +18,14 @@ function oneOfFilterFn(row, columnId, filterValue) {
 oneOfFilterFn.autoRemove = (val) => !Array.isArray(val) || val.length === 0;
 export function createTable(options) {
     const localeCtx = useLocaleContext();
-    return createTanStackTable({
+    const initialColumnVisibility = {
+        ...createColumnVisibility(options.columns),
+        ...options.initialState?.columnVisibility
+    };
+    const columnVisibilityAtom = options.onColumnVisibilityChange
+        ? createAtom(initialColumnVisibility)
+        : undefined;
+    const table = createTanStackTable({
         _features: dataTableFeatures,
         _rowModels: {
             sortedRowModel: createSortedRowModel(sortFns),
@@ -38,12 +46,10 @@ export function createTable(options) {
         get columns() {
             return createColumns(options.columns, localeCtx);
         },
+        ...(columnVisibilityAtom ? { atoms: { columnVisibility: columnVisibilityAtom } } : {}),
         initialState: {
             ...options.initialState,
-            columnVisibility: {
-                ...createColumnVisibility(options.columns),
-                ...options.initialState?.columnVisibility
-            },
+            columnVisibility: initialColumnVisibility,
             columnSizing: {
                 ...createColumnSizing(options.columns),
                 ...options.initialState?.columnSizing
@@ -61,6 +67,18 @@ export function createTable(options) {
         sorting: state.sorting,
         columnFilters: state.columnFilters
     }));
+    if (columnVisibilityAtom && options.onColumnVisibilityChange) {
+        const { onColumnVisibilityChange } = options;
+        let initialized = false;
+        columnVisibilityAtom.subscribe((value) => {
+            if (!initialized) {
+                initialized = true;
+                return;
+            }
+            onColumnVisibilityChange(value);
+        });
+    }
+    return table;
 }
 function createColumnVisibility(columns) {
     return getLeafColumns(columns).reduce((visibility, column) => {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "compote-ui",
-	"version": "0.41.3",
+	"version": "0.42.1",
 	"license": "MIT",
 	"scripts": {
 		"dev": "vite dev --open",
@@ -11,7 +11,9 @@
 		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
 		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
 		"lint": "prettier --check . && eslint .",
-		"format": "prettier --write ."
+		"format": "prettier --write .",
+		"patch": "npm version patch && npm publish",
+		"minor": "npm version minor && npm publish"
 	},
 	"files": [
 		"dist",