@humanspeak/svelte-headless-table 5.0.3 → 5.1.0

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-subscribe';
 export type BodyCellInit<Item, Plugins extends AnyPlugins = AnyPlugins> = {
     id: string;
     row: BodyRow<Item, Plugins>;

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>) => BodyRow<Item, Plugins>[];
 /**
  * Arranges and hides columns in an array of `BodyRow`s based on
  * `columnIdOrder` by transforming the `cells` property of each row.

package/dist/columns.d.ts

@@ -1,7 +1,6 @@
 import type { DisplayBodyCell } from './bodyCells.js';
 import type { TableState } from './createViewModel.js';
-import type { DisplayLabel, HeaderLabel } from './types/Label.js';
-import type { DataLabel } from './types/Label.js';
+import type { DataLabel, DisplayLabel, HeaderLabel } from './types/Label.js';
 import type { AnyPlugins, PluginColumnConfigs } from './types/TablePlugin.js';
 export interface ColumnInit<Item, Plugins extends AnyPlugins = AnyPlugins> {
     header: HeaderLabel<Item, Plugins>;

package/dist/createTable.d.ts

@@ -1,7 +1,7 @@
 import { DataColumn, DisplayColumn, GroupColumn, type Column, type DataColumnInitBase, type DataColumnInitFnAndId, type DataColumnInitIdAndKey, type DataColumnInitKey, type DisplayColumnInit, type GroupColumnInit } from './columns.js';
+import { type CreateViewModelOptions, type TableViewModel } from './createViewModel.js';
 import type { AnyPlugins } from './types/TablePlugin.js';
 import type { ReadOrWritable } from './utils/store.js';
-import { type CreateViewModelOptions, type TableViewModel } from './createViewModel.js';
 export declare class Table<Item, Plugins extends AnyPlugins = AnyPlugins> {
     data: ReadOrWritable<Item[]>;
     plugins: Plugins;

package/dist/createTable.js

@@ -1,6 +1,6 @@
 import { DataColumn, DisplayColumn, getFlatColumnIds, GroupColumn } from './columns.js';
-import { getDuplicates } from './utils/array.js';
 import { createViewModel } from './createViewModel.js';
+import { getDuplicates } from './utils/array.js';
 export class Table {
     data;
     plugins;

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-subscribe';
 export type HeaderCellInit<Item, Plugins extends AnyPlugins = AnyPlugins> = {
     id: string;
     label: HeaderLabel<Item, Plugins>;

package/dist/index.d.ts

@@ -1,11 +1,11 @@
 export * from '@humanspeak/svelte-render';
 export { Subscribe } from '@humanspeak/svelte-subscribe';
 export { createTable } from './createTable.js';
-export { Table } from './createTable.js';
-export { HeaderRow } from './headerRows.js';
-export { HeaderCell, FlatHeaderCell, DataHeaderCell, FlatDisplayHeaderCell, GroupHeaderCell, GroupDisplayHeaderCell } from './headerCells.js';
-export * from './bodyRows.js';
 export * from './bodyCells.js';
+export * from './bodyRows.js';
 export * from './columns.js';
+export { Table } from './createTable.js';
 export type * from './createViewModel.js';
+export { DataHeaderCell, FlatDisplayHeaderCell, FlatHeaderCell, GroupDisplayHeaderCell, GroupHeaderCell, HeaderCell } from './headerCells.js';
+export { HeaderRow } from './headerRows.js';
 export type * from './types/Label.js';

package/dist/index.js

@@ -4,9 +4,9 @@ export { Subscribe } from '@humanspeak/svelte-subscribe';
 // table core
 export { createTable } from './createTable.js';
 // models
-export { Table } from './createTable.js';
-export { HeaderRow } from './headerRows.js';
-export { HeaderCell, FlatHeaderCell, DataHeaderCell, FlatDisplayHeaderCell, GroupHeaderCell, GroupDisplayHeaderCell } from './headerCells.js';
-export * from './bodyRows.js';
 export * from './bodyCells.js';
+export * from './bodyRows.js';
 export * from './columns.js';
+export { Table } from './createTable.js';
+export { DataHeaderCell, FlatDisplayHeaderCell, FlatHeaderCell, GroupDisplayHeaderCell, GroupHeaderCell, HeaderCell } from './headerCells.js';
+export { HeaderRow } from './headerRows.js';

package/dist/plugins/addColumnFilters.d.ts

@@ -1,8 +1,8 @@
 import type { RenderConfig } from '@humanspeak/svelte-render';
-import type { BodyRow } from '../bodyRows.js';
-import type { TablePlugin, NewTablePropSet } from '../types/TablePlugin.js';
 import { type Readable, type Writable } from 'svelte/store';
+import type { BodyRow } from '../bodyRows.js';
 import type { PluginInitTableState } from '../createViewModel.js';
+import type { NewTablePropSet, TablePlugin } from '../types/TablePlugin.js';
 export interface ColumnFiltersConfig {
     serverSide?: boolean;
 }

package/dist/plugins/addColumnOrder.d.ts

@@ -1,5 +1,5 @@
-import type { NewTablePropSet, TablePlugin } from '../types/TablePlugin.js';
 import { type Writable } from 'svelte/store';
+import type { NewTablePropSet, TablePlugin } from '../types/TablePlugin.js';
 export interface ColumnOrderConfig {
     initialColumnIdOrder?: string[];
     hideUnspecifiedColumns?: boolean;

package/dist/plugins/addDataExport.d.ts

@@ -1,5 +1,5 @@
-import type { TablePlugin } from '../types/TablePlugin.js';
 import { type Readable } from 'svelte/store';
+import type { TablePlugin } from '../types/TablePlugin.js';
 export type DataExportFormat = 'object' | 'json' | 'csv';
 type ExportForFormat = {
     object: Record<string, unknown>[];

package/dist/plugins/addDataExport.js

@@ -1,5 +1,5 @@
-import { isReadable } from '../utils/store.js';
 import { derived, get } from 'svelte/store';
+import { isReadable } from '../utils/store.js';
 const getObjectsFromRows = (rows, ids, childrenKey) => {
     return rows.map((row) => {
         const dataObject = Object.fromEntries(ids.map((id) => {
@@ -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/addExpandedRows.d.ts

@@ -1,7 +1,7 @@
+import { type Readable, type Writable } from 'svelte/store';
 import type { BodyRow } from '../bodyRows.js';
 import type { NewTablePropSet, TablePlugin } from '../types/TablePlugin.js';
 import { type RecordSetStore } from '../utils/store.js';
-import { type Readable, type Writable } from 'svelte/store';
 export interface ExpandedRowsConfig<Item> {
     initialExpandedIds?: Record<string, boolean>;
 }

package/dist/plugins/addExpandedRows.js

@@ -1,6 +1,6 @@
-import { recordSetStore } from '../utils/store.js';
 import { keyed } from '@humanspeak/svelte-keyed';
 import { derived, readable } from 'svelte/store';
+import { recordSetStore } from '../utils/store.js';
 const withExpandedRows = (row, expandedIds) => {
     if (row.subRows === undefined) {
         return [row];

package/dist/plugins/addFlatten.d.ts

@@ -1,13 +1,13 @@
+import { type Writable } from 'svelte/store';
 import type { BodyRow } from '../bodyRows.js';
 import type { NewTablePropSet, TablePlugin } from '../types/TablePlugin.js';
-import { type Writable } from 'svelte/store';
 export interface FlattenConfig {
     initialDepth?: number;
 }
 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

@@ -1,9 +1,9 @@
+import { derived, writable } from 'svelte/store';
 import { DataBodyCell } from '../bodyCells.js';
 import { BodyRow, DisplayBodyRow } from '../bodyRows.js';
 import { isShiftClick } from '../utils/event.js';
 import { nonUndefined } from '../utils/filter.js';
 import { arraySetStore } from '../utils/store.js';
-import { derived, writable } from 'svelte/store';
 const getIdPrefix = (id) => {
     const prefixTokens = id.split('>').slice(0, -1);
     if (prefixTokens.length === 0) {
@@ -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/addHiddenColumns.d.ts

@@ -1,5 +1,5 @@
-import type { NewTablePropSet, TablePlugin } from '../types/TablePlugin.js';
 import { type Writable } from 'svelte/store';
+import type { NewTablePropSet, TablePlugin } from '../types/TablePlugin.js';
 export interface HiddenColumnsConfig {
     initialHiddenColumnIds?: string[];
 }

package/dist/plugins/addPagination.d.ts

@@ -1,5 +1,5 @@
-import type { NewTablePropSet, TablePlugin } from '../types/TablePlugin.js';
 import { type Readable, type Updater, type Writable } from 'svelte/store';
+import type { NewTablePropSet, TablePlugin } from '../types/TablePlugin.js';
 export type PaginationConfig = {
     initialPageIndex?: number;
     initialPageSize?: number;
@@ -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/dist/plugins/addResizedColumns.d.ts

@@ -1,5 +1,5 @@
-import type { NewTableAttributeSet, NewTablePropSet, TablePlugin } from '../types/TablePlugin.js';
 import { type Writable } from 'svelte/store';
+import type { NewTableAttributeSet, NewTablePropSet, TablePlugin } from '../types/TablePlugin.js';
 export interface AddResizedColumnsConfig {
     onResizeEnd?: (ev: Event) => void;
 }

package/dist/plugins/addResizedColumns.js

@@ -1,6 +1,6 @@
-import { sum } from '../utils/math.js';
 import { keyed } from '@humanspeak/svelte-keyed';
 import { derived, writable } from 'svelte/store';
+import { sum } from '../utils/math.js';
 const getDragXPos = (event) => {
     if (event instanceof MouseEvent)
         return event.clientX;

package/dist/plugins/addSelectedRows.d.ts

@@ -1,7 +1,7 @@
+import { type Readable, type Writable } from 'svelte/store';
 import type { BodyRow } from '../bodyRows.js';
 import type { NewTablePropSet, TablePlugin } from '../types/TablePlugin.js';
 import { type RecordSetStore } from '../utils/store.js';
-import { type Readable, type Writable } from 'svelte/store';
 export interface SelectedRowsConfig<Item> {
     initialSelectedDataIds?: Record<string, boolean>;
     linkDataSubRows?: boolean;

package/dist/plugins/addSelectedRows.js

@@ -1,6 +1,6 @@
+import { derived, get } from 'svelte/store';
 import { nonNull } from '../utils/filter.js';
 import { recordSetStore } from '../utils/store.js';
-import { derived, get } from 'svelte/store';
 const isAllSubRowsSelectedForRow = (row, $selectedDataIds, linkDataSubRows) => {
     if (row.isData()) {
         if (!linkDataSubRows || row.subRows === undefined) {

package/dist/plugins/addSortBy.d.ts

@@ -1,6 +1,6 @@
-import type { BodyRow } from '../bodyRows.js';
-import type { TablePlugin, NewTablePropSet } from '../types/TablePlugin.js';
 import { type Readable, type Writable } from 'svelte/store';
+import type { BodyRow } from '../bodyRows.js';
+import type { NewTablePropSet, TablePlugin } from '../types/TablePlugin.js';
 export interface SortByConfig {
     initialSortKeys?: SortKey[];
     disableMultiSort?: boolean;

package/dist/plugins/addSortBy.js

@@ -1,6 +1,6 @@
+import { derived, writable } from 'svelte/store';
 import { compare } from '../utils/compare.js';
 import { isShiftClick } from '../utils/event.js';
-import { derived, writable } from 'svelte/store';
 const DEFAULT_TOGGLE_ORDER = ['asc', 'desc', undefined];
 export const createSortKeysStore = (initKeys) => {
     const { subscribe, update, set } = writable(initKeys);

package/dist/plugins/addSubRows.js

@@ -1,5 +1,5 @@
-import { DataBodyRow, getSubRows } from '../bodyRows.js';
 import { derived } from 'svelte/store';
+import { DataBodyRow, getSubRows } from '../bodyRows.js';
 const withSubRows = (row, getChildren) => {
     const subItems = getChildren(row.original);
     if (subItems === undefined) {

package/dist/plugins/addTableFilter.d.ts

@@ -1,6 +1,6 @@
-import type { BodyRow } from '../bodyRows.js';
-import type { TablePlugin, NewTablePropSet } from '../types/TablePlugin.js';
 import { type Readable, type Writable } from 'svelte/store';
+import type { BodyRow } from '../bodyRows.js';
+import type { NewTablePropSet, TablePlugin } from '../types/TablePlugin.js';
 export interface TableFilterConfig {
     fn?: TableFilterFn;
     initialFilterValue?: string;

package/dist/plugins/addTableFilter.js

@@ -1,5 +1,5 @@
-import { recordSetStore } from '../utils/store.js';
 import { derived, writable } from 'svelte/store';
+import { recordSetStore } from '../utils/store.js';
 import { textPrefixFilter } from './addColumnFilters.js';
 const getFilteredRows = (rows, filterValue, columnOptions, { tableCellMatches, fn, includeHiddenColumns }) => {
     const $filteredRows = rows

package/dist/tableComponent.d.ts

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

package/dist/tableComponent.js

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

package/dist/types/Label.d.ts

@@ -1,4 +1,4 @@
-import type { RenderConfig } from '@humanspeak/svelte-subscribe';
+import type { RenderConfig } from '@humanspeak/svelte-render';
 import type { DataBodyCell, DisplayBodyCell } from '../bodyCells.js';
 import type { TableState } from '../createViewModel.js';
 import type { HeaderCell } from '../headerCells.js';

package/dist/types/TablePlugin.d.ts

@@ -1,10 +1,10 @@
+import type { Readable } from 'svelte/store';
 import type { BodyCell, BodyCellAttributes } from '../bodyCells.js';
 import type { BodyRow, BodyRowAttributes } from '../bodyRows.js';
 import type { DataColumn, FlatColumn } from '../columns.js';
+import type { PluginInitTableState, TableAttributes, TableBodyAttributes, TableHeadAttributes } from '../createViewModel.js';
 import type { HeaderCell, HeaderCellAttributes } from '../headerCells.js';
 import type { HeaderRow, HeaderRowAttributes } from '../headerRows.js';
-import type { PluginInitTableState, TableAttributes, TableBodyAttributes, TableHeadAttributes } from '../createViewModel.js';
-import type { Readable } from 'svelte/store';
 export type TablePlugin<Item, PluginState, ColumnOptions, TablePropSet extends AnyTablePropSet = AnyTablePropSet, TableAttributeSet extends AnyTableAttributeSet = AnyTableAttributeSet> = (init: TablePluginInit<Item, ColumnOptions>) => TablePluginInstance<Item, PluginState, ColumnOptions, TablePropSet, TableAttributeSet>;
 export type TablePluginInit<Item, ColumnOptions> = {
     pluginName: string;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@humanspeak/svelte-headless-table",
-    "version": "5.0.3",
+    "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",
@@ -27,7 +27,7 @@
         "customizable",
         "accessible"
     ],
-    "homepage": "https://github.com/humanspeak/svelte-headless-table#readme",
+    "homepage": "https://table.svelte.page",
     "bugs": {
         "url": "https://github.com/humanspeak/svelte-headless-table/issues"
     },
@@ -75,42 +75,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": "^6.0.0",
-        "@typescript-eslint/parser": "^6.0.0",
-        "@vitest/coverage-v8": "^1.1.1",
-        "eslint": "^8.56.0",
-        "eslint-config-prettier": "^9.1.0",
-        "eslint-plugin-svelte": "^2.35.1",
-        "prettier": "^3.1.1",
-        "prettier-plugin-svelte": "^3.1.2",
-        "publint": "^0.1.9",
-        "svelte": "^4.2.7",
-        "svelte-check": "^3.6.0",
-        "tslib": "^2.4.1",
-        "type-fest": "^4.9.0",
-        "typescript": "^5.0.0",
-        "vite": "^5.0.3",
-        "vitest": "^1.0.0"
+        "@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.13.1"
+        "node": "22.14.0"
     }
 }