@svgrid/grid 1.1.2 → 1.2.1

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 (141) hide show
  1. package/dist/SvGrid.svelte +3 -1
  2. package/dist/SvGridDropdown.svelte +7 -3
  3. package/dist/cdn/svgrid.js +13504 -0
  4. package/dist/cdn/svgrid.svelte-external.js +11188 -0
  5. package/package.json +12 -2
  6. package/src/SvGrid.svelte +3 -1
  7. package/src/SvGridDropdown.svelte +7 -3
  8. package/dist/SvGrid.helpers.test.d.ts +0 -1
  9. package/dist/SvGrid.helpers.test.js +0 -298
  10. package/dist/SvGridChart.test.d.ts +0 -1
  11. package/dist/SvGridChart.test.js +0 -62
  12. package/dist/a11y.contract.test.d.ts +0 -1
  13. package/dist/a11y.contract.test.js +0 -39
  14. package/dist/a11y.test.d.ts +0 -1
  15. package/dist/a11y.test.js +0 -44
  16. package/dist/aligned-grids.test.d.ts +0 -1
  17. package/dist/aligned-grids.test.js +0 -75
  18. package/dist/build-api.coverage.test.d.ts +0 -20
  19. package/dist/build-api.coverage.test.js +0 -505
  20. package/dist/cell-formatting.test.d.ts +0 -1
  21. package/dist/cell-formatting.test.js +0 -234
  22. package/dist/cell-render.test.d.ts +0 -1
  23. package/dist/cell-render.test.js +0 -338
  24. package/dist/chart-export.test.d.ts +0 -1
  25. package/dist/chart-export.test.js +0 -302
  26. package/dist/chart.coverage.test.d.ts +0 -1
  27. package/dist/chart.coverage.test.js +0 -748
  28. package/dist/chart.test.d.ts +0 -1
  29. package/dist/chart.test.js +0 -289
  30. package/dist/clipboard.test.d.ts +0 -1
  31. package/dist/clipboard.test.js +0 -700
  32. package/dist/collaboration.coverage.test.d.ts +0 -1
  33. package/dist/collaboration.coverage.test.js +0 -200
  34. package/dist/collaboration.test.d.ts +0 -1
  35. package/dist/collaboration.test.js +0 -65
  36. package/dist/column-groups.test.d.ts +0 -1
  37. package/dist/column-groups.test.js +0 -56
  38. package/dist/column-types.test.d.ts +0 -1
  39. package/dist/column-types.test.js +0 -62
  40. package/dist/columns.test.d.ts +0 -1
  41. package/dist/columns.test.js +0 -625
  42. package/dist/conditional-formatting.test.d.ts +0 -1
  43. package/dist/conditional-formatting.test.js +0 -87
  44. package/dist/core.coverage.test.d.ts +0 -1
  45. package/dist/core.coverage.test.js +0 -186
  46. package/dist/core.performance.test.d.ts +0 -1
  47. package/dist/core.performance.test.js +0 -29
  48. package/dist/createGrid.test.d.ts +0 -1
  49. package/dist/createGrid.test.js +0 -9
  50. package/dist/editing.test.d.ts +0 -1
  51. package/dist/editing.test.js +0 -732
  52. package/dist/editors/cell-editors.coverage.test.d.ts +0 -1
  53. package/dist/editors/cell-editors.coverage.test.js +0 -139
  54. package/dist/editors/cell-editors.test.d.ts +0 -1
  55. package/dist/editors/cell-editors.test.js +0 -75
  56. package/dist/facet-buckets.test.d.ts +0 -1
  57. package/dist/facet-buckets.test.js +0 -296
  58. package/dist/fill-patterns.test.d.ts +0 -1
  59. package/dist/fill-patterns.test.js +0 -81
  60. package/dist/filter-operators.test.d.ts +0 -1
  61. package/dist/filter-operators.test.js +0 -135
  62. package/dist/filtering/excel-filters.test.d.ts +0 -1
  63. package/dist/filtering/excel-filters.test.js +0 -116
  64. package/dist/filtering/locale-filter.test.d.ts +0 -13
  65. package/dist/filtering/locale-filter.test.js +0 -189
  66. package/dist/flex-render.test.d.ts +0 -1
  67. package/dist/flex-render.test.js +0 -142
  68. package/dist/group-aggregate.test.d.ts +0 -1
  69. package/dist/group-aggregate.test.js +0 -32
  70. package/dist/hyperformula-adapter.test.d.ts +0 -1
  71. package/dist/hyperformula-adapter.test.js +0 -205
  72. package/dist/keyboard-handlers.coverage.test.d.ts +0 -1
  73. package/dist/keyboard-handlers.coverage.test.js +0 -495
  74. package/dist/keyboard.test.d.ts +0 -1
  75. package/dist/keyboard.test.js +0 -27
  76. package/dist/menus.test.d.ts +0 -1
  77. package/dist/menus.test.js +0 -560
  78. package/dist/named-views.coverage.test.d.ts +0 -1
  79. package/dist/named-views.coverage.test.js +0 -180
  80. package/dist/named-views.test.d.ts +0 -1
  81. package/dist/named-views.test.js +0 -57
  82. package/dist/new-features.test.d.ts +0 -1
  83. package/dist/new-features.test.js +0 -183
  84. package/dist/render-component.test.d.ts +0 -1
  85. package/dist/render-component.test.js +0 -41
  86. package/dist/row-drag.test.d.ts +0 -1
  87. package/dist/row-drag.test.js +0 -142
  88. package/dist/row-resize.test.d.ts +0 -1
  89. package/dist/row-resize.test.js +0 -329
  90. package/dist/scroll-sync.test.d.ts +0 -1
  91. package/dist/scroll-sync.test.js +0 -290
  92. package/dist/selection.multi-range.test.d.ts +0 -1
  93. package/dist/selection.multi-range.test.js +0 -55
  94. package/dist/selection.test.d.ts +0 -1
  95. package/dist/selection.test.js +0 -647
  96. package/dist/server-data-source.coverage.test.d.ts +0 -1
  97. package/dist/server-data-source.coverage.test.js +0 -154
  98. package/dist/server-data-source.test.d.ts +0 -1
  99. package/dist/server-data-source.test.js +0 -81
  100. package/dist/sparkline.test.d.ts +0 -1
  101. package/dist/sparkline.test.js +0 -52
  102. package/dist/spreadsheet.test.d.ts +0 -1
  103. package/dist/spreadsheet.test.js +0 -446
  104. package/dist/subscribe.test.d.ts +0 -1
  105. package/dist/subscribe.test.js +0 -93
  106. package/dist/svgrid.api-extensions.test.d.ts +0 -14
  107. package/dist/svgrid.api-extensions.test.js +0 -334
  108. package/dist/svgrid.api.test.d.ts +0 -15
  109. package/dist/svgrid.api.test.js +0 -169
  110. package/dist/svgrid.behavior.test.d.ts +0 -15
  111. package/dist/svgrid.behavior.test.js +0 -625
  112. package/dist/svgrid.column-reorder.test.d.ts +0 -15
  113. package/dist/svgrid.column-reorder.test.js +0 -224
  114. package/dist/svgrid.comments-autocomplete.test.d.ts +0 -1
  115. package/dist/svgrid.comments-autocomplete.test.js +0 -96
  116. package/dist/svgrid.context-menu.test.d.ts +0 -1
  117. package/dist/svgrid.context-menu.test.js +0 -102
  118. package/dist/svgrid.features.test.d.ts +0 -1
  119. package/dist/svgrid.features.test.js +0 -129
  120. package/dist/svgrid.interaction.test.d.ts +0 -9
  121. package/dist/svgrid.interaction.test.js +0 -349
  122. package/dist/svgrid.locale-filtering.test.d.ts +0 -15
  123. package/dist/svgrid.locale-filtering.test.js +0 -261
  124. package/dist/svgrid.new-features.wrapper.test.d.ts +0 -1
  125. package/dist/svgrid.new-features.wrapper.test.js +0 -194
  126. package/dist/svgrid.row-pinning.test.d.ts +0 -14
  127. package/dist/svgrid.row-pinning.test.js +0 -250
  128. package/dist/svgrid.set-filter.test.d.ts +0 -17
  129. package/dist/svgrid.set-filter.test.js +0 -268
  130. package/dist/svgrid.wrapper.test.d.ts +0 -1
  131. package/dist/svgrid.wrapper.test.js +0 -59
  132. package/dist/test-setup.d.ts +0 -1
  133. package/dist/test-setup.js +0 -35
  134. package/dist/transaction.test.d.ts +0 -1
  135. package/dist/transaction.test.js +0 -89
  136. package/dist/virtualization/column-virtualizer.test.d.ts +0 -1
  137. package/dist/virtualization/column-virtualizer.test.js +0 -25
  138. package/dist/virtualization/scroll-scaling.test.d.ts +0 -1
  139. package/dist/virtualization/scroll-scaling.test.js +0 -127
  140. package/dist/virtualization/virtualizer.test.d.ts +0 -1
  141. package/dist/virtualization/virtualizer.test.js +0 -41
@@ -1,560 +0,0 @@
1
- import { describe, expect, it, vi } from 'vitest';
2
- import { createMenus } from './menus';
3
- // ---------------------------------------------------------------------------
4
- // Fake controller (`ctx`) for the menus factory. The factory reads/writes
5
- // plain menu/filter/pagination state and calls a few `ctx.grid.*` methods and
6
- // clipboard/data helpers. We build the minimal surface each path touches.
7
- // ---------------------------------------------------------------------------
8
- function makeCtx(overrides = {}) {
9
- let gridState = {
10
- grouping: overrides.grouping ?? [],
11
- ...overrides.gridState,
12
- };
13
- const ctx = {
14
- filterRowValues: {},
15
- filterMenuValues: {},
16
- valueFilters: {},
17
- columnMenuFor: null,
18
- filterMenuFor: null,
19
- operatorMenuFor: null,
20
- chooseColumnsPos: null,
21
- columnMenuPos: null,
22
- filterMenuPos: null,
23
- operatorMenuPos: null,
24
- columnMenuSearch: '',
25
- contextMenuFor: null,
26
- contextMenuPos: { x: 0, y: 0 },
27
- commentEditFor: null,
28
- commentDraft: '',
29
- noteOverrides: {},
30
- columnMenuFacetValues: [],
31
- showColumnFiltersEffective: true,
32
- showFilterRowEffective: false,
33
- scrollContainer: null,
34
- internalData: [],
35
- internalColumns: [],
36
- props: {},
37
- copySelectionToClipboard: vi.fn(),
38
- cutSelectionToClipboard: vi.fn(),
39
- pasteFromClipboard: vi.fn(),
40
- clearSelectedCells: vi.fn(),
41
- allRows: [],
42
- grid: {
43
- getState: () => gridState,
44
- setGrouping: vi.fn((g) => {
45
- gridState = { ...gridState, grouping: g };
46
- }),
47
- setPagination: vi.fn(),
48
- store: {
49
- setState: vi.fn((updater) => {
50
- gridState =
51
- typeof updater === 'function' ? updater(gridState) : { ...gridState, ...updater };
52
- }),
53
- },
54
- _peek: () => gridState,
55
- },
56
- ...overrides,
57
- };
58
- return ctx;
59
- }
60
- describe('createMenus - filter row/menu value updates', () => {
61
- it('updateFilterRow seeds both filterRowValues and filterMenuValues', () => {
62
- const ctx = makeCtx();
63
- const m = createMenus(ctx);
64
- m.updateFilterRow('name', 'abc');
65
- expect(ctx.filterRowValues.name).toBe('abc');
66
- expect(ctx.filterMenuValues.name).toEqual({ operator: 'contains', value: 'abc' });
67
- });
68
- it('updateFilterRow preserves an existing operator', () => {
69
- const ctx = makeCtx({ filterMenuValues: { name: { operator: 'equals', value: '' } } });
70
- const m = createMenus(ctx);
71
- m.updateFilterRow('name', 'x');
72
- expect(ctx.filterMenuValues.name).toEqual({ operator: 'equals', value: 'x' });
73
- });
74
- it('updateFilterOperator changes operator, defaulting value', () => {
75
- const ctx = makeCtx();
76
- const m = createMenus(ctx);
77
- m.updateFilterOperator('age', 'greaterThan');
78
- expect(ctx.filterMenuValues.age).toEqual({ operator: 'greaterThan', value: '' });
79
- });
80
- it('updateFilterOperator keeps an existing value', () => {
81
- const ctx = makeCtx({ filterMenuValues: { age: { operator: 'contains', value: '5' } } });
82
- const m = createMenus(ctx);
83
- m.updateFilterOperator('age', 'lessThan');
84
- expect(ctx.filterMenuValues.age).toEqual({ operator: 'lessThan', value: '5' });
85
- });
86
- it('updateFilterMenuValue mirrors value into the filter row', () => {
87
- const ctx = makeCtx();
88
- const m = createMenus(ctx);
89
- m.updateFilterMenuValue('name', 'foo');
90
- expect(ctx.filterMenuValues.name).toEqual({ operator: 'contains', value: 'foo' });
91
- expect(ctx.filterRowValues.name).toBe('foo');
92
- });
93
- it('updateFilterMenuValueTo sets the upper bound for between', () => {
94
- const ctx = makeCtx({ filterMenuValues: { age: { operator: 'between', value: '5' } } });
95
- const m = createMenus(ctx);
96
- m.updateFilterMenuValueTo('age', '10');
97
- expect(ctx.filterMenuValues.age).toEqual({ operator: 'between', value: '5', valueTo: '10' });
98
- });
99
- it('updateFilterMenuValueTo defaults a missing entry to between', () => {
100
- const ctx = makeCtx();
101
- const m = createMenus(ctx);
102
- m.updateFilterMenuValueTo('age', '10');
103
- expect(ctx.filterMenuValues.age).toEqual({ operator: 'between', value: '', valueTo: '10' });
104
- });
105
- });
106
- describe('createMenus - toggleCheckboxWithKeyboard', () => {
107
- it('toggles on Enter and prevents default', () => {
108
- const ctx = makeCtx();
109
- const m = createMenus(ctx);
110
- const toggle = vi.fn();
111
- const ev = { key: 'Enter', preventDefault: vi.fn() };
112
- m.toggleCheckboxWithKeyboard(ev, toggle);
113
- expect(toggle).toHaveBeenCalled();
114
- expect(ev.preventDefault).toHaveBeenCalled();
115
- });
116
- it('toggles on Space', () => {
117
- const ctx = makeCtx();
118
- const m = createMenus(ctx);
119
- const toggle = vi.fn();
120
- m.toggleCheckboxWithKeyboard({ key: ' ', preventDefault: vi.fn() }, toggle);
121
- expect(toggle).toHaveBeenCalled();
122
- });
123
- it('ignores other keys', () => {
124
- const ctx = makeCtx();
125
- const m = createMenus(ctx);
126
- const toggle = vi.fn();
127
- m.toggleCheckboxWithKeyboard({ key: 'a', preventDefault: vi.fn() }, toggle);
128
- expect(toggle).not.toHaveBeenCalled();
129
- });
130
- });
131
- describe('createMenus - isColumnFiltered', () => {
132
- it('true when a value filter exists', () => {
133
- const ctx = makeCtx({ valueFilters: { team: new Set(['A']) } });
134
- const m = createMenus(ctx);
135
- expect(m.isColumnFiltered('team')).toBe(true);
136
- });
137
- it('true when a menu filter has a non-empty value', () => {
138
- const ctx = makeCtx({ filterMenuValues: { name: { operator: 'contains', value: 'x' } } });
139
- const m = createMenus(ctx);
140
- expect(m.isColumnFiltered('name')).toBe(true);
141
- });
142
- it('true for isBlank operator regardless of value', () => {
143
- const ctx = makeCtx({ filterMenuValues: { name: { operator: 'isBlank', value: '' } } });
144
- const m = createMenus(ctx);
145
- expect(m.isColumnFiltered('name')).toBe(true);
146
- });
147
- it('false for an empty/whitespace menu value', () => {
148
- const ctx = makeCtx({ filterMenuValues: { name: { operator: 'contains', value: ' ' } } });
149
- const m = createMenus(ctx);
150
- expect(m.isColumnFiltered('name')).toBe(false);
151
- expect(m.isColumnFiltered('other')).toBe(false);
152
- });
153
- });
154
- describe('createMenus - closeMenus and open* toggles', () => {
155
- it('closeMenus clears all popover state', () => {
156
- const ctx = makeCtx({
157
- columnMenuFor: 'a',
158
- filterMenuFor: 'b',
159
- operatorMenuFor: 'c',
160
- chooseColumnsPos: { x: 1, y: 1 },
161
- });
162
- const m = createMenus(ctx);
163
- m.closeMenus();
164
- expect(ctx.columnMenuFor).toBeNull();
165
- expect(ctx.filterMenuFor).toBeNull();
166
- expect(ctx.operatorMenuFor).toBeNull();
167
- expect(ctx.chooseColumnsPos).toBeNull();
168
- });
169
- function fakeMouseEvent() {
170
- const el = document.createElement('div');
171
- el.getBoundingClientRect = () => ({ left: 100, right: 300, top: 50, bottom: 70, width: 200, height: 20 });
172
- return {
173
- stopPropagation: vi.fn(),
174
- currentTarget: el,
175
- };
176
- }
177
- it('openColumnMenu opens, and a second call on the same column closes (toggle)', () => {
178
- const ctx = makeCtx();
179
- const m = createMenus(ctx);
180
- m.openColumnMenu(fakeMouseEvent(), 'name');
181
- expect(ctx.columnMenuFor).toBe('name');
182
- expect(ctx.columnMenuPos).toBeTruthy();
183
- // toggle off
184
- m.openColumnMenu(fakeMouseEvent(), 'name');
185
- expect(ctx.columnMenuFor).toBeNull();
186
- });
187
- it('openFilterMenu opens the funnel popover in menu mode', () => {
188
- const ctx = makeCtx({ showColumnFiltersEffective: true });
189
- const m = createMenus(ctx);
190
- m.openFilterMenu(fakeMouseEvent(), 'name');
191
- expect(ctx.filterMenuFor).toBe('name');
192
- expect(ctx.columnMenuSearch).toBe('');
193
- });
194
- it('openFilterMenu redirects focus to the inline input in row mode', () => {
195
- const container = document.createElement('div');
196
- const input = document.createElement('input');
197
- input.setAttribute('data-svgrid-filter-col', 'name');
198
- input.focus = vi.fn();
199
- input.select = vi.fn();
200
- container.appendChild(input);
201
- const ctx = makeCtx({
202
- showColumnFiltersEffective: false,
203
- showFilterRowEffective: true,
204
- scrollContainer: container,
205
- });
206
- const m = createMenus(ctx);
207
- m.openFilterMenu(fakeMouseEvent(), 'name');
208
- expect(input.focus).toHaveBeenCalled();
209
- expect(input.select).toHaveBeenCalled();
210
- expect(input.classList.contains('sv-grid-filter-value-pulse')).toBe(true);
211
- expect(ctx.filterMenuFor).toBeNull();
212
- });
213
- it('openOperatorMenu opens and toggles closed', () => {
214
- const ctx = makeCtx();
215
- const m = createMenus(ctx);
216
- m.openOperatorMenu(fakeMouseEvent(), 'age');
217
- expect(ctx.operatorMenuFor).toBe('age');
218
- m.openOperatorMenu(fakeMouseEvent(), 'age');
219
- expect(ctx.operatorMenuFor).toBeNull();
220
- });
221
- it('openChooseColumns positions the submenu panel', () => {
222
- const ctx = makeCtx();
223
- const m = createMenus(ctx);
224
- const el = document.createElement('div');
225
- el.getBoundingClientRect = () => ({ left: 100, right: 300, top: 50, bottom: 70, width: 200, height: 20 });
226
- m.openChooseColumns({ stopPropagation: vi.fn(), currentTarget: el });
227
- expect(ctx.chooseColumnsPos).toBeTruthy();
228
- expect(typeof ctx.chooseColumnsPos.x).toBe('number');
229
- });
230
- });
231
- describe('createMenus - sorting and grouping from menu', () => {
232
- it('sortColumnFromMenu sets a single sort and closes menus', () => {
233
- const ctx = makeCtx({ columnMenuFor: 'name' });
234
- const m = createMenus(ctx);
235
- m.sortColumnFromMenu('name', true);
236
- expect(ctx.grid._peek().sorting).toEqual([{ id: 'name', desc: true }]);
237
- expect(ctx.columnMenuFor).toBeNull();
238
- });
239
- it('clearColumnSort removes that column from sorting', () => {
240
- const ctx = makeCtx({ gridState: { sorting: [{ id: 'name', desc: false }, { id: 'age', desc: true }] } });
241
- const m = createMenus(ctx);
242
- m.clearColumnSort('name');
243
- expect(ctx.grid._peek().sorting).toEqual([{ id: 'age', desc: true }]);
244
- });
245
- it('groupByColumnFromMenu adds a new grouping column', () => {
246
- const ctx = makeCtx({ grouping: [] });
247
- const m = createMenus(ctx);
248
- m.groupByColumnFromMenu('team');
249
- expect(ctx.grid.setGrouping).toHaveBeenCalledWith(['team']);
250
- });
251
- it('groupByColumnFromMenu is a no-op when already grouped', () => {
252
- const ctx = makeCtx({ grouping: ['team'] });
253
- const m = createMenus(ctx);
254
- m.groupByColumnFromMenu('team');
255
- expect(ctx.grid.setGrouping).not.toHaveBeenCalled();
256
- });
257
- it('clearGroupingFromMenu removes the column', () => {
258
- const ctx = makeCtx({ grouping: ['team', 'dept'] });
259
- const m = createMenus(ctx);
260
- m.clearGroupingFromMenu('team');
261
- expect(ctx.grid.setGrouping).toHaveBeenCalledWith(['dept']);
262
- });
263
- });
264
- describe('createMenus - facet checkboxes', () => {
265
- it('isFacetChecked: checked by default, unchecked when excluded', () => {
266
- const ctx = makeCtx({ valueFilters: { team: new Set(['A']) } });
267
- const m = createMenus(ctx);
268
- expect(m.isFacetChecked('team', 'A')).toBe(true);
269
- expect(m.isFacetChecked('team', 'B')).toBe(false);
270
- // no filter for column -> default checked
271
- expect(m.isFacetChecked('other', 'X')).toBe(true);
272
- });
273
- it('toggleFacetValue removes a value, building the set from all values', () => {
274
- const ctx = makeCtx({ columnMenuFacetValues: ['A', 'B', 'C'] });
275
- const m = createMenus(ctx);
276
- m.toggleFacetValue('team', 'A');
277
- expect([...ctx.valueFilters.team].sort()).toEqual(['B', 'C']);
278
- });
279
- it('toggleFacetValue re-adding the last value clears the filter (all selected)', () => {
280
- const ctx = makeCtx({
281
- columnMenuFacetValues: ['A', 'B'],
282
- valueFilters: { team: new Set(['A']) },
283
- });
284
- const m = createMenus(ctx);
285
- m.toggleFacetValue('team', 'B'); // now {A,B} == all -> filter removed
286
- expect(ctx.valueFilters.team).toBeUndefined();
287
- });
288
- it('isAllFacetsChecked true with no filter, false with a subset', () => {
289
- const ctx = makeCtx({
290
- columnMenuFacetValues: ['A', 'B'],
291
- valueFilters: { team: new Set(['A']) },
292
- });
293
- const m = createMenus(ctx);
294
- expect(m.isAllFacetsChecked('team')).toBe(false);
295
- expect(m.isAllFacetsChecked('other')).toBe(true);
296
- });
297
- it('toggleAllFacets clears to empty set when all checked', () => {
298
- const ctx = makeCtx({ columnMenuFacetValues: ['A', 'B'] });
299
- const m = createMenus(ctx);
300
- m.toggleAllFacets('team'); // was all checked -> empty set
301
- expect(ctx.valueFilters.team.size).toBe(0);
302
- });
303
- it('toggleAllFacets restores all when currently a subset', () => {
304
- const ctx = makeCtx({
305
- columnMenuFacetValues: ['A', 'B'],
306
- valueFilters: { team: new Set(['A']) },
307
- });
308
- const m = createMenus(ctx);
309
- m.toggleAllFacets('team'); // was subset -> remove filter (all)
310
- expect(ctx.valueFilters.team).toBeUndefined();
311
- });
312
- });
313
- describe('createMenus - clearColumnFilter', () => {
314
- it('clears value, menu, and row filter state for the column', () => {
315
- const ctx = makeCtx({
316
- valueFilters: { team: new Set(['A']) },
317
- filterMenuValues: { team: { operator: 'contains', value: 'x' } },
318
- filterRowValues: { team: 'x' },
319
- });
320
- const m = createMenus(ctx);
321
- m.clearColumnFilter('team');
322
- expect(ctx.valueFilters.team).toBeUndefined();
323
- expect(ctx.filterMenuValues.team).toBeUndefined();
324
- expect(ctx.filterRowValues.team).toBeUndefined();
325
- });
326
- it('is a no-op when nothing is set for the column', () => {
327
- const ctx = makeCtx();
328
- const m = createMenus(ctx);
329
- expect(() => m.clearColumnFilter('team')).not.toThrow();
330
- });
331
- });
332
- describe('createMenus - pagination', () => {
333
- it('changePage applies the delta', () => {
334
- const ctx = makeCtx();
335
- const m = createMenus(ctx);
336
- m.changePage(1);
337
- const updater = ctx.grid.setPagination.mock.calls[0][0];
338
- expect(updater({ pageIndex: 2, pageSize: 10 })).toEqual({ pageIndex: 3, pageSize: 10 });
339
- });
340
- it('changePage clamps to zero on a negative delta', () => {
341
- const ctx = makeCtx();
342
- const m = createMenus(ctx);
343
- m.changePage(-1);
344
- const updater = ctx.grid.setPagination.mock.calls[0][0];
345
- expect(updater({ pageIndex: 0, pageSize: 10 })).toEqual({ pageIndex: 0, pageSize: 10 });
346
- expect(updater(undefined)).toEqual({ pageIndex: 0 }); // missing prev -> 0
347
- });
348
- it('goToPage clamps to zero', () => {
349
- const ctx = makeCtx();
350
- const m = createMenus(ctx);
351
- m.goToPage(-5);
352
- const updater = ctx.grid.setPagination.mock.calls[0][0];
353
- expect(updater({ pageIndex: 9 })).toEqual({ pageIndex: 0 });
354
- });
355
- it('setPageSize keeps the first visible row in view', () => {
356
- const ctx = makeCtx();
357
- const m = createMenus(ctx);
358
- m.setPageSize(20);
359
- const updater = ctx.grid.setPagination.mock.calls[0][0];
360
- // firstVisibleRow = 2*10 = 20; new index = floor(20/20) = 1
361
- expect(updater({ pageIndex: 2, pageSize: 10 })).toEqual({ pageIndex: 1, pageSize: 20 });
362
- });
363
- });
364
- describe('createMenus - context menu open/close', () => {
365
- function fakeContextEvent() {
366
- return { preventDefault: vi.fn(), clientX: 120, clientY: 200 };
367
- }
368
- it('openContextMenu is a no-op when contextMenu prop is unset', () => {
369
- const ctx = makeCtx({ props: {} });
370
- const m = createMenus(ctx);
371
- const ev = fakeContextEvent();
372
- m.openContextMenu(ev, 0, 0, 'name');
373
- expect(ev.preventDefault).not.toHaveBeenCalled();
374
- expect(ctx.contextMenuFor).toBeNull();
375
- });
376
- it('openContextMenu sets the target and position', () => {
377
- const ctx = makeCtx({
378
- props: { contextMenu: true },
379
- allRows: [{ id: 'r0', original: { id: 0, name: 'x' } }],
380
- });
381
- const m = createMenus(ctx);
382
- const ev = fakeContextEvent();
383
- m.openContextMenu(ev, 0, 1, 'name');
384
- expect(ev.preventDefault).toHaveBeenCalled();
385
- expect(ctx.contextMenuFor).toEqual({
386
- rowIndex: 0,
387
- colIndex: 1,
388
- columnId: 'name',
389
- rowId: 'r0',
390
- row: { id: 0, name: 'x' },
391
- });
392
- expect(ctx.contextMenuPos).toBeTruthy();
393
- });
394
- it('openContextMenu falls back to rowIndex when the row model is missing', () => {
395
- const ctx = makeCtx({ props: { contextMenu: true }, allRows: [] });
396
- const m = createMenus(ctx);
397
- m.openContextMenu(fakeContextEvent(), 3, 0, 'name');
398
- expect(ctx.contextMenuFor.rowId).toBe('3');
399
- expect(ctx.contextMenuFor.row).toBeNull();
400
- });
401
- it('closeContextMenu clears the target', () => {
402
- const ctx = makeCtx({ contextMenuFor: { rowIndex: 0 } });
403
- const m = createMenus(ctx);
404
- m.closeContextMenu();
405
- expect(ctx.contextMenuFor).toBeNull();
406
- });
407
- });
408
- describe('createMenus - contextMenuItems', () => {
409
- it('returns [] with no target', () => {
410
- const ctx = makeCtx({ contextMenuFor: null });
411
- const m = createMenus(ctx);
412
- expect(m.contextMenuItems()).toEqual([]);
413
- });
414
- it('resolves the default built-in items and trims separators', () => {
415
- const ctx = makeCtx({
416
- props: { contextMenu: true },
417
- contextMenuFor: { rowIndex: 0, colIndex: 0, columnId: 'name', rowId: 'r0', row: { id: 0 } },
418
- });
419
- const m = createMenus(ctx);
420
- const items = m.contextMenuItems();
421
- const labels = items.filter((i) => !i.separator).map((i) => i.label);
422
- expect(labels).toContain('Copy');
423
- expect(labels).toContain('Paste');
424
- expect(labels).toContain('Remove row');
425
- expect(labels).toContain('Remove column');
426
- // no leading/trailing separator
427
- expect(items[0].separator).toBeFalsy();
428
- expect(items[items.length - 1].separator).toBeFalsy();
429
- });
430
- it('built-in run wiring invokes clipboard helpers', () => {
431
- const ctx = makeCtx({
432
- props: { contextMenu: ['copy', 'cut', 'paste', 'clear'] },
433
- contextMenuFor: { rowIndex: 0, colIndex: 0, columnId: 'name', rowId: 'r0', row: { id: 0 } },
434
- });
435
- const m = createMenus(ctx);
436
- const items = m.contextMenuItems();
437
- items.find((i) => i.key === 'copy').run();
438
- items.find((i) => i.key === 'cut').run();
439
- items.find((i) => i.key === 'paste').run();
440
- items.find((i) => i.key === 'clear').run();
441
- expect(ctx.copySelectionToClipboard).toHaveBeenCalled();
442
- expect(ctx.cutSelectionToClipboard).toHaveBeenCalled();
443
- expect(ctx.pasteFromClipboard).toHaveBeenCalled();
444
- expect(ctx.clearSelectedCells).toHaveBeenCalled();
445
- });
446
- it('row_above / row_below / remove_row mutate internalData', () => {
447
- const rowA = { id: 1 };
448
- const rowB = { id: 2 };
449
- const ctx = makeCtx({
450
- props: { contextMenu: ['row_above', 'row_below', 'remove_row'] },
451
- internalData: [rowA, rowB],
452
- contextMenuFor: { rowIndex: 1, colIndex: 0, columnId: 'name', rowId: 'r1', row: rowB },
453
- });
454
- const m = createMenus(ctx);
455
- const items = m.contextMenuItems();
456
- items.find((i) => i.key === 'row_above').run();
457
- expect(ctx.internalData.length).toBe(3);
458
- expect(ctx.internalData.indexOf(rowB)).toBe(2); // inserted above rowB
459
- // remove
460
- const m2 = createMenus(makeCtx({
461
- props: { contextMenu: ['remove_row'] },
462
- internalData: [rowA, rowB],
463
- contextMenuFor: { rowIndex: 1, colIndex: 0, columnId: 'name', rowId: 'r1', row: rowB },
464
- }));
465
- const ctx2 = m2;
466
- const removeItem = m2.contextMenuItems().find((i) => i.key === 'remove_row');
467
- removeItem.run();
468
- });
469
- it('remove_col removes the matching column def', () => {
470
- const ctx = makeCtx({
471
- props: { contextMenu: ['remove_col'] },
472
- internalColumns: [{ id: 'name' }, { field: 'team' }],
473
- contextMenuFor: { rowIndex: 0, colIndex: 1, columnId: 'team', rowId: 'r0', row: { id: 0 } },
474
- });
475
- const m = createMenus(ctx);
476
- m.contextMenuItems().find((i) => i.key === 'remove_col').run();
477
- expect(ctx.internalColumns).toEqual([{ id: 'name' }]);
478
- });
479
- it('custom items honor hidden() and disabled() predicates', () => {
480
- const action = vi.fn();
481
- const ctx = makeCtx({
482
- props: {
483
- contextMenu: [
484
- { key: 'shown', label: 'Shown', action, disabled: () => true },
485
- { key: 'gone', label: 'Gone', action, hidden: () => true },
486
- ],
487
- },
488
- contextMenuFor: { rowIndex: 0, colIndex: 0, columnId: 'name', rowId: 'r0', row: { id: 0 } },
489
- });
490
- const m = createMenus(ctx);
491
- const items = m.contextMenuItems();
492
- expect(items.map((i) => i.key)).toEqual(['shown']);
493
- expect(items[0].disabled).toBe(true);
494
- items[0].run();
495
- expect(action).toHaveBeenCalled();
496
- });
497
- it('appends comment item when editableComments enabled with default config', () => {
498
- const ctx = makeCtx({
499
- props: { contextMenu: true, editableComments: true },
500
- contextMenuFor: { rowIndex: 0, colIndex: 0, columnId: 'name', rowId: 'r0', row: { id: 0 } },
501
- });
502
- const m = createMenus(ctx);
503
- const labels = m.contextMenuItems().map((i) => i.label);
504
- expect(labels).toContain('Edit comment');
505
- });
506
- });
507
- describe('createMenus - comments', () => {
508
- it('comment item opens the editor seeded from existing note', () => {
509
- const ctx = makeCtx({
510
- props: { contextMenu: ['comment'], notes: { r0: { name: 'hello' } } },
511
- contextMenuPos: { x: 5, y: 9 },
512
- contextMenuFor: { rowIndex: 0, colIndex: 0, columnId: 'name', rowId: 'r0', row: { id: 0 } },
513
- });
514
- const m = createMenus(ctx);
515
- m.contextMenuItems().find((i) => i.key === 'comment').run();
516
- expect(ctx.commentDraft).toBe('hello');
517
- expect(ctx.commentEditFor).toEqual({ rowId: 'r0', columnId: 'name', x: 5, y: 9 });
518
- expect(ctx.contextMenuFor).toBeNull();
519
- });
520
- it('saveComment writes the draft via onNoteChange and closes', () => {
521
- const onNoteChange = vi.fn();
522
- const ctx = makeCtx({
523
- props: { onNoteChange },
524
- commentEditFor: { rowId: 'r0', columnId: 'name', x: 0, y: 0 },
525
- commentDraft: 'note text',
526
- });
527
- const m = createMenus(ctx);
528
- m.saveComment();
529
- expect(ctx.noteOverrides.r0.name).toBe('note text');
530
- expect(onNoteChange).toHaveBeenCalledWith({ rowId: 'r0', columnId: 'name', note: 'note text' });
531
- expect(ctx.commentEditFor).toBeNull();
532
- });
533
- it('saveComment is a no-op without an active editor', () => {
534
- const ctx = makeCtx({ commentEditFor: null });
535
- const m = createMenus(ctx);
536
- m.saveComment();
537
- expect(ctx.commentEditFor).toBeNull();
538
- });
539
- it('removeComment writes an empty note and closes', () => {
540
- const ctx = makeCtx({
541
- commentEditFor: { rowId: 'r0', columnId: 'name', x: 0, y: 0 },
542
- noteOverrides: { r0: { name: 'old' } },
543
- });
544
- const m = createMenus(ctx);
545
- m.removeComment();
546
- expect(ctx.noteOverrides.r0.name).toBe('');
547
- expect(ctx.commentEditFor).toBeNull();
548
- });
549
- it('removeComment is a no-op without an active editor', () => {
550
- const ctx = makeCtx({ commentEditFor: null });
551
- const m = createMenus(ctx);
552
- expect(() => m.removeComment()).not.toThrow();
553
- });
554
- it('closeCommentEditor clears the editor', () => {
555
- const ctx = makeCtx({ commentEditFor: { rowId: 'r0', columnId: 'name', x: 0, y: 0 } });
556
- const m = createMenus(ctx);
557
- m.closeCommentEditor();
558
- expect(ctx.commentEditFor).toBeNull();
559
- });
560
- });
@@ -1 +0,0 @@
1
- export {};