@tokis/react 1.0.1 → 1.1.0

package/dist/__tests__/datagrid-utils.test.js

@@ -0,0 +1,190 @@
+import { describe, it, expect } from 'vitest';
+import { sortRows, filterRows, nextSortDirection, paginateRows, computeColumnWidths, } from '../components/datagrid/utils.js';
+const people = [
+    { id: 1, name: 'Alice', age: 30, city: 'New York' },
+    { id: 2, name: 'Charlie', age: 25, city: 'Los Angeles' },
+    { id: 3, name: 'Bob', age: 35, city: 'Chicago' },
+    { id: 4, name: 'Diana', age: 28, city: 'New York' },
+];
+const columns = [
+    { field: 'name', header: 'Name', sortable: true, filterable: true },
+    { field: 'age', header: 'Age', sortable: true, filterable: true },
+    { field: 'city', header: 'City', sortable: true, filterable: true },
+];
+// ─── sortRows ─────────────────────────────────────────────────────────────
+describe('sortRows', () => {
+    it('returns the original array when direction is null', () => {
+        const model = { field: 'name', direction: null };
+        const sorted = sortRows(people, model, columns);
+        expect(sorted.map((p) => p.id)).toEqual([1, 2, 3, 4]);
+    });
+    it('sorts strings ascending (A → Z)', () => {
+        const model = { field: 'name', direction: 'asc' };
+        const sorted = sortRows(people, model, columns);
+        expect(sorted.map((p) => p.name)).toEqual(['Alice', 'Bob', 'Charlie', 'Diana']);
+    });
+    it('sorts strings descending (Z → A)', () => {
+        const model = { field: 'name', direction: 'desc' };
+        const sorted = sortRows(people, model, columns);
+        expect(sorted.map((p) => p.name)).toEqual(['Diana', 'Charlie', 'Bob', 'Alice']);
+    });
+    it('sorts numbers ascending', () => {
+        const model = { field: 'age', direction: 'asc' };
+        const sorted = sortRows(people, model, columns);
+        expect(sorted.map((p) => p.age)).toEqual([25, 28, 30, 35]);
+    });
+    it('sorts numbers descending', () => {
+        const model = { field: 'age', direction: 'desc' };
+        const sorted = sortRows(people, model, columns);
+        expect(sorted.map((p) => p.age)).toEqual([35, 30, 28, 25]);
+    });
+    it('does not mutate the original array', () => {
+        const original = [...people];
+        const model = { field: 'name', direction: 'asc' };
+        sortRows(people, model, columns);
+        expect(people).toEqual(original);
+    });
+    it('returns original rows when field does not match any column', () => {
+        const model = { field: 'nonexistent', direction: 'asc' };
+        const sorted = sortRows(people, model, columns);
+        expect(sorted).toEqual(people);
+    });
+    it('uses valueGetter when provided on a column', () => {
+        const colsWithGetter = [
+            ...columns,
+            {
+                field: 'nameLen',
+                header: 'Name Length',
+                sortable: true,
+                valueGetter: (row) => row.name.length,
+            },
+        ];
+        const model = { field: 'nameLen', direction: 'asc' };
+        const sorted = sortRows(people, model, colsWithGetter);
+        // Alice=5, Bob=3, Charlie=7, Diana=5 → Bob(3), Alice(5)|Diana(5), Charlie(7)
+        expect(sorted[0].name).toBe('Bob');
+        expect(sorted[sorted.length - 1].name).toBe('Charlie');
+    });
+});
+// ─── filterRows ───────────────────────────────────────────────────────────
+describe('filterRows', () => {
+    it('returns all rows when filterModel is empty', () => {
+        const model = {};
+        expect(filterRows(people, model, columns)).toHaveLength(4);
+    });
+    it('filters by quickFilter (case-insensitive, any filterable column)', () => {
+        const model = { quickFilter: 'alice' };
+        const result = filterRows(people, model, columns);
+        expect(result).toHaveLength(1);
+        expect(result[0].name).toBe('Alice');
+    });
+    it('quickFilter matches across multiple columns', () => {
+        const model = { quickFilter: 'new york' };
+        const result = filterRows(people, model, columns);
+        expect(result.map((p) => p.name)).toEqual(['Alice', 'Diana']);
+    });
+    it('returns empty array when quickFilter matches nothing', () => {
+        const model = { quickFilter: 'zzz-no-match' };
+        expect(filterRows(people, model, columns)).toHaveLength(0);
+    });
+    it('filters by columnFilters on a specific field', () => {
+        const model = { columnFilters: { city: 'new york' } };
+        const result = filterRows(people, model, columns);
+        expect(result.map((p) => p.name)).toEqual(['Alice', 'Diana']);
+    });
+    it('combines quickFilter AND columnFilters (both must match)', () => {
+        const model = {
+            quickFilter: 'new york',
+            columnFilters: { name: 'alice' },
+        };
+        const result = filterRows(people, model, columns);
+        expect(result).toHaveLength(1);
+        expect(result[0].name).toBe('Alice');
+    });
+    it('ignores empty columnFilter values', () => {
+        const model = { columnFilters: { name: '' } };
+        expect(filterRows(people, model, columns)).toHaveLength(4);
+    });
+    it('does not filter on columns with filterable=false', () => {
+        const noFilterCols = [
+            { field: 'name', header: 'Name', filterable: false },
+            { field: 'age', header: 'Age', filterable: true },
+        ];
+        // Filtering for "alice" should NOT match since name is not filterable
+        const model = { quickFilter: 'alice' };
+        const result = filterRows(people, model, noFilterCols);
+        expect(result).toHaveLength(0);
+    });
+});
+// ─── nextSortDirection ────────────────────────────────────────────────────
+describe('nextSortDirection', () => {
+    it('first click on a column → asc', () => {
+        const current = { field: '', direction: null };
+        const next = nextSortDirection('', current, 'name');
+        expect(next).toEqual({ field: 'name', direction: 'asc' });
+    });
+    it('second click on same column → desc', () => {
+        const current = { field: 'name', direction: 'asc' };
+        const next = nextSortDirection('name', current, 'name');
+        expect(next).toEqual({ field: 'name', direction: 'desc' });
+    });
+    it('third click on same column → null (clear sort)', () => {
+        const current = { field: 'name', direction: 'desc' };
+        const next = nextSortDirection('name', current, 'name');
+        expect(next).toEqual({ field: 'name', direction: null });
+    });
+    it('clicking a different column resets to asc', () => {
+        const current = { field: 'name', direction: 'desc' };
+        const next = nextSortDirection('name', current, 'age');
+        expect(next).toEqual({ field: 'age', direction: 'asc' });
+    });
+});
+// ─── paginateRows ─────────────────────────────────────────────────────────
+describe('paginateRows', () => {
+    const data = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
+    it('returns first page', () => {
+        expect(paginateRows(data, 0, 3)).toEqual([1, 2, 3]);
+    });
+    it('returns second page', () => {
+        expect(paginateRows(data, 1, 3)).toEqual([4, 5, 6]);
+    });
+    it('returns partial last page', () => {
+        expect(paginateRows(data, 3, 3)).toEqual([10]);
+    });
+    it('returns empty array for out-of-range page', () => {
+        expect(paginateRows(data, 99, 3)).toEqual([]);
+    });
+});
+// ─── computeColumnWidths ──────────────────────────────────────────────────
+describe('computeColumnWidths', () => {
+    it('uses fixed widths for columns with explicit width', () => {
+        const cols = [
+            { field: 'name', header: 'Name', width: 200 },
+            { field: 'age', header: 'Age', width: 100 },
+        ];
+        const widths = computeColumnWidths(cols, 500);
+        expect(widths[0]).toBe(200);
+        expect(widths[1]).toBe(100);
+    });
+    it('distributes remaining space proportionally via flex', () => {
+        const cols = [
+            { field: 'name', header: 'Name', width: 100 },
+            { field: 'city', header: 'City', flex: 1 },
+            { field: 'age', header: 'Age', flex: 2 },
+        ];
+        // totalWidth=400, fixed=100, remaining=300, totalFlex=3
+        // city = (1/3)*300 = 100, age = (2/3)*300 = 200
+        const widths = computeColumnWidths(cols, 400);
+        expect(widths[0]).toBe(100);
+        expect(widths[1]).toBe(100);
+        expect(widths[2]).toBe(200);
+    });
+    it('falls back to 120px when no width or flex is specified', () => {
+        const cols = [
+            { field: 'name', header: 'Name' },
+        ];
+        const widths = computeColumnWidths(cols, 500);
+        expect(widths[0]).toBe(120);
+    });
+});
+//# sourceMappingURL=datagrid-utils.test.js.map

package/dist/__tests__/datagrid-utils.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datagrid-utils.test.js","sourceRoot":"","sources":["../../src/__tests__/datagrid-utils.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EACL,QAAQ,EACR,UAAU,EACV,iBAAiB,EACjB,YAAY,EACZ,mBAAmB,GACpB,MAAM,iCAAiC,CAAC;AAYzC,MAAM,MAAM,GAAa;IACvB,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAI,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,UAAU,EAAK;IACxD,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE;IACxD,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAM,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAM;IACxD,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAI,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,UAAU,EAAK;CACzD,CAAC;AAEF,MAAM,OAAO,GAA6B;IACxC,EAAE,KAAK,EAAE,MAAM,EAAK,MAAM,EAAE,MAAM,EAAK,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE;IACzE,EAAE,KAAK,EAAE,KAAK,EAAM,MAAM,EAAE,KAAK,EAAM,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE;IACzE,EAAE,KAAK,EAAE,MAAM,EAAK,MAAM,EAAE,MAAM,EAAK,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE;CAC1E,CAAC;AAEF,6EAA6E;AAE7E,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IACxB,EAAE,CAAC,mDAAmD,EAAE,GAAG,EAAE;QAC3D,MAAM,KAAK,GAAc,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;QAC5D,MAAM,MAAM,GAAG,QAAQ,CAAC,MAAM,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;QAChD,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IACxD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iCAAiC,EAAE,GAAG,EAAE;QACzC,MAAM,KAAK,GAAc,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;QAC7D,MAAM,MAAM,GAAG,QAAQ,CAAC,MAAM,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;QAChD,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC;IAClF,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kCAAkC,EAAE,GAAG,EAAE;QAC1C,MAAM,KAAK,GAAc,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC;QAC9D,MAAM,MAAM,GAAG,QAAQ,CAAC,MAAM,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;QAChD,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;IAClF,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yBAAyB,EAAE,GAAG,EAAE;QACjC,MAAM,KAAK,GAAc,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;QAC5D,MAAM,MAAM,GAAG,QAAQ,CAAC,MAAM,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;QAChD,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;IAC7D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE;QAClC,MAAM,KAAK,GAAc,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC;QAC7D,MAAM,MAAM,GAAG,QAAQ,CAAC,MAAM,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;QAChD,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;IAC7D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oCAAoC,EAAE,GAAG,EAAE;QAC5C,MAAM,QAAQ,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC;QAC7B,MAAM,KAAK,GAAc,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;QAC7D,QAAQ,CAAC,MAAM,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;QACjC,MAAM,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IACnC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4DAA4D,EAAE,GAAG,EAAE;QACpE,MAAM,KAAK,GAAc,EAAE,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;QACpE,MAAM,MAAM,GAAG,QAAQ,CAAC,MAAM,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;QAChD,MAAM,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4CAA4C,EAAE,GAAG,EAAE;QACpD,MAAM,cAAc,GAA6B;YAC/C,GAAG,OAAO;YACV;gBACE,KAAK,EAAE,SAAS;gBAChB,MAAM,EAAE,aAAa;gBACrB,QAAQ,EAAE,IAAI;gBACd,WAAW,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM;aACtC;SACF,CAAC;QACF,MAAM,KAAK,GAAc,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;QAChE,MAAM,MAAM,GAAG,QAAQ,CAAC,MAAM,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC;QACvD,6EAA6E;QAC7E,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACnC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACzD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,6EAA6E;AAE7E,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;IAC1B,EAAE,CAAC,4CAA4C,EAAE,GAAG,EAAE;QACpD,MAAM,KAAK,GAAgB,EAAE,CAAC;QAC9B,MAAM,CAAC,UAAU,CAAC,MAAM,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;IAC7D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kEAAkE,EAAE,GAAG,EAAE;QAC1E,MAAM,KAAK,GAAgB,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC;QACpD,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;QAClD,MAAM,CAAC,MAAM,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;QAC/B,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACvC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6CAA6C,EAAE,GAAG,EAAE;QACrD,MAAM,KAAK,GAAgB,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC;QACvD,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;QAClD,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAChE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sDAAsD,EAAE,GAAG,EAAE;QAC9D,MAAM,KAAK,GAAgB,EAAE,WAAW,EAAE,cAAc,EAAE,CAAC;QAC3D,MAAM,CAAC,UAAU,CAAC,MAAM,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;IAC7D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8CAA8C,EAAE,GAAG,EAAE;QACtD,MAAM,KAAK,GAAgB,EAAE,aAAa,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,CAAC;QACnE,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;QAClD,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAChE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0DAA0D,EAAE,GAAG,EAAE;QAClE,MAAM,KAAK,GAAgB;YACzB,WAAW,EAAE,UAAU;YACvB,aAAa,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SACjC,CAAC;QACF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;QAClD,MAAM,CAAC,MAAM,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;QAC/B,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACvC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE,GAAG,EAAE;QAC3C,MAAM,KAAK,GAAgB,EAAE,aAAa,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC;QAC3D,MAAM,CAAC,UAAU,CAAC,MAAM,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;IAC7D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kDAAkD,EAAE,GAAG,EAAE;QAC1D,MAAM,YAAY,GAA6B;YAC7C,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE;YACpD,EAAE,KAAK,EAAE,KAAK,EAAG,MAAM,EAAE,KAAK,EAAG,UAAU,EAAE,IAAI,EAAG;SACrD,CAAC;QACF,sEAAsE;QACtE,MAAM,KAAK,GAAgB,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC;QACpD,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC;QACvD,MAAM,CAAC,MAAM,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;IACjC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,6EAA6E;AAE7E,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;IACjC,EAAE,CAAC,+BAA+B,EAAE,GAAG,EAAE;QACvC,MAAM,OAAO,GAAc,EAAE,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;QAC1D,MAAM,IAAI,GAAG,iBAAiB,CAAC,EAAE,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;QACpD,MAAM,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC;IAC5D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oCAAoC,EAAE,GAAG,EAAE;QAC5C,MAAM,OAAO,GAAc,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;QAC/D,MAAM,IAAI,GAAG,iBAAiB,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;QACxD,MAAM,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC,CAAC;IAC7D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACxD,MAAM,OAAO,GAAc,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC;QAChE,MAAM,IAAI,GAAG,iBAAiB,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;QACxD,MAAM,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;IAC3D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2CAA2C,EAAE,GAAG,EAAE;QACnD,MAAM,OAAO,GAAc,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC;QAChE,MAAM,IAAI,GAAG,iBAAiB,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;QACvD,MAAM,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC;IAC3D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,6EAA6E;AAE7E,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC5B,MAAM,IAAI,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IAE7C,EAAE,CAAC,oBAAoB,EAAE,GAAG,EAAE;QAC5B,MAAM,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IACtD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qBAAqB,EAAE,GAAG,EAAE;QAC7B,MAAM,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IACtD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2BAA2B,EAAE,GAAG,EAAE;QACnC,MAAM,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACjD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2CAA2C,EAAE,GAAG,EAAE;QACnD,MAAM,CAAC,YAAY,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAChD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,6EAA6E;AAE7E,QAAQ,CAAC,qBAAqB,EAAE,GAAG,EAAE;IACnC,EAAE,CAAC,mDAAmD,EAAE,GAAG,EAAE;QAC3D,MAAM,IAAI,GAA6B;YACrC,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE;YAC7C,EAAE,KAAK,EAAE,KAAK,EAAG,MAAM,EAAE,KAAK,EAAG,KAAK,EAAE,GAAG,EAAE;SAC9C,CAAC;QACF,MAAM,MAAM,GAAG,mBAAmB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;QAC9C,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAC5B,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC9B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qDAAqD,EAAE,GAAG,EAAE;QAC7D,MAAM,IAAI,GAA6B;YACrC,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE;YAC7C,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EAAE;YAC1C,EAAE,KAAK,EAAE,KAAK,EAAG,MAAM,EAAE,KAAK,EAAG,IAAI,EAAE,CAAC,EAAE;SAC3C,CAAC;QACF,wDAAwD;QACxD,gDAAgD;QAChD,MAAM,MAAM,GAAG,mBAAmB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;QAC9C,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAC5B,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAC5B,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC9B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wDAAwD,EAAE,GAAG,EAAE;QAChE,MAAM,IAAI,GAA6B;YACrC,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE;SAClC,CAAC;QACF,MAAM,MAAM,GAAG,mBAAmB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;QAC9C,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC9B,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/__tests__/date-utils.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=date-utils.test.d.ts.map

package/dist/__tests__/date-utils.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-utils.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/date-utils.test.ts"],"names":[],"mappings":""}

package/dist/__tests__/date-utils.test.js

@@ -0,0 +1,180 @@
+import { describe, it, expect } from 'vitest';
+import { parseDate, formatDate, buildCalendarGrid, isSameDay, isBeforeDay, isAfterDay, daysInMonth, parseTime, formatTime, today, } from '../components/datepicker/date-utils.js';
+// ─── parseDate ─────────────────────────────────────────────────────────────
+describe('parseDate', () => {
+    it('parses a valid YYYY-MM-DD string into a local Date', () => {
+        const d = parseDate('2025-06-15');
+        expect(d).not.toBeNull();
+        expect(d.getFullYear()).toBe(2025);
+        expect(d.getMonth()).toBe(5); // 0-indexed
+        expect(d.getDate()).toBe(15);
+    });
+    it('returns null for undefined input', () => {
+        expect(parseDate(undefined)).toBeNull();
+    });
+    it('returns null for empty string', () => {
+        expect(parseDate('')).toBeNull();
+    });
+    it('returns null for invalid format', () => {
+        expect(parseDate('15-06-2025')).toBeNull();
+        expect(parseDate('2025/06/15')).toBeNull();
+    });
+    it('returns null for invalid dates that would roll over (e.g. Feb 30)', () => {
+        expect(parseDate('2024-02-30')).toBeNull();
+    });
+    it('handles leap year Feb 29 correctly', () => {
+        const d = parseDate('2024-02-29');
+        expect(d).not.toBeNull();
+        expect(d.getDate()).toBe(29);
+    });
+    it('returns null for non-leap year Feb 29', () => {
+        expect(parseDate('2023-02-29')).toBeNull();
+    });
+});
+// ─── formatDate ───────────────────────────────────────────────────────────
+describe('formatDate', () => {
+    it('formats a date as YYYY-MM-DD', () => {
+        expect(formatDate(new Date(2025, 0, 5))).toBe('2025-01-05');
+        expect(formatDate(new Date(2025, 11, 31))).toBe('2025-12-31');
+    });
+    it('pads single-digit months and days with a leading zero', () => {
+        expect(formatDate(new Date(2025, 0, 1))).toBe('2025-01-01');
+        expect(formatDate(new Date(2025, 8, 9))).toBe('2025-09-09');
+    });
+    it('round-trips with parseDate', () => {
+        const original = '2025-03-17';
+        const d = parseDate(original);
+        expect(formatDate(d)).toBe(original);
+    });
+});
+// ─── daysInMonth ──────────────────────────────────────────────────────────
+describe('daysInMonth', () => {
+    it('returns 31 for January', () => {
+        expect(daysInMonth(2025, 0)).toBe(31);
+    });
+    it('returns 28 for February in a non-leap year', () => {
+        expect(daysInMonth(2023, 1)).toBe(28);
+    });
+    it('returns 29 for February in a leap year', () => {
+        expect(daysInMonth(2024, 1)).toBe(29);
+    });
+    it('returns 30 for April', () => {
+        expect(daysInMonth(2025, 3)).toBe(30);
+    });
+    it('returns 31 for December', () => {
+        expect(daysInMonth(2025, 11)).toBe(31);
+    });
+});
+// ─── buildCalendarGrid ────────────────────────────────────────────────────
+describe('buildCalendarGrid', () => {
+    it('always produces exactly 6 rows', () => {
+        const grid = buildCalendarGrid(2025, 0); // Jan 2025
+        expect(grid).toHaveLength(6);
+    });
+    it('each row has exactly 7 cells', () => {
+        const grid = buildCalendarGrid(2025, 0);
+        grid.forEach((row) => expect(row).toHaveLength(7));
+    });
+    it('includes all days of the target month', () => {
+        const grid = buildCalendarGrid(2025, 0); // 31 days
+        const dates = grid.flat();
+        const jan2025Days = dates.filter((d) => d.getFullYear() === 2025 && d.getMonth() === 0);
+        expect(jan2025Days).toHaveLength(31);
+    });
+    it('pads with previous-month days so the grid starts on Sunday', () => {
+        // Jan 1, 2025 is a Wednesday (day 3) — so first 3 cells should be Dec days
+        const grid = buildCalendarGrid(2025, 0);
+        const firstRow = grid[0];
+        const prevMonthCells = firstRow.filter((d) => d.getMonth() === 11); // December
+        expect(prevMonthCells.length).toBe(3); // Wed=3, so 3 Dec days prepend
+    });
+    it('pads with next-month days to complete 42 cells', () => {
+        const grid = buildCalendarGrid(2025, 0);
+        const dates = grid.flat();
+        const jan = dates.filter((d) => d.getMonth() === 0 && d.getFullYear() === 2025);
+        const dec = dates.filter((d) => d.getMonth() === 11 && d.getFullYear() === 2024);
+        const feb = dates.filter((d) => d.getMonth() === 1 && d.getFullYear() === 2025);
+        expect(jan.length + dec.length + feb.length).toBe(42);
+    });
+});
+// ─── isSameDay ────────────────────────────────────────────────────────────
+describe('isSameDay', () => {
+    it('returns true for the same calendar day', () => {
+        const a = new Date(2025, 5, 15, 8, 0); // 8am
+        const b = new Date(2025, 5, 15, 23, 59); // 11pm
+        expect(isSameDay(a, b)).toBe(true);
+    });
+    it('returns false for different days', () => {
+        expect(isSameDay(new Date(2025, 5, 15), new Date(2025, 5, 16))).toBe(false);
+    });
+    it('returns false for same day but different month', () => {
+        expect(isSameDay(new Date(2025, 4, 15), new Date(2025, 5, 15))).toBe(false);
+    });
+});
+// ─── isBeforeDay / isAfterDay ─────────────────────────────────────────────
+describe('isBeforeDay', () => {
+    it('returns true when date is before min', () => {
+        expect(isBeforeDay(new Date(2025, 0, 1), new Date(2025, 0, 5))).toBe(true);
+    });
+    it('returns false when date equals min', () => {
+        expect(isBeforeDay(new Date(2025, 0, 5), new Date(2025, 0, 5))).toBe(false);
+    });
+    it('returns false when date is after min', () => {
+        expect(isBeforeDay(new Date(2025, 0, 10), new Date(2025, 0, 5))).toBe(false);
+    });
+});
+describe('isAfterDay', () => {
+    it('returns true when date is after max', () => {
+        expect(isAfterDay(new Date(2025, 0, 10), new Date(2025, 0, 5))).toBe(true);
+    });
+    it('returns false when date equals max', () => {
+        expect(isAfterDay(new Date(2025, 0, 5), new Date(2025, 0, 5))).toBe(false);
+    });
+    it('returns false when date is before max', () => {
+        expect(isAfterDay(new Date(2025, 0, 1), new Date(2025, 0, 5))).toBe(false);
+    });
+});
+// ─── today ────────────────────────────────────────────────────────────────
+describe('today', () => {
+    it('returns a Date with hours/minutes/seconds set to 0 (local midnight)', () => {
+        const t = today();
+        expect(t.getHours()).toBe(0);
+        expect(t.getMinutes()).toBe(0);
+        expect(t.getSeconds()).toBe(0);
+        expect(t.getMilliseconds()).toBe(0);
+    });
+    it('matches the current local date', () => {
+        const now = new Date();
+        const t = today();
+        expect(t.getFullYear()).toBe(now.getFullYear());
+        expect(t.getMonth()).toBe(now.getMonth());
+        expect(t.getDate()).toBe(now.getDate());
+    });
+});
+// ─── parseTime / formatTime ───────────────────────────────────────────────
+describe('parseTime', () => {
+    it('parses HH:MM into hours and minutes', () => {
+        expect(parseTime('09:30')).toEqual({ hours: 9, minutes: 30 });
+        expect(parseTime('23:59')).toEqual({ hours: 23, minutes: 59 });
+        expect(parseTime('00:00')).toEqual({ hours: 0, minutes: 0 });
+    });
+    it('returns zero hours and minutes for undefined', () => {
+        expect(parseTime(undefined)).toEqual({ hours: 0, minutes: 0 });
+    });
+    it('returns zero hours and minutes for empty string', () => {
+        expect(parseTime('')).toEqual({ hours: 0, minutes: 0 });
+    });
+});
+describe('formatTime', () => {
+    it('formats as HH:MM with leading zeros', () => {
+        expect(formatTime(9, 5)).toBe('09:05');
+        expect(formatTime(0, 0)).toBe('00:00');
+        expect(formatTime(23, 59)).toBe('23:59');
+    });
+    it('round-trips with parseTime', () => {
+        const original = '14:07';
+        const { hours, minutes } = parseTime(original);
+        expect(formatTime(hours, minutes)).toBe(original);
+    });
+});
+//# sourceMappingURL=date-utils.test.js.map

package/dist/__tests__/date-utils.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-utils.test.js","sourceRoot":"","sources":["../../src/__tests__/date-utils.test.ts"],"names":[],"mappings":"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"}

package/dist/cjs/components/accordion/index.js

@@ -32,5 +32,5 @@ function AccordionItemComponent({ item, isOpen, onToggle }) {
     const triggerId = (0, react_1.useId)();
     const panelId = (0, react_1.useId)();
     return ((0, jsx_runtime_1.jsxs)("div", { className: "tokis-accordion-item", children: [(0, jsx_runtime_1.jsxs)("button", { id: triggerId, type: "button", "aria-expanded": isOpen, "aria-controls": panelId, "aria-disabled": item.disabled || undefined, disabled: item.disabled, className: "tokis-accordion-trigger", onClick: () => { if (!item.disabled)
-                    onToggle(item.value); }, children: [(0, jsx_runtime_1.jsx)("span", { style: { flex: 1, textAlign: 'left' }, children: item.trigger }), (0, jsx_runtime_1.jsx)("svg", { className: "tokis-accordion-trigger__icon", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: (0, jsx_runtime_1.jsx)("path", { d: "M4 6l4 4 4-4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })] }), (0, jsx_runtime_1.jsx)("div", { id: panelId, role: "region", "aria-labelledby": triggerId, className: "tokis-accordion-content", "data-open": isOpen ? 'true' : 'false', "aria-hidden": !isOpen, children: (0, jsx_runtime_1.jsx)("div", { className: "tokis-accordion-content-inner", children: item.content }) })] }));
+                    onToggle(item.value); }, children: [(0, jsx_runtime_1.jsx)("span", { style: { flex: 1, textAlign: 'start' }, children: item.trigger }), (0, jsx_runtime_1.jsx)("svg", { className: "tokis-accordion-trigger__icon", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: (0, jsx_runtime_1.jsx)("path", { d: "M4 6l4 4 4-4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })] }), (0, jsx_runtime_1.jsx)("div", { id: panelId, role: "region", "aria-labelledby": triggerId, className: "tokis-accordion-content", "data-open": isOpen ? 'true' : 'false', "aria-hidden": !isOpen, children: (0, jsx_runtime_1.jsx)("div", { className: "tokis-accordion-content-inner", children: item.content }) })] }));
 }

package/dist/cjs/components/checkbox/index.js

@@ -14,5 +14,6 @@ function Checkbox({ label, description, checked, defaultChecked, indeterminate =
             inputRef.current.indeterminate = indeterminate;
         }
     }, [indeterminate]);
-    return ((0, jsx_runtime_1.jsxs)("label", { className: (0, cn_js_1.cn)('tokis-checkbox-root', className), "data-disabled": disabled || undefined, htmlFor: inputId, children: [(0, jsx_runtime_1.jsx)("input", { ref: inputRef, type: "checkbox", id: inputId, name: name, value: value, checked: checked, defaultChecked: defaultChecked, disabled: disabled, onChange: (e) => onChange?.(e.target.checked), className: "tokis-checkbox-native", "aria-label": !label ? ariaLabel : undefined, "aria-describedby": descId }), (0, jsx_runtime_1.jsx)("span", { "aria-hidden": "true", className: "tokis-checkbox-control", "data-checked": checked && !indeterminate ? 'true' : undefined, "data-indeterminate": indeterminate ? 'true' : undefined }), (label || description) && ((0, jsx_runtime_1.jsxs)("div", { children: [label && (0, jsx_runtime_1.jsx)("span", { className: "tokis-checkbox-label", children: label }), description && (0, jsx_runtime_1.jsx)("p", { id: descId, className: "tokis-checkbox-description", children: description })] }))] }));
+    return ((0, jsx_runtime_1.jsxs)("label", { className: (0, cn_js_1.cn)('tokis-checkbox-root', className), "data-disabled": disabled || undefined, htmlFor: inputId, children: [(0, jsx_runtime_1.jsx)("input", { ref: inputRef, type: "checkbox", id: inputId, name: name, value: value, checked: checked, defaultChecked: defaultChecked, disabled: disabled, onChange: (e) => { if (!disabled)
+                    onChange?.(e.target.checked); }, className: "tokis-checkbox-native", "aria-label": !label ? ariaLabel : undefined, "aria-describedby": descId }), (0, jsx_runtime_1.jsx)("span", { "aria-hidden": "true", className: "tokis-checkbox-control", "data-checked": checked && !indeterminate ? 'true' : undefined, "data-indeterminate": indeterminate ? 'true' : undefined }), (label || description) && ((0, jsx_runtime_1.jsxs)("div", { children: [label && (0, jsx_runtime_1.jsx)("span", { className: "tokis-checkbox-label", children: label }), description && (0, jsx_runtime_1.jsx)("p", { id: descId, className: "tokis-checkbox-description", children: description })] }))] }));
 }

package/dist/cjs/components/datagrid/index.js

@@ -0,0 +1,161 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataGrid = DataGrid;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * DataGrid — feature-complete data table for Tokis.
+ *
+ * Features:
+ *  - Column sorting (asc/desc/none cycle, click header)
+ *  - Quick filter toolbar
+ *  - Per-column text filtering
+ *  - Client-side pagination with page-size selector
+ *  - Row selection (single / multi-select checkboxes)
+ *  - Custom cell rendering (renderCell)
+ *  - Loading skeleton state
+ *  - Empty state
+ *  - Windowed virtual scrolling (fixed height + rowHeight)
+ *  - Controlled & uncontrolled patterns for sort, filter, page
+ *  - ARIA: role="grid", aria-sort, aria-rowcount, aria-colcount
+ */
+const react_1 = require("react");
+const cn_js_1 = require("../../utils/cn");
+const utils_js_1 = require("./utils");
+// ─── Sort icon ────────────────────────────────────────────────────────────────
+function SortIcon({ direction }) {
+    if (!direction)
+        return (0, jsx_runtime_1.jsx)("span", { className: "tokis-dg-sort-icon tokis-dg-sort-icon--none", "aria-hidden": "true", children: "\u21C5" });
+    if (direction === 'asc')
+        return (0, jsx_runtime_1.jsx)("span", { className: "tokis-dg-sort-icon", "aria-hidden": "true", children: "\u2191" });
+    return (0, jsx_runtime_1.jsx)("span", { className: "tokis-dg-sort-icon", "aria-hidden": "true", children: "\u2193" });
+}
+function DataGridToolbar({ quickFilter, onQuickFilter }) {
+    return ((0, jsx_runtime_1.jsx)("div", { className: "tokis-dg-toolbar", children: (0, jsx_runtime_1.jsx)("input", { type: "search", className: "tokis-dg-search", placeholder: "Search\u2026", value: quickFilter, "aria-label": "Quick filter", onChange: (e) => onQuickFilter(e.target.value) }) }));
+}
+function DataGridHeader({ columns, sortModel, onSort, checkboxSelection, allSelected, someSelected, onSelectAll, columnFilters, onColumnFilter, }) {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "tokis-dg-header", role: "rowgroup", children: [(0, jsx_runtime_1.jsxs)("div", { className: "tokis-dg-row tokis-dg-row--header", role: "row", children: [checkboxSelection && ((0, jsx_runtime_1.jsx)("div", { className: "tokis-dg-cell tokis-dg-cell--checkbox", role: "columnheader", "aria-label": "Select all", children: (0, jsx_runtime_1.jsx)("input", { type: "checkbox", checked: allSelected, ref: (el) => { if (el)
+                                el.indeterminate = someSelected && !allSelected; }, onChange: (e) => onSelectAll(e.target.checked), "aria-label": "Select all rows" }) })), columns.map((col) => {
+                        const isSorted = sortModel.field === col.field && sortModel.direction != null;
+                        return ((0, jsx_runtime_1.jsxs)("div", { className: (0, cn_js_1.cn)('tokis-dg-cell', 'tokis-dg-cell--header', col.sortable !== false && 'tokis-dg-cell--sortable'), role: "columnheader", "aria-sort": isSorted ? (sortModel.direction === 'asc' ? 'ascending' : 'descending') : 'none', style: { '--dg-align': col.headerAlign ?? col.align ?? 'start' }, onClick: () => col.sortable !== false && onSort(col.field), children: [col.renderHeader ? col.renderHeader(col) : (col.headerName ?? col.field), col.sortable !== false && ((0, jsx_runtime_1.jsx)(SortIcon, { direction: isSorted ? sortModel.direction : null }))] }, col.field));
+                    })] }), columns.some((c) => c.filterable) && ((0, jsx_runtime_1.jsxs)("div", { className: "tokis-dg-row tokis-dg-row--filter-row", role: "row", "aria-label": "Column filters", children: [checkboxSelection && (0, jsx_runtime_1.jsx)("div", { className: "tokis-dg-cell tokis-dg-cell--checkbox", role: "cell" }), columns.map((col) => ((0, jsx_runtime_1.jsx)("div", { className: "tokis-dg-cell tokis-dg-cell--filter", role: "cell", children: col.filterable && ((0, jsx_runtime_1.jsx)("input", { type: "search", className: "tokis-dg-col-filter", placeholder: `Filter ${col.headerName ?? col.field}…`, value: columnFilters[col.field] ?? '', "aria-label": `Filter by ${col.headerName ?? col.field}`, onChange: (e) => onColumnFilter(col.field, e.target.value) })) }, col.field)))] }))] }));
+}
+function DataGridPagination({ page, pageSize, pageSizeOptions, total, onPageChange, onPageSizeChange }) {
+    const totalPages = Math.max(1, Math.ceil(total / pageSize));
+    const start = page * pageSize + 1;
+    const end = Math.min((page + 1) * pageSize, total);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "tokis-dg-pagination", role: "navigation", "aria-label": "Pagination", children: [(0, jsx_runtime_1.jsx)("span", { className: "tokis-dg-pagination-info", children: total === 0 ? '0 rows' : `${start}–${end} of ${total}` }), (0, jsx_runtime_1.jsx)("select", { className: "tokis-dg-page-size", value: pageSize, "aria-label": "Rows per page", onChange: (e) => { onPageSizeChange(Number(e.target.value)); onPageChange(0); }, children: pageSizeOptions.map((s) => (0, jsx_runtime_1.jsxs)("option", { value: s, children: [s, " / page"] }, s)) }), (0, jsx_runtime_1.jsx)("button", { className: "tokis-dg-page-btn", disabled: page === 0, onClick: () => onPageChange(0), "aria-label": "First page", children: "\u00AB" }), (0, jsx_runtime_1.jsx)("button", { className: "tokis-dg-page-btn", disabled: page === 0, onClick: () => onPageChange(page - 1), "aria-label": "Previous page", children: "\u2039" }), (0, jsx_runtime_1.jsx)("button", { className: "tokis-dg-page-btn", disabled: page >= totalPages - 1, onClick: () => onPageChange(page + 1), "aria-label": "Next page", children: "\u203A" }), (0, jsx_runtime_1.jsx)("button", { className: "tokis-dg-page-btn", disabled: page >= totalPages - 1, onClick: () => onPageChange(totalPages - 1), "aria-label": "Last page", children: "\u00BB" })] }));
+}
+// ─── Skeleton loader ──────────────────────────────────────────────────────────
+function DataGridSkeleton({ rows, columns }) {
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: Array.from({ length: rows }).map((_, r) => ((0, jsx_runtime_1.jsx)("div", { className: "tokis-dg-row tokis-dg-row--skeleton", role: "row", "aria-hidden": "true", children: Array.from({ length: columns }).map((__, c) => ((0, jsx_runtime_1.jsx)("div", { className: "tokis-dg-cell", children: (0, jsx_runtime_1.jsx)("span", { className: "tokis-dg-skeleton-bar" }) }, c))) }, r))) }));
+}
+// ─── Main DataGrid ────────────────────────────────────────────────────────────
+function DataGrid({ columns, rows, rowIdField = 'id', loading = false, emptyText = 'No rows', checkboxSelection = false, selectionModel: selectionProp, onSelectionChange, onRowClick, sortModel: sortProp, onSortModelChange, filterModel: filterProp, onFilterModelChange, showToolbar = false, pageSize: pageSizeProp = 25, pageSizeOptions = [10, 25, 50, 100], page: pageProp, onPageChange, height, rowHeight = 48, className, }) {
+    // ── Internal state (uncontrolled fallbacks) ──
+    const [sortInternal, setSortInternal] = (0, react_1.useState)({ field: '', direction: null });
+    const [filterInternal, setFilterInternal] = (0, react_1.useState)({ quickFilter: '', columnFilters: {} });
+    const [pageInternal, setPageInternal] = (0, react_1.useState)(0);
+    const [pageSizeInternal, setPageSizeInternal] = (0, react_1.useState)(pageSizeProp);
+    const [selectionInternal, setSelectionInternal] = (0, react_1.useState)([]);
+    const sort = sortProp ?? sortInternal;
+    const filterModel = filterProp ?? filterInternal;
+    const page = pageProp ?? pageInternal;
+    const pageSize = pageSizeInternal;
+    const selection = selectionProp ?? selectionInternal;
+    const setSort = (0, react_1.useCallback)((model) => {
+        if (onSortModelChange)
+            onSortModelChange(model);
+        else
+            setSortInternal(model);
+    }, [onSortModelChange]);
+    const setFilter = (0, react_1.useCallback)((model) => {
+        if (onFilterModelChange)
+            onFilterModelChange(model);
+        else
+            setFilterInternal(model);
+        // Reset to page 0 on filter change
+        if (onPageChange)
+            onPageChange(0);
+        else
+            setPageInternal(0);
+    }, [onFilterModelChange, onPageChange]);
+    const setPage = (0, react_1.useCallback)((p) => {
+        if (onPageChange)
+            onPageChange(p);
+        else
+            setPageInternal(p);
+    }, [onPageChange]);
+    const setSelection = (0, react_1.useCallback)((ids) => {
+        if (onSelectionChange)
+            onSelectionChange(ids);
+        else
+            setSelectionInternal(ids);
+    }, [onSelectionChange]);
+    // ── Process rows ──
+    const processed = (0, react_1.useMemo)(() => {
+        let r = (0, utils_js_1.filterRows)(rows, filterModel, columns);
+        r = (0, utils_js_1.sortRows)(r, sort, columns);
+        return r;
+    }, [rows, filterModel, sort, columns]);
+    const paginated = (0, react_1.useMemo)(() => (0, utils_js_1.paginateRows)(processed, page, pageSize), [processed, page, pageSize]);
+    // ── Virtualization ──
+    const bodyRef = (0, react_1.useRef)(null);
+    const [scrollTop, setScrollTop] = (0, react_1.useState)(0);
+    const isVirtualized = typeof height === 'number';
+    (0, react_1.useEffect)(() => {
+        const el = bodyRef.current;
+        if (!el || !isVirtualized)
+            return;
+        const handler = () => setScrollTop(el.scrollTop);
+        el.addEventListener('scroll', handler, { passive: true });
+        return () => el.removeEventListener('scroll', handler);
+    }, [isVirtualized]);
+    const OVERSCAN = 5;
+    const visibleStart = isVirtualized ? Math.max(0, Math.floor(scrollTop / rowHeight) - OVERSCAN) : 0;
+    const visibleCount = isVirtualized ? Math.ceil((Number(height) / rowHeight) + OVERSCAN * 2) : paginated.length;
+    const visibleEnd = Math.min(paginated.length, visibleStart + visibleCount);
+    const visibleRows = isVirtualized ? paginated.slice(visibleStart, visibleEnd) : paginated;
+    const paddingTop = isVirtualized ? visibleStart * rowHeight : 0;
+    const paddingBottom = isVirtualized ? Math.max(0, (paginated.length - visibleEnd) * rowHeight) : 0;
+    // ── Selection helpers ──
+    const allOnPageSelected = paginated.length > 0 && paginated.every((r) => selection.includes(r[rowIdField]));
+    const someOnPageSelected = paginated.some((r) => selection.includes(r[rowIdField]));
+    const handleSelectAll = (checked) => {
+        if (checked) {
+            const newIds = paginated.map((r) => r[rowIdField]);
+            const merged = Array.from(new Set([...selection, ...newIds]));
+            setSelection(merged);
+        }
+        else {
+            const pageIds = new Set(paginated.map((r) => r[rowIdField]));
+            setSelection(selection.filter((id) => !pageIds.has(id)));
+        }
+    };
+    const handleRowSelect = (rowId, checked) => {
+        if (checked)
+            setSelection([...selection, rowId]);
+        else
+            setSelection(selection.filter((id) => id !== rowId));
+    };
+    // ── Sort handler ──
+    const handleSort = (field) => {
+        setSort((0, utils_js_1.nextSortDirection)(sort.field, sort, field));
+    };
+    // ── Filter handlers ──
+    const handleQuickFilter = (v) => setFilter({ ...filterModel, quickFilter: v });
+    const handleColumnFilter = (field, v) => {
+        setFilter({ ...filterModel, columnFilters: { ...(filterModel.columnFilters ?? {}), [field]: v } });
+    };
+    // ── Render ──
+    const bodyStyle = height
+        ? { height: typeof height === 'number' ? `${height}px` : height, overflowY: 'auto' }
+        : {};
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, cn_js_1.cn)('tokis-datagrid', className), role: "grid", "aria-rowcount": processed.length, "aria-colcount": columns.length, "aria-busy": loading, children: [showToolbar && ((0, jsx_runtime_1.jsx)(DataGridToolbar, { quickFilter: filterModel.quickFilter ?? '', onQuickFilter: handleQuickFilter })), (0, jsx_runtime_1.jsx)(DataGridHeader, { columns: columns, sortModel: sort, onSort: handleSort, checkboxSelection: checkboxSelection, allSelected: allOnPageSelected, someSelected: someOnPageSelected, onSelectAll: handleSelectAll, columnFilters: filterModel.columnFilters ?? {}, onColumnFilter: handleColumnFilter }), (0, jsx_runtime_1.jsx)("div", { className: "tokis-dg-body", ref: bodyRef, style: bodyStyle, role: "rowgroup", children: loading ? ((0, jsx_runtime_1.jsx)(DataGridSkeleton, { rows: Math.min(pageSize, 8), columns: columns.length + (checkboxSelection ? 1 : 0) })) : processed.length === 0 ? ((0, jsx_runtime_1.jsx)("div", { className: "tokis-dg-empty", role: "row", children: (0, jsx_runtime_1.jsx)("div", { className: "tokis-dg-cell", role: "cell", style: { gridColumn: '1 / -1' }, children: emptyText }) })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [paddingTop > 0 && (0, jsx_runtime_1.jsx)("div", { style: { height: paddingTop }, "aria-hidden": "true" }), visibleRows.map((row, idx) => {
+                            const rowId = row[rowIdField];
+                            const isSelected = selection.includes(rowId);
+                            return ((0, jsx_runtime_1.jsxs)("div", { className: (0, cn_js_1.cn)('tokis-dg-row', isSelected && 'tokis-dg-row--selected'), role: "row", "aria-rowindex": visibleStart + idx + 2, "aria-selected": checkboxSelection ? isSelected : undefined, style: { height: `${rowHeight}px` }, onClick: (e) => onRowClick?.(row, e), children: [checkboxSelection && ((0, jsx_runtime_1.jsx)("div", { className: "tokis-dg-cell tokis-dg-cell--checkbox", role: "gridcell", children: (0, jsx_runtime_1.jsx)("input", { type: "checkbox", checked: isSelected, "aria-label": `Select row ${rowId}`, onChange: (e) => handleRowSelect(rowId, e.target.checked), onClick: (e) => e.stopPropagation() }) })), columns.map((col) => {
+                                        const value = col.valueGetter ? col.valueGetter(row) : row[col.field];
+                                        return ((0, jsx_runtime_1.jsx)("div", { className: "tokis-dg-cell", role: "gridcell", style: { '--dg-align': col.align ?? 'start', ...col.cellStyle }, children: col.renderCell ? col.renderCell({ value, row, field: col.field }) : value }, col.field));
+                                    })] }, rowId ?? visibleStart + idx));
+                        }), paddingBottom > 0 && (0, jsx_runtime_1.jsx)("div", { style: { height: paddingBottom }, "aria-hidden": "true" })] })) }), (0, jsx_runtime_1.jsx)(DataGridPagination, { page: page, pageSize: pageSize, pageSizeOptions: pageSizeOptions, total: processed.length, onPageChange: setPage, onPageSizeChange: setPageSizeInternal })] }));
+}

package/dist/cjs/components/datagrid/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });