@humanspeak/svelte-headless-table 5.0.4 → 6.0.0

package/README.md

@@ -1,10 +1,13 @@
-<p align="center">
-  <img src="https://user-images.githubusercontent.com/42545742/169733428-295e2678-e509-4175-aeb3-cb3a9c9894e1.svg" alt="svelte-headless-table" width="400px"/>
-</p>
-<h1 align="center">Svelte Headless Table</h1>
-
+<!-- trunk-ignore-all(markdownlint/MD033) -->
+<!-- trunk-ignore(markdownlint/MD041) -->
 <div align="center">
 
+<img src="https://user-images.githubusercontent.com/42545742/169733428-295e2678-e509-4175-aeb3-cb3a9c9894e1.svg" alt="svelte-headless-table" width="400" />
+
+# Svelte Headless Table
+
+</div>
+
 [![NPM version](https://img.shields.io/npm/v/@humanspeak/svelte-headless-table.svg)](https://www.npmjs.com/package/@humanspeak/svelte-headless-table)
 [![Build Status](https://github.com/humanspeak/svelte-headless-table/actions/workflows/npm-publish.yml/badge.svg)](https://github.com/humanspeak/svelte-headless-table/actions/workflows/npm-publish.yml)
 [![Coverage Status](https://coveralls.io/repos/github/humanspeak/svelte-headless-table/badge.svg?branch=main)](https://coveralls.io/github/humanspeak/svelte-headless-table?branch=main)

package/dist/bodyRows.d.ts

@@ -60,7 +60,11 @@ export interface BodyRowsOptions<Item> {
  * @param flatColumns The column structure.
  * @returns An array of `BodyRow`s representing the table structure.
  */
-export declare const getBodyRows: <Item, Plugins extends AnyPlugins = AnyPlugins>(data: Item[], flatColumns: FlatColumn<Item, Plugins>[], { rowDataId }?: BodyRowsOptions<Item>) => BodyRow<Item, Plugins>[];
+export declare const getBodyRows: <Item, Plugins extends AnyPlugins = AnyPlugins>(data: Item[], 
+/**
+ * Flat columns before column transformations.
+ */
+flatColumns: FlatColumn<Item, Plugins>[], { rowDataId }?: BodyRowsOptions<Item>) => DataBodyRow<Item, Plugins>[];
 /**
  * Arranges and hides columns in an array of `BodyRow`s based on
  * `columnIdOrder` by transforming the `cells` property of each row.
@@ -71,7 +75,7 @@ export declare const getBodyRows: <Item, Plugins extends AnyPlugins = AnyPlugins
  * @param columnIdOrder The column order to transform to.
  * @returns A new array of `BodyRow`s with corrected row references.
  */
-export declare const getColumnedBodyRows: <Item, Plugins extends AnyPlugins = AnyPlugins>(rows: BodyRow<Item, Plugins>[], columnIdOrder: string[]) => BodyRow<Item, Plugins>[];
+export declare const getColumnedBodyRows: <Item, Plugins extends AnyPlugins = AnyPlugins>(rows: DataBodyRow<Item, Plugins>[], columnIdOrder: string[]) => DataBodyRow<Item, Plugins>[];
 /**
  * Converts an array of items into an array of table `BodyRow`s based on a parent row.
  * @param subItems The sub data to display.

package/dist/createViewModel.d.ts

@@ -1,5 +1,5 @@
 import { type Readable, type Writable } from 'svelte/store';
-import { BodyRow } from './bodyRows.js';
+import { BodyRow, DataBodyRow } from './bodyRows.js';
 import { FlatColumn, type Column } from './columns.js';
 import type { Table } from './createTable.js';
 import { HeaderRow } from './headerRows.js';
@@ -19,8 +19,8 @@ export interface TableViewModel<Item, Plugins extends AnyPlugins = AnyPlugins> {
     visibleColumns: Readable<FlatColumn<Item, Plugins>[]>;
     headerRows: Readable<HeaderRow<Item, Plugins>[]>;
     originalRows: Readable<BodyRow<Item, Plugins>[]>;
-    rows: Readable<BodyRow<Item, Plugins>[]>;
-    pageRows: Readable<BodyRow<Item, Plugins>[]>;
+    rows: Readable<DataBodyRow<Item, Plugins>[]>;
+    pageRows: Readable<DataBodyRow<Item, Plugins>[]>;
     pluginStates: PluginStates<Plugins>;
 }
 export type ReadOrWritable<T> = Readable<T> | Writable<T>;

package/dist/createViewModel.js

@@ -1,5 +1,5 @@
 import { derived, readable, writable } from 'svelte/store';
-import { BodyRow, getBodyRows, getColumnedBodyRows } from './bodyRows.js';
+import { BodyRow, DataBodyRow, getBodyRows, getColumnedBodyRows } from './bodyRows.js';
 import { FlatColumn, getFlatColumns } from './columns.js';
 import { getHeaderRows, HeaderRow } from './headerRows.js';
 import { finalizeAttributes } from './utils/attributes.js';

package/dist/plugins/addDataExport.js

@@ -8,7 +8,6 @@ const getObjectsFromRows = (rows, ids, childrenKey) => {
                 return [id, cell.value];
             }
             if (cell.isDisplay() && cell.column.data !== undefined) {
-                // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 let data = cell.column.data(cell, row.state);
                 if (isReadable(data)) {
                     data = get(data);
@@ -31,7 +30,6 @@ const getCsvFromRows = (rows, ids) => {
                 return cell.value;
             }
             if (cell.isDisplay() && cell.column.data !== undefined) {
-                // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 let data = cell.column.data(cell, row.state);
                 if (isReadable(data)) {
                     data = get(data);

package/dist/plugins/addFlatten.d.ts

@@ -7,7 +7,7 @@ export interface FlattenConfig {
 export interface FlattenState {
     depth: Writable<number>;
 }
-export interface FlattenColumnOptions<Item> {
+export interface FlattenColumnOptions<Item> extends Record<string, never> {
 }
 export type FlattenPropSet = NewTablePropSet<{
     'tbody.tr.td': {

package/dist/plugins/addGroupBy.js

@@ -21,7 +21,6 @@ const deepenIdAndDepth = (row, parentId) => {
     row.depth = row.depth + 1;
     row.subRows?.forEach((subRow) => deepenIdAndDepth(subRow, parentId));
 };
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 export const getGroupedRows = (rows, groupByIds, columnOptions, { repeatCellIds, aggregateCellIds, groupCellIds, allGroupByIds }) => {
     if (groupByIds.length === 0) {
         return rows;

package/dist/plugins/addPagination.d.ts

@@ -19,7 +19,7 @@ export interface PaginationState {
 }
 export declare const createPageStore: ({ items, initialPageSize, initialPageIndex, serverSide, serverItemCount }: PageStoreConfig) => {
     pageSize: {
-        subscribe: (this: void, run: import("svelte/store").Subscriber<number>, invalidate?: import("svelte/store").Invalidator<number> | undefined) => import("svelte/store").Unsubscriber;
+        subscribe: (this: void, run: import("svelte/store").Subscriber<number>, invalidate?: () => void) => import("svelte/store").Unsubscriber;
         update: (fn: Updater<number>) => void;
         set: (newPageSize: number) => void;
     };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@humanspeak/svelte-headless-table",
-    "version": "5.0.4",
+    "version": "6.0.0",
     "description": "A powerful, headless table library for Svelte that provides complete control over table UI while handling complex data operations like sorting, filtering, pagination, grouping, and row expansion. Build custom, accessible data tables with zero styling opinions.",
     "keywords": [
         "svelte",
@@ -59,6 +59,7 @@
     ],
     "scripts": {
         "build": "vite build && npm run package",
+        "changeset": "npx @changesets/cli",
         "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
         "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
         "dev": "vite dev",
@@ -75,46 +76,55 @@
         "test:e2e:report": "playwright show-report",
         "test:e2e:ui": "playwright test --ui",
         "test:only": "vitest run",
+        "test:unit": "vitest",
+        "test:unit:ui": "vitest --ui",
         "test:watch": "vitest"
     },
     "dependencies": {
         "@humanspeak/svelte-keyed": "^5.0.1",
-        "@humanspeak/svelte-render": "^5.0.0",
+        "@humanspeak/svelte-render": "^5.1.1",
         "@humanspeak/svelte-subscribe": "^5.0.0"
     },
     "devDependencies": {
-        "@faker-js/faker": "^9.4.0",
-        "@playwright/test": "^1.50.0",
-        "@sveltejs/adapter-auto": "^3.0.0",
-        "@sveltejs/kit": "^2.0.0",
-        "@sveltejs/package": "^2.0.0",
-        "@sveltejs/vite-plugin-svelte": "^3.0.0",
-        "@testing-library/jest-dom": "^6.1.6",
-        "@testing-library/svelte": "^4.0.5",
-        "@types/eslint": "8.56.0",
-        "@types/node": "^22.10.10",
-        "@typescript-eslint/eslint-plugin": "^8.22.0",
-        "@typescript-eslint/parser": "^8.22.0",
-        "@vitest/coverage-v8": "^1.1.1",
-        "eslint": "^9.19.0",
-        "eslint-config-prettier": "^10.0.1",
-        "eslint-plugin-svelte": "^2.46.1",
-        "globals": "^15.14.0",
-        "prettier": "^3.4.2",
+        "@eslint/compat": "^1.2.9",
+        "@eslint/js": "^9.27.0",
+        "@faker-js/faker": "^9.8.0",
+        "@playwright/test": "^1.52.0",
+        "@sveltejs/adapter-auto": "^6.0.1",
+        "@sveltejs/kit": "^2.21.0",
+        "@sveltejs/package": "^2.3.11",
+        "@sveltejs/vite-plugin-svelte": "^5.0.3",
+        "@testing-library/jest-dom": "^6.6.3",
+        "@testing-library/svelte": "^5.2.7",
+        "@types/eslint": "9.6.1",
+        "@types/node": "^22.15.18",
+        "@typescript-eslint/eslint-plugin": "^8.32.1",
+        "@typescript-eslint/parser": "^8.32.1",
+        "@vitest/coverage-v8": "^3.1.3",
+        "eslint": "^9.27.0",
+        "eslint-config-prettier": "^10.1.5",
+        "eslint-plugin-import": "^2.31.0",
+        "eslint-plugin-svelte": "^3.8.1",
+        "eslint-plugin-unused-imports": "^4.1.4",
+        "globals": "^16.1.0",
+        "prettier": "^3.5.3",
         "prettier-plugin-organize-imports": "^4.1.0",
-        "prettier-plugin-svelte": "^3.3.3",
+        "prettier-plugin-svelte": "^3.4.0",
         "prettier-plugin-tailwindcss": "^0.6.11",
-        "publint": "^0.1.9",
-        "svelte": "^4.2.7",
-        "svelte-check": "^3.6.0",
-        "tslib": "^2.4.1",
-        "type-fest": "^4.9.0",
-        "typescript": "^5.7.3",
-        "typescript-eslint": "^8.22.0",
-        "vite": "^5.0.3",
-        "vitest": "^1.0.0"
+        "publint": "^0.3.12",
+        "svelte": "^5.30.2",
+        "svelte-check": "^4.2.1",
+        "tslib": "^2.8.1",
+        "type-fest": "^4.41.0",
+        "typescript": "^5.8.3",
+        "typescript-eslint": "^8.32.1",
+        "vite": "^6.3.5",
+        "vitest": "^3.1.3"
+    },
+    "peerDependencies": {
+        "svelte": "^5.30.0"
     },
     "volta": {
-        "node": "22.13.1"
+        "node": "22.15.1"
     }
 }