@svgrid/grid 1.1.2 → 1.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (143) hide show
  1. package/dist/SvGrid.css +294 -16
  2. package/dist/SvGrid.svelte +4 -1
  3. package/dist/SvGridDropdown.svelte +7 -3
  4. package/dist/cdn/svgrid.js +13506 -0
  5. package/dist/cdn/svgrid.svelte-external.js +11190 -0
  6. package/package.json +12 -2
  7. package/src/SvGrid.css +294 -16
  8. package/src/SvGrid.svelte +4 -1
  9. package/src/SvGridDropdown.svelte +7 -3
  10. package/dist/SvGrid.helpers.test.d.ts +0 -1
  11. package/dist/SvGrid.helpers.test.js +0 -298
  12. package/dist/SvGridChart.test.d.ts +0 -1
  13. package/dist/SvGridChart.test.js +0 -62
  14. package/dist/a11y.contract.test.d.ts +0 -1
  15. package/dist/a11y.contract.test.js +0 -39
  16. package/dist/a11y.test.d.ts +0 -1
  17. package/dist/a11y.test.js +0 -44
  18. package/dist/aligned-grids.test.d.ts +0 -1
  19. package/dist/aligned-grids.test.js +0 -75
  20. package/dist/build-api.coverage.test.d.ts +0 -20
  21. package/dist/build-api.coverage.test.js +0 -505
  22. package/dist/cell-formatting.test.d.ts +0 -1
  23. package/dist/cell-formatting.test.js +0 -234
  24. package/dist/cell-render.test.d.ts +0 -1
  25. package/dist/cell-render.test.js +0 -338
  26. package/dist/chart-export.test.d.ts +0 -1
  27. package/dist/chart-export.test.js +0 -302
  28. package/dist/chart.coverage.test.d.ts +0 -1
  29. package/dist/chart.coverage.test.js +0 -748
  30. package/dist/chart.test.d.ts +0 -1
  31. package/dist/chart.test.js +0 -289
  32. package/dist/clipboard.test.d.ts +0 -1
  33. package/dist/clipboard.test.js +0 -700
  34. package/dist/collaboration.coverage.test.d.ts +0 -1
  35. package/dist/collaboration.coverage.test.js +0 -200
  36. package/dist/collaboration.test.d.ts +0 -1
  37. package/dist/collaboration.test.js +0 -65
  38. package/dist/column-groups.test.d.ts +0 -1
  39. package/dist/column-groups.test.js +0 -56
  40. package/dist/column-types.test.d.ts +0 -1
  41. package/dist/column-types.test.js +0 -62
  42. package/dist/columns.test.d.ts +0 -1
  43. package/dist/columns.test.js +0 -625
  44. package/dist/conditional-formatting.test.d.ts +0 -1
  45. package/dist/conditional-formatting.test.js +0 -87
  46. package/dist/core.coverage.test.d.ts +0 -1
  47. package/dist/core.coverage.test.js +0 -186
  48. package/dist/core.performance.test.d.ts +0 -1
  49. package/dist/core.performance.test.js +0 -29
  50. package/dist/createGrid.test.d.ts +0 -1
  51. package/dist/createGrid.test.js +0 -9
  52. package/dist/editing.test.d.ts +0 -1
  53. package/dist/editing.test.js +0 -732
  54. package/dist/editors/cell-editors.coverage.test.d.ts +0 -1
  55. package/dist/editors/cell-editors.coverage.test.js +0 -139
  56. package/dist/editors/cell-editors.test.d.ts +0 -1
  57. package/dist/editors/cell-editors.test.js +0 -75
  58. package/dist/facet-buckets.test.d.ts +0 -1
  59. package/dist/facet-buckets.test.js +0 -296
  60. package/dist/fill-patterns.test.d.ts +0 -1
  61. package/dist/fill-patterns.test.js +0 -81
  62. package/dist/filter-operators.test.d.ts +0 -1
  63. package/dist/filter-operators.test.js +0 -135
  64. package/dist/filtering/excel-filters.test.d.ts +0 -1
  65. package/dist/filtering/excel-filters.test.js +0 -116
  66. package/dist/filtering/locale-filter.test.d.ts +0 -13
  67. package/dist/filtering/locale-filter.test.js +0 -189
  68. package/dist/flex-render.test.d.ts +0 -1
  69. package/dist/flex-render.test.js +0 -142
  70. package/dist/group-aggregate.test.d.ts +0 -1
  71. package/dist/group-aggregate.test.js +0 -32
  72. package/dist/hyperformula-adapter.test.d.ts +0 -1
  73. package/dist/hyperformula-adapter.test.js +0 -205
  74. package/dist/keyboard-handlers.coverage.test.d.ts +0 -1
  75. package/dist/keyboard-handlers.coverage.test.js +0 -495
  76. package/dist/keyboard.test.d.ts +0 -1
  77. package/dist/keyboard.test.js +0 -27
  78. package/dist/menus.test.d.ts +0 -1
  79. package/dist/menus.test.js +0 -560
  80. package/dist/named-views.coverage.test.d.ts +0 -1
  81. package/dist/named-views.coverage.test.js +0 -180
  82. package/dist/named-views.test.d.ts +0 -1
  83. package/dist/named-views.test.js +0 -57
  84. package/dist/new-features.test.d.ts +0 -1
  85. package/dist/new-features.test.js +0 -183
  86. package/dist/render-component.test.d.ts +0 -1
  87. package/dist/render-component.test.js +0 -41
  88. package/dist/row-drag.test.d.ts +0 -1
  89. package/dist/row-drag.test.js +0 -142
  90. package/dist/row-resize.test.d.ts +0 -1
  91. package/dist/row-resize.test.js +0 -329
  92. package/dist/scroll-sync.test.d.ts +0 -1
  93. package/dist/scroll-sync.test.js +0 -290
  94. package/dist/selection.multi-range.test.d.ts +0 -1
  95. package/dist/selection.multi-range.test.js +0 -55
  96. package/dist/selection.test.d.ts +0 -1
  97. package/dist/selection.test.js +0 -647
  98. package/dist/server-data-source.coverage.test.d.ts +0 -1
  99. package/dist/server-data-source.coverage.test.js +0 -154
  100. package/dist/server-data-source.test.d.ts +0 -1
  101. package/dist/server-data-source.test.js +0 -81
  102. package/dist/sparkline.test.d.ts +0 -1
  103. package/dist/sparkline.test.js +0 -52
  104. package/dist/spreadsheet.test.d.ts +0 -1
  105. package/dist/spreadsheet.test.js +0 -446
  106. package/dist/subscribe.test.d.ts +0 -1
  107. package/dist/subscribe.test.js +0 -93
  108. package/dist/svgrid.api-extensions.test.d.ts +0 -14
  109. package/dist/svgrid.api-extensions.test.js +0 -334
  110. package/dist/svgrid.api.test.d.ts +0 -15
  111. package/dist/svgrid.api.test.js +0 -169
  112. package/dist/svgrid.behavior.test.d.ts +0 -15
  113. package/dist/svgrid.behavior.test.js +0 -625
  114. package/dist/svgrid.column-reorder.test.d.ts +0 -15
  115. package/dist/svgrid.column-reorder.test.js +0 -224
  116. package/dist/svgrid.comments-autocomplete.test.d.ts +0 -1
  117. package/dist/svgrid.comments-autocomplete.test.js +0 -96
  118. package/dist/svgrid.context-menu.test.d.ts +0 -1
  119. package/dist/svgrid.context-menu.test.js +0 -102
  120. package/dist/svgrid.features.test.d.ts +0 -1
  121. package/dist/svgrid.features.test.js +0 -129
  122. package/dist/svgrid.interaction.test.d.ts +0 -9
  123. package/dist/svgrid.interaction.test.js +0 -349
  124. package/dist/svgrid.locale-filtering.test.d.ts +0 -15
  125. package/dist/svgrid.locale-filtering.test.js +0 -261
  126. package/dist/svgrid.new-features.wrapper.test.d.ts +0 -1
  127. package/dist/svgrid.new-features.wrapper.test.js +0 -194
  128. package/dist/svgrid.row-pinning.test.d.ts +0 -14
  129. package/dist/svgrid.row-pinning.test.js +0 -250
  130. package/dist/svgrid.set-filter.test.d.ts +0 -17
  131. package/dist/svgrid.set-filter.test.js +0 -268
  132. package/dist/svgrid.wrapper.test.d.ts +0 -1
  133. package/dist/svgrid.wrapper.test.js +0 -59
  134. package/dist/test-setup.d.ts +0 -1
  135. package/dist/test-setup.js +0 -35
  136. package/dist/transaction.test.d.ts +0 -1
  137. package/dist/transaction.test.js +0 -89
  138. package/dist/virtualization/column-virtualizer.test.d.ts +0 -1
  139. package/dist/virtualization/column-virtualizer.test.js +0 -25
  140. package/dist/virtualization/scroll-scaling.test.d.ts +0 -1
  141. package/dist/virtualization/scroll-scaling.test.js +0 -127
  142. package/dist/virtualization/virtualizer.test.d.ts +0 -1
  143. package/dist/virtualization/virtualizer.test.js +0 -41
@@ -1,87 +0,0 @@
1
- import { describe, expect, it } from 'vitest';
2
- import { computeColumnStat, lerpColor, contrastText, resolveCellFormat, formatsNeedingStats, } from './conditional-formatting';
3
- describe('contrastText', () => {
4
- it('returns dark text on light backgrounds, white on dark', () => {
5
- expect(contrastText('#fde68a')).toBe('#1e293b'); // light yellow
6
- expect(contrastText('#86efac')).toBe('#1e293b'); // light green
7
- expect(contrastText('#1d4ed8')).toBe('#ffffff'); // deep blue
8
- });
9
- it('returns null for non-hex backgrounds', () => {
10
- expect(contrastText('var(--x)')).toBeNull();
11
- });
12
- });
13
- describe('computeColumnStat', () => {
14
- it('returns min/max of finite numbers', () => {
15
- expect(computeColumnStat([3, 1, 'x', 9, null])).toEqual({ min: 1, max: 9 });
16
- });
17
- it('returns null when nothing is numeric', () => {
18
- expect(computeColumnStat(['a', null, undefined])).toBeNull();
19
- });
20
- });
21
- describe('lerpColor', () => {
22
- it('interpolates midpoint', () => {
23
- expect(lerpColor('#000000', '#ffffff', 0.5)).toBe('#808080');
24
- });
25
- it('clamps and falls back on bad input', () => {
26
- expect(lerpColor('#ff0000', '#00ff00', 0)).toBe('#ff0000');
27
- expect(lerpColor('nope', '#00ff00', 0.5)).toBe('nope');
28
- });
29
- });
30
- describe('resolveCellFormat', () => {
31
- const stat = { min: 0, max: 100 };
32
- it('color scale maps value position to a gradient color', () => {
33
- const fmts = [
34
- { type: 'colorScale', min: '#ff0000', max: '#00ff00' },
35
- ];
36
- expect(resolveCellFormat(0, {}, 'c', fmts, stat).background).toBe('#ff0000');
37
- expect(resolveCellFormat(100, {}, 'c', fmts, stat).background).toBe('#00ff00');
38
- expect(resolveCellFormat(50, {}, 'c', fmts, stat).background).toBe('#808000');
39
- });
40
- it('data bar computes a percent and picks negative color', () => {
41
- const fmts = [
42
- { type: 'dataBar', color: '#16a34a', negativeColor: '#ef4444' },
43
- ];
44
- const pos = resolveCellFormat(50, {}, 'c', fmts, { min: -100, max: 100 });
45
- expect(pos.dataBar?.percent).toBeCloseTo(75);
46
- expect(pos.dataBar?.color).toBe('#16a34a');
47
- const neg = resolveCellFormat(-50, {}, 'c', fmts, { min: -100, max: 100 });
48
- expect(neg.dataBar?.color).toBe('#ef4444');
49
- });
50
- it('icon set buckets by ascending thresholds', () => {
51
- const fmts = [
52
- { type: 'iconSet', set: 'arrows', thresholds: [0, 50] },
53
- ];
54
- expect(resolveCellFormat(-5, {}, 'c', fmts, null).icon).toBe('↓');
55
- expect(resolveCellFormat(10, {}, 'c', fmts, null).icon).toBe('→');
56
- expect(resolveCellFormat(80, {}, 'c', fmts, null).icon).toBe('↑');
57
- });
58
- it('rule applies styles only when the predicate matches', () => {
59
- const fmts = [
60
- {
61
- type: 'rule',
62
- when: ({ value }) => Number(value) < 0,
63
- background: '#fee2e2',
64
- color: '#991b1b',
65
- },
66
- ];
67
- expect(resolveCellFormat(-1, {}, 'c', fmts, null).background).toBe('#fee2e2');
68
- expect(resolveCellFormat(1, {}, 'c', fmts, null).background).toBeUndefined();
69
- });
70
- it('respects the columns scope', () => {
71
- const fmts = [
72
- { type: 'colorScale', min: '#000000', max: '#ffffff', columns: ['other'] },
73
- ];
74
- expect(resolveCellFormat(50, {}, 'c', fmts, stat).background).toBeUndefined();
75
- });
76
- it('later formats override earlier ones', () => {
77
- const fmts = [
78
- { type: 'rule', when: () => true, background: '#aaa' },
79
- { type: 'rule', when: () => true, background: '#bbb' },
80
- ];
81
- expect(resolveCellFormat(1, {}, 'c', fmts, null).background).toBe('#bbb');
82
- });
83
- it('formatsNeedingStats flags colorScale/dataBar only', () => {
84
- expect(formatsNeedingStats([{ type: 'iconSet', thresholds: [0] }])).toBe(false);
85
- expect(formatsNeedingStats([{ type: 'dataBar', color: '#000' }])).toBe(true);
86
- });
87
- });
@@ -1 +0,0 @@
1
- export {};
@@ -1,186 +0,0 @@
1
- /**
2
- * Targets uncovered branches in core.ts:
3
- * - row.getAllCells() / cell.getValue() / cell.getContext()
4
- * - row.getCellValueByColumnId() (both hit + miss path)
5
- * - sortFns variants (alphanumeric, basic, datetime)
6
- * - filterFns variants
7
- * - grouping aggregations
8
- * - paginated row model edge cases
9
- */
10
- import { describe, expect, it } from 'vitest';
11
- import { columnFilteringFeature, columnGroupingFeature, createCoreRowModel, createExpandedRowModel, createFilteredRowModel, createGroupedRowModel, createPaginatedRowModel, createSortedRowModel, createSvGrid, filterFns, rowExpandingFeature, rowPaginationFeature, rowSelectionFeature, rowSortingFeature, sortFns, tableFeatures, } from './index';
12
- import { isFunction } from './core';
13
- const features = tableFeatures({
14
- columnFilteringFeature,
15
- columnGroupingFeature,
16
- rowExpandingFeature,
17
- rowPaginationFeature,
18
- rowSelectionFeature,
19
- rowSortingFeature,
20
- });
21
- const data = [
22
- { id: 1, name: 'Ada', team: 'A', salary: 100, born: '1815-12-10' },
23
- { id: 2, name: 'Grace', team: 'B', salary: 200, born: '1906-12-09' },
24
- { id: 3, name: 'Alan', team: 'A', salary: 150, born: '1912-06-23' },
25
- { id: 4, name: 'Linus', team: 'C', salary: 300, born: '1969-12-28' },
26
- { id: 5, name: 'Donald', team: 'A', salary: 90, born: '1938-01-10' },
27
- ];
28
- const columns = [
29
- { field: 'name', header: 'Name' },
30
- { field: 'team', header: 'Team' },
31
- { field: 'salary', header: 'Salary' },
32
- { field: 'born', header: 'Born' },
33
- ];
34
- function makeGrid(state) {
35
- return createSvGrid({
36
- data,
37
- columns,
38
- _features: features,
39
- _rowModels: {
40
- coreRowModel: createCoreRowModel(),
41
- filteredRowModel: createFilteredRowModel(),
42
- sortedRowModel: createSortedRowModel(sortFns),
43
- groupedRowModel: createGroupedRowModel(),
44
- expandedRowModel: createExpandedRowModel(),
45
- paginatedRowModel: createPaginatedRowModel(),
46
- },
47
- state,
48
- });
49
- }
50
- describe('core - row / cell lazy getters', () => {
51
- it('exercises row.getAllCells() and cell.getValue()', () => {
52
- const grid = makeGrid();
53
- const rows = grid.getRowModel().rows;
54
- expect(rows.length).toBeGreaterThan(0);
55
- for (const row of rows) {
56
- const cells = row.getAllCells();
57
- expect(Array.isArray(cells)).toBe(true);
58
- for (const cell of cells) {
59
- const value = cell.getValue();
60
- expect(value).not.toBeUndefined();
61
- const ctx = cell.getContext();
62
- expect(ctx).toBeDefined();
63
- expect(ctx.row).toBe(row);
64
- expect(ctx.table).toBe(grid);
65
- }
66
- }
67
- });
68
- it('getCellValueByColumnId returns undefined for unknown columns', () => {
69
- const grid = makeGrid();
70
- const row = grid.getRowModel().rows[0];
71
- expect(row.getCellValueByColumnId('no-such')).toBeUndefined();
72
- expect(row.getCellValueByColumnId('name')).toBeDefined();
73
- });
74
- it('caches cached row reference after first access', () => {
75
- const grid = makeGrid();
76
- const a = grid.getRowModel().rows[0];
77
- const b = grid.getRowModel().rows[0];
78
- expect(a).toBe(b);
79
- const cellsA = a.getAllCells();
80
- const cellsB = a.getAllCells();
81
- expect(cellsA).toBe(cellsB); // cache hit
82
- });
83
- });
84
- describe('core - sortFns variants', () => {
85
- it('auto comparator uses locale string compare', () => {
86
- expect(sortFns.auto('apple', 'banana')).toBeLessThan(0);
87
- expect(sortFns.auto('banana', 'apple')).toBeGreaterThan(0);
88
- expect(sortFns.auto('apple', 'apple')).toBe(0);
89
- });
90
- it('number comparator is numeric', () => {
91
- expect(sortFns.number(1, 2)).toBeLessThan(0);
92
- expect(sortFns.number(2, 1)).toBeGreaterThan(0);
93
- expect(sortFns.number(1, 1)).toBe(0);
94
- });
95
- it('number comparator coerces null to 0', () => {
96
- expect(sortFns.number(null, 1)).toBeLessThan(0);
97
- expect(sortFns.number(null, null)).toBe(0);
98
- });
99
- it('date comparator compares ISO strings', () => {
100
- expect(sortFns.date('2020-01-01', '2021-01-01')).toBeLessThan(0);
101
- expect(sortFns.date('2021-01-01', '2020-01-01')).toBeGreaterThan(0);
102
- });
103
- });
104
- describe('core - filterFns variants', () => {
105
- it('includesString matches case-insensitive substrings', () => {
106
- expect(filterFns.includesString('Hello World', 'world')).toBe(true);
107
- expect(filterFns.includesString('Hello', 'xyz')).toBe(false);
108
- });
109
- it('equals matches identical values', () => {
110
- expect(filterFns.equals('x', 'x')).toBe(true);
111
- expect(filterFns.equals('x', 'y')).toBe(false);
112
- expect(filterFns.equals(1, 1)).toBe(true);
113
- expect(filterFns.equals(1, '1')).toBe(false);
114
- });
115
- it('all exported filterFns are callable', () => {
116
- for (const key of Object.keys(filterFns)) {
117
- expect(typeof filterFns[key]).toBe('function');
118
- }
119
- });
120
- });
121
- describe('core - grouping with aggregations', () => {
122
- it('grouping by team produces grouped rows', () => {
123
- const grid = makeGrid({ grouping: ['team'] });
124
- const rows = grid.getRowModel().rows;
125
- expect(rows.length).toBeGreaterThan(0);
126
- });
127
- it('explicitly expanding a group shows nested rows', () => {
128
- const grid = makeGrid({
129
- grouping: ['team'],
130
- expanded: { group_team_A: true },
131
- });
132
- const rows = grid.getRowModel().rows;
133
- expect(rows.length).toBeGreaterThan(0);
134
- });
135
- });
136
- describe('core - pagination edge cases', () => {
137
- it('page 0 with size larger than data set returns the whole set', () => {
138
- const grid = makeGrid({ pagination: { pageIndex: 0, pageSize: 1000 } });
139
- const rows = grid.getRowModel().rows;
140
- expect(rows.length).toBeLessThanOrEqual(data.length);
141
- });
142
- it('past-the-end page returns an empty rowset', () => {
143
- const grid = makeGrid({ pagination: { pageIndex: 999, pageSize: 2 } });
144
- const rows = grid.getRowModel().rows;
145
- expect(rows.length).toBe(0);
146
- });
147
- it('basic page-2 slicing', () => {
148
- const grid = makeGrid({ pagination: { pageIndex: 1, pageSize: 2 } });
149
- const rows = grid.getRowModel().rows;
150
- expect(rows.length).toBeLessThanOrEqual(2);
151
- });
152
- });
153
- describe('core - selection state', () => {
154
- it('initialises with an empty selection record', () => {
155
- const grid = makeGrid();
156
- expect(grid.getState().rowSelection ?? {}).toEqual({});
157
- });
158
- it('stores a selection set via initial state', () => {
159
- const grid = makeGrid({ rowSelection: { 'row-0': true } });
160
- expect(grid.getState().rowSelection).toEqual({ 'row-0': true });
161
- });
162
- });
163
- describe('isFunction helper', () => {
164
- it('returns true for functions', () => {
165
- expect(isFunction(() => 0)).toBe(true);
166
- expect(isFunction(function () { })).toBe(true);
167
- });
168
- it('returns false for non-functions', () => {
169
- expect(isFunction(null)).toBe(false);
170
- expect(isFunction(undefined)).toBe(false);
171
- expect(isFunction('string')).toBe(false);
172
- expect(isFunction(42)).toBe(false);
173
- expect(isFunction({})).toBe(false);
174
- });
175
- });
176
- describe('core - column visibility + leaf columns', () => {
177
- it('getAllColumns returns one entry per column def', () => {
178
- const grid = makeGrid();
179
- expect(grid.getAllColumns().length).toBe(columns.length);
180
- });
181
- it('getVisibleLeafColumns reflects columnVisibility state', () => {
182
- const grid = makeGrid({ columnVisibility: { name: false } });
183
- const visible = grid.getVisibleLeafColumns?.() ?? grid.getAllColumns();
184
- expect(Array.isArray(visible)).toBe(true);
185
- });
186
- });
@@ -1 +0,0 @@
1
- export {};
@@ -1,29 +0,0 @@
1
- import { describe, expect, it } from 'vitest';
2
- import { createCoreRowModel, createSortedRowModel, createSvGrid, sortFns, tableFeatures } from './index';
3
- describe('core performance smoke', () => {
4
- it('handles large synthetic shape with bounded row model call', () => {
5
- const columns = Array.from({ length: 50 }, (_, index) => ({
6
- field: `c${index}`,
7
- editorType: 'number',
8
- }));
9
- const data = Array.from({ length: 5000 }, (_, rowIndex) => {
10
- const row = {};
11
- for (let col = 0; col < 50; col += 1)
12
- row[`c${col}`] = rowIndex + col;
13
- return row;
14
- });
15
- const grid = createSvGrid({
16
- _features: tableFeatures({}),
17
- _rowModels: {
18
- coreRowModel: createCoreRowModel(),
19
- sortedRowModel: createSortedRowModel(sortFns),
20
- },
21
- columns,
22
- data,
23
- state: { sorting: [{ id: 'c0', desc: true }, { id: 'c1', desc: false }] },
24
- });
25
- const rows = grid.getRowModel().rows;
26
- expect(rows.length).toBe(5000);
27
- expect(rows[0]?.getCellValueByColumnId('c0')).toBe(4999);
28
- });
29
- });
@@ -1 +0,0 @@
1
- export {};
@@ -1,9 +0,0 @@
1
- import { describe, expect, it } from 'vitest';
2
- import { createGridState } from './index';
3
- describe('createGrid', () => {
4
- it('createGridState updates controlled values', () => {
5
- const [sorting, setSorting] = createGridState([{ id: 'age', desc: false }]);
6
- setSorting((prev) => prev.map((entry) => ({ ...entry, desc: true })));
7
- expect(sorting()[0]?.desc).toBe(true);
8
- });
9
- });
@@ -1 +0,0 @@
1
- export {};