@humanspeak/svelte-headless-table 5.1.0 → 6.0.1

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/bodyCells.d.ts

@@ -1,10 +1,10 @@
-import type { RenderConfig } from '@humanspeak/svelte-render';
-import { type Readable } from 'svelte/store';
 import type { BodyRow } from './bodyRows.js';
 import type { DataColumn, DisplayColumn, FlatColumn } from './columns.js';
 import { TableComponent } from './tableComponent.js';
 import type { DataLabel, DisplayLabel } from './types/Label.js';
 import type { AnyPlugins } from './types/TablePlugin.js';
+import type { RenderConfig } from '@humanspeak/svelte-render';
+import { type Readable } from 'svelte/store';
 export type BodyCellInit<Item, Plugins extends AnyPlugins = AnyPlugins> = {
     id: string;
     row: BodyRow<Item, Plugins>;

package/dist/bodyCells.js

@@ -1,5 +1,5 @@
-import { derived } from 'svelte/store';
 import { TableComponent } from './tableComponent.js';
+import { derived } from 'svelte/store';
 export class BodyCell extends TableComponent {
     row;
     constructor({ id, row }) {

package/dist/bodyRows.d.ts

@@ -1,8 +1,8 @@
-import { type Readable } from 'svelte/store';
 import { BodyCell } from './bodyCells.js';
 import type { FlatColumn } from './columns.js';
 import { TableComponent } from './tableComponent.js';
 import type { AnyPlugins } from './types/TablePlugin.js';
+import { type Readable } from 'svelte/store';
 export type BodyRowInit<Item, Plugins extends AnyPlugins = AnyPlugins> = {
     id: string;
     cells: BodyCell<Item, Plugins>[];
@@ -64,7 +64,7 @@ export declare const getBodyRows: <Item, Plugins extends AnyPlugins = AnyPlugins
 /**
  * Flat columns before column transformations.
  */
-flatColumns: FlatColumn<Item, Plugins>[], { rowDataId }?: BodyRowsOptions<Item>) => BodyRow<Item, Plugins>[];
+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.
@@ -75,7 +75,7 @@ flatColumns: FlatColumn<Item, Plugins>[], { rowDataId }?: BodyRowsOptions<Item>)
  * @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/bodyRows.js

@@ -1,7 +1,7 @@
-import { derived } from 'svelte/store';
 import { BodyCell, DataBodyCell, DisplayBodyCell } from './bodyCells.js';
 import { TableComponent } from './tableComponent.js';
 import { nonUndefined } from './utils/filter.js';
+import { derived } from 'svelte/store';
 export class BodyRow extends TableComponent {
     cells;
     /**

package/dist/columns.js

@@ -40,6 +40,7 @@ export class DataColumn extends FlatColumn {
     __data = true;
     cell;
     accessorKey;
+    /* trunk-ignore(eslint/no-unused-vars) */
     accessorFn;
     constructor({ header, footer, plugins, cell, accessor, id }) {
         super({ header, footer, plugins, id: 'Initialization not complete' });
@@ -56,7 +57,7 @@ export class DataColumn extends FlatColumn {
         const accessorKeyId = typeof this.accessorKey === 'string' ? this.accessorKey : null;
         this.id = (id ?? accessorKeyId ?? String(header));
     }
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    /* trunk-ignore(eslint/@typescript-eslint/no-explicit-any) */
     getValue(item) {
         if (this.accessorFn !== undefined) {
             return this.accessorFn(item);

package/dist/createViewModel.d.ts

@@ -1,9 +1,9 @@
-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';
 import type { AnyPlugins, PluginStates } from './types/TablePlugin.js';
+import { type Readable, type Writable } from 'svelte/store';
 export type TableAttributes<Item, Plugins extends AnyPlugins = AnyPlugins> = Record<string, unknown> & {
     role: 'table';
 };
@@ -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,9 +1,9 @@
-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';
 import { nonUndefined } from './utils/filter.js';
+import { derived, readable, writable } from 'svelte/store';
 export const createViewModel = (table, columns, { rowDataId } = {}) => {
     const { data, plugins } = table;
     const $flatColumns = getFlatColumns(columns);

package/dist/headerCells.d.ts

@@ -1,7 +1,7 @@
-import type { RenderConfig } from '@humanspeak/svelte-render';
 import { TableComponent } from './tableComponent.js';
 import type { HeaderLabel } from './types/Label.js';
 import type { AnyPlugins } from './types/TablePlugin.js';
+import type { RenderConfig } from '@humanspeak/svelte-render';
 export type HeaderCellInit<Item, Plugins extends AnyPlugins = AnyPlugins> = {
     id: string;
     label: HeaderLabel<Item, Plugins>;

package/dist/headerCells.js

@@ -1,6 +1,6 @@
-import { derived } from 'svelte/store';
 import { NBSP } from './constants.js';
 import { TableComponent } from './tableComponent.js';
+import { derived } from 'svelte/store';
 export class HeaderCell extends TableComponent {
     label;
     colspan;
@@ -16,7 +16,6 @@ export class HeaderCell extends TableComponent {
             if (this.state === undefined) {
                 throw new Error('Missing `state` reference');
             }
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
             return this.label(this, this.state);
         }
         return this.label;
@@ -69,6 +68,7 @@ export class DataHeaderCell extends FlatHeaderCell {
     // TODO Workaround for https://github.com/vitejs/vite/issues/9528
     __data = true;
     accessorKey;
+    /* trunk-ignore(eslint/no-unused-vars) */
     accessorFn;
     constructor({ id, label, accessorKey, accessorFn, colstart }) {
         super({ id, label, colstart });

package/dist/headerRows.js

@@ -1,8 +1,8 @@
-import { derived } from 'svelte/store';
 import { DataHeaderCell, FlatDisplayHeaderCell, GroupDisplayHeaderCell, GroupHeaderCell } from './headerCells.js';
 import { TableComponent } from './tableComponent.js';
 import { sum } from './utils/math.js';
 import { getNullMatrix, getTransposed } from './utils/matrix.js';
+import { derived } from 'svelte/store';
 export class HeaderRow extends TableComponent {
     cells;
     constructor({ id, cells }) {

package/dist/plugins/index.d.ts

@@ -1,15 +1,15 @@
-export * from './addColumnFilters.js';
-export * from './addColumnOrder.js';
-export * from './addDataExport.js';
-export * from './addExpandedRows.js';
-export * from './addFlatten.js';
-export * from './addGridLayout.js';
-export * from './addGroupBy.js';
-export * from './addHiddenColumns.js';
-export * from './addPagination.js';
-export * from './addResizedColumns.js';
-export * from './addSelectedRows.js';
-export * from './addSortBy.js';
-export * from './addSubRows.js';
-export * from './addTableFilter.js';
-export * from '../types/TablePlugin.js';
+export * from './addColumnFilters';
+export * from './addColumnOrder';
+export * from './addDataExport';
+export * from './addExpandedRows';
+export * from './addFlatten';
+export * from './addGridLayout';
+export * from './addGroupBy';
+export * from './addHiddenColumns';
+export * from './addPagination';
+export * from './addResizedColumns';
+export * from './addSelectedRows';
+export * from './addSortBy';
+export * from './addSubRows';
+export * from './addTableFilter';
+export * from '../types/TablePlugin';

package/dist/plugins/index.js

@@ -1,16 +1,16 @@
-export * from './addColumnFilters.js';
-export * from './addColumnOrder.js';
-export * from './addDataExport.js';
-export * from './addExpandedRows.js';
-export * from './addFlatten.js';
-export * from './addGridLayout.js';
-export * from './addGroupBy.js';
-export * from './addHiddenColumns.js';
-export * from './addPagination.js';
-export * from './addResizedColumns.js';
-export * from './addSelectedRows.js';
-export * from './addSortBy.js';
-export * from './addSubRows.js';
-export * from './addTableFilter.js';
+export * from './addColumnFilters';
+export * from './addColumnOrder';
+export * from './addDataExport';
+export * from './addExpandedRows';
+export * from './addFlatten';
+export * from './addGridLayout';
+export * from './addGroupBy';
+export * from './addHiddenColumns';
+export * from './addPagination';
+export * from './addResizedColumns';
+export * from './addSelectedRows';
+export * from './addSortBy';
+export * from './addSubRows';
+export * from './addTableFilter';
 // plugin helper types
-export * from '../types/TablePlugin.js';
+export * from '../types/TablePlugin';

package/dist/tableComponent.d.ts

@@ -1,7 +1,7 @@
-import { type Readable } from 'svelte/store';
 import type { TableState } from './createViewModel.js';
 import type { AnyPlugins, ComponentKeys, ElementHook, PluginTablePropSet } from './types/TablePlugin.js';
 import type { Clonable } from './utils/clone.js';
+import { type Readable } from 'svelte/store';
 export interface TableComponentInit {
     id: string;
 }

package/dist/tableComponent.js

@@ -1,6 +1,6 @@
+import { finalizeAttributes, mergeAttributes } from './utils/attributes.js';
 import { derivedKeys } from '@humanspeak/svelte-subscribe';
 import { derived } from 'svelte/store';
-import { finalizeAttributes, mergeAttributes } from './utils/attributes.js';
 export class TableComponent {
     id;
     constructor({ id }) {

package/package.json

@@ -1,129 +1,134 @@
 {
-    "name": "@humanspeak/svelte-headless-table",
-    "version": "5.1.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",
-        "table",
-        "datagrid",
-        "datatable",
-        "headless",
-        "plugin",
-        "sorting",
-        "filtering",
-        "ordering",
-        "hiding",
-        "grouping",
-        "selecting",
-        "expanding",
-        "data-table",
-        "data-grid",
-        "table-component",
-        "pagination",
-        "column-sorting",
-        "row-selection",
-        "typescript",
-        "sveltekit",
-        "customizable",
-        "accessible"
-    ],
-    "homepage": "https://table.svelte.page",
-    "bugs": {
-        "url": "https://github.com/humanspeak/svelte-headless-table/issues"
+  "name": "@humanspeak/svelte-headless-table",
+  "version": "6.0.1",
+  "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",
+    "table",
+    "datagrid",
+    "datatable",
+    "headless",
+    "plugin",
+    "sorting",
+    "filtering",
+    "ordering",
+    "hiding",
+    "grouping",
+    "selecting",
+    "expanding",
+    "data-table",
+    "data-grid",
+    "table-component",
+    "pagination",
+    "column-sorting",
+    "row-selection",
+    "typescript",
+    "sveltekit",
+    "customizable",
+    "accessible"
+  ],
+  "homepage": "https://table.svelte.page",
+  "bugs": {
+    "url": "https://github.com/humanspeak/svelte-headless-table/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+ssh://git@github.com/humanspeak/svelte-headless-table.git"
+  },
+  "license": "MIT",
+  "author": "Humanspeak, Inc.",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "svelte": "./dist/index.js",
+      "default": "./dist/index.js"
     },
-    "repository": {
-        "type": "git",
-        "url": "git+ssh://git@github.com/humanspeak/svelte-headless-table.git"
-    },
-    "license": "MIT",
-    "author": "Humanspeak, Inc.",
-    "type": "module",
-    "exports": {
-        ".": {
-            "types": "./dist/index.d.ts",
-            "svelte": "./dist/index.js",
-            "default": "./dist/index.js"
-        },
-        "./plugins": {
-            "types": "./dist/plugins/index.d.ts",
-            "svelte": "./dist/plugins/index.js",
-            "default": "./dist/plugins/index.js"
-        }
-    },
-    "svelte": "./dist/index.js",
-    "types": "./dist/index.d.ts",
-    "files": [
-        "dist",
-        "!dist/**/*.test.*",
-        "!dist/**/*.spec.*"
-    ],
-    "scripts": {
-        "build": "vite build && npm run package",
-        "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-        "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-        "dev": "vite dev",
-        "format": "prettier --write .",
-        "lint": "prettier --check . && eslint .",
-        "lint:fix": "npm run format && eslint . --fix",
-        "package": "svelte-kit sync && svelte-package && publint",
-        "prepublishOnly": "npm run package",
-        "preview": "vite preview",
-        "test": "vitest run --coverage",
-        "test:all": "npm run test && npm run test:e2e",
-        "test:e2e": "playwright test",
-        "test:e2e:debug": "playwright test --debug",
-        "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.1.1",
-        "@humanspeak/svelte-subscribe": "^5.0.0"
-    },
-    "devDependencies": {
-        "@eslint/compat": "^1.2.7",
-        "@eslint/js": "^9.22.0",
-        "@faker-js/faker": "^9.6.0",
-        "@playwright/test": "^1.51.0",
-        "@sveltejs/adapter-auto": "^4.0.0",
-        "@sveltejs/kit": "^2.19.0",
-        "@sveltejs/package": "^2.3.10",
-        "@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.13.9",
-        "@typescript-eslint/eslint-plugin": "^8.26.0",
-        "@typescript-eslint/parser": "^8.26.0",
-        "@vitest/coverage-v8": "^3.0.8",
-        "eslint": "^9.22.0",
-        "eslint-config-prettier": "^10.1.1",
-        "eslint-plugin-import": "^2.31.0",
-        "eslint-plugin-svelte": "^3.0.3",
-        "eslint-plugin-unused-imports": "^4.1.4",
-        "globals": "^16.0.0",
-        "prettier": "^3.5.3",
-        "prettier-plugin-organize-imports": "^4.1.0",
-        "prettier-plugin-svelte": "^3.3.3",
-        "prettier-plugin-tailwindcss": "^0.6.11",
-        "publint": "^0.3.8",
-        "svelte": "^5.22.6",
-        "svelte-check": "^4.1.5",
-        "tslib": "^2.8.1",
-        "type-fest": "^4.37.0",
-        "typescript": "^5.8.2",
-        "typescript-eslint": "^8.26.0",
-        "vite": "^6.2.1",
-        "vitest": "^3.0.8"
-    },
-    "peerDependencies": {
-        "svelte": "^5.0.0"
-    },
-    "volta": {
-        "node": "22.14.0"
+    "./plugins": {
+      "types": "./dist/plugins/index.d.ts",
+      "svelte": "./dist/plugins/index.js",
+      "default": "./dist/plugins/index.js"
     }
-}
+  },
+  "svelte": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist",
+    "!dist/**/*.test.*",
+    "!dist/**/*.spec.*"
+  ],
+  "dependencies": {
+    "@humanspeak/svelte-keyed": "^5.0.1",
+    "@humanspeak/svelte-render": "^5.1.1",
+    "@humanspeak/svelte-subscribe": "^5.0.0"
+  },
+  "devDependencies": {
+    "@eslint/compat": "^1.4.0",
+    "@eslint/js": "^9.37.0",
+    "@faker-js/faker": "^10.0.0",
+    "@playwright/test": "^1.56.0",
+    "@sveltejs/adapter-auto": "^6.1.1",
+    "@sveltejs/kit": "^2.46.4",
+    "@sveltejs/package": "^2.5.4",
+    "@sveltejs/vite-plugin-svelte": "^6.2.1",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/svelte": "^5.2.8",
+    "@types/eslint": "9.6.1",
+    "@types/node": "^24.7.1",
+    "@typescript-eslint/eslint-plugin": "^8.46.0",
+    "@typescript-eslint/parser": "^8.46.0",
+    "@vitest/coverage-v8": "^3.2.4",
+    "concurrently": "^9.2.1",
+    "eslint": "^9.37.0",
+    "eslint-config-prettier": "10.1.8",
+    "eslint-plugin-import": "2.32.0",
+    "eslint-plugin-svelte": "3.12.4",
+    "eslint-plugin-unused-imports": "4.2.0",
+    "globals": "^16.4.0",
+    "husky": "^9.1.7",
+    "prettier": "^3.6.2",
+    "prettier-plugin-organize-imports": "^4.3.0",
+    "prettier-plugin-sort-json": "^4.1.1",
+    "prettier-plugin-svelte": "^3.4.0",
+    "prettier-plugin-tailwindcss": "^0.6.14",
+    "publint": "^0.3.14",
+    "svelte": "^5.39.11",
+    "svelte-check": "^4.3.3",
+    "tslib": "^2.8.1",
+    "type-fest": "^5.0.1",
+    "typescript": "^5.9.3",
+    "typescript-eslint": "^8.46.0",
+    "vite": "^7.1.9",
+    "vitest": "^3.2.4"
+  },
+  "peerDependencies": {
+    "svelte": "^5.30.0"
+  },
+  "volta": {
+    "node": "22.18.0"
+  },
+  "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",
+    "dev:all": "concurrently -k -n pkg,docs,sitemap -c green,cyan,magenta \"pnpm -w -r --filter @humanspeak/svelte-headless-table run dev:pkg\" \"pnpm --filter docs run dev\" \"pnpm --filter docs run sitemap:watch\"",
+    "dev:pkg": "svelte-kit sync && svelte-package --watch",
+    "format": "prettier --write .",
+    "lint": "prettier --check . && eslint .",
+    "lint:fix": "npm run format && eslint . --fix",
+    "package": "svelte-kit sync && svelte-package && publint",
+    "preview": "vite preview",
+    "test": "vitest run --coverage",
+    "test:all": "npm run test && npm run test:e2e",
+    "test:e2e": "playwright test",
+    "test:e2e:debug": "playwright test --debug",
+    "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"
+  }
+}