@svgrid/grid 1.1.1 → 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 (188) hide show
  1. package/dist/FlexRender.svelte +96 -96
  2. package/dist/SvGrid.controller.svelte.js +17 -6
  3. package/dist/SvGrid.css +2012 -2012
  4. package/dist/SvGrid.svelte +2571 -2346
  5. package/dist/SvGridDropdown.svelte +7 -3
  6. package/dist/build-api.js +2 -2
  7. package/dist/cdn/svgrid.js +13504 -0
  8. package/dist/cdn/svgrid.svelte-external.js +11188 -0
  9. package/dist/cell-values.d.ts +1 -1
  10. package/dist/cell-values.js +7 -7
  11. package/dist/column-types.js +1 -1
  12. package/dist/core.d.ts +1 -1
  13. package/dist/core.js +2 -2
  14. package/dist/summaries.js +4 -4
  15. package/package.json +12 -2
  16. package/src/FlexRender.svelte +96 -96
  17. package/src/SvGrid.controller.svelte.ts +2363 -2352
  18. package/src/SvGrid.css +2012 -2012
  19. package/src/SvGrid.svelte +2571 -2346
  20. package/src/SvGrid.types.ts +537 -537
  21. package/src/SvGridDropdown.svelte +7 -3
  22. package/src/a11y.contract.test.ts +49 -49
  23. package/src/a11y.test.ts +59 -59
  24. package/src/a11y.ts +59 -59
  25. package/src/build-api.ts +683 -683
  26. package/src/cell-formatting.ts +169 -169
  27. package/src/cell-values.ts +4 -4
  28. package/src/column-types.ts +1 -1
  29. package/src/core.performance.test.ts +30 -30
  30. package/src/core.ts +1077 -1077
  31. package/src/createGrid.svelte.ts +42 -42
  32. package/src/createGrid.test.ts +10 -10
  33. package/src/createGridState.svelte.ts +17 -17
  34. package/src/editing.ts +669 -669
  35. package/src/flex-render.ts +3 -3
  36. package/src/index.ts +208 -208
  37. package/src/keyboard.test.ts +59 -59
  38. package/src/keyboard.ts +97 -97
  39. package/src/merge-objects.ts +48 -48
  40. package/src/render-component.ts +28 -28
  41. package/src/spreadsheet.test.ts +489 -489
  42. package/src/spreadsheet.ts +304 -304
  43. package/src/static-functions.ts +11 -11
  44. package/src/subscribe.ts +38 -38
  45. package/src/summaries.ts +4 -4
  46. package/src/svgrid-wrapper.types.ts +412 -412
  47. package/src/svgrid.features.test.ts +157 -157
  48. package/src/svgrid.wrapper.test.ts +40 -40
  49. package/src/virtualization/column-virtualizer.test.ts +27 -27
  50. package/src/virtualization/column-virtualizer.ts +30 -30
  51. package/src/virtualization/svelte-virtualizer.svelte.ts +26 -26
  52. package/src/virtualization/types.ts +30 -30
  53. package/src/virtualization/virtualizer.test.ts +47 -47
  54. package/src/virtualization/virtualizer.ts +296 -296
  55. package/dist/SvGrid.helpers.test.d.ts +0 -1
  56. package/dist/SvGrid.helpers.test.js +0 -298
  57. package/dist/SvGridChart.test.d.ts +0 -1
  58. package/dist/SvGridChart.test.js +0 -62
  59. package/dist/a11y.contract.test.d.ts +0 -1
  60. package/dist/a11y.contract.test.js +0 -39
  61. package/dist/a11y.test.d.ts +0 -1
  62. package/dist/a11y.test.js +0 -44
  63. package/dist/aligned-grids.test.d.ts +0 -1
  64. package/dist/aligned-grids.test.js +0 -75
  65. package/dist/build-api.coverage.test.d.ts +0 -20
  66. package/dist/build-api.coverage.test.js +0 -505
  67. package/dist/cell-formatting.test.d.ts +0 -1
  68. package/dist/cell-formatting.test.js +0 -234
  69. package/dist/cell-render.test.d.ts +0 -1
  70. package/dist/cell-render.test.js +0 -338
  71. package/dist/chart-export.test.d.ts +0 -1
  72. package/dist/chart-export.test.js +0 -302
  73. package/dist/chart.coverage.test.d.ts +0 -1
  74. package/dist/chart.coverage.test.js +0 -748
  75. package/dist/chart.test.d.ts +0 -1
  76. package/dist/chart.test.js +0 -289
  77. package/dist/clipboard.test.d.ts +0 -1
  78. package/dist/clipboard.test.js +0 -700
  79. package/dist/collaboration.coverage.test.d.ts +0 -1
  80. package/dist/collaboration.coverage.test.js +0 -200
  81. package/dist/collaboration.test.d.ts +0 -1
  82. package/dist/collaboration.test.js +0 -65
  83. package/dist/column-groups.test.d.ts +0 -1
  84. package/dist/column-groups.test.js +0 -56
  85. package/dist/column-types.test.d.ts +0 -1
  86. package/dist/column-types.test.js +0 -62
  87. package/dist/columns.test.d.ts +0 -1
  88. package/dist/columns.test.js +0 -625
  89. package/dist/conditional-formatting.test.d.ts +0 -1
  90. package/dist/conditional-formatting.test.js +0 -87
  91. package/dist/core.coverage.test.d.ts +0 -1
  92. package/dist/core.coverage.test.js +0 -186
  93. package/dist/core.performance.test.d.ts +0 -1
  94. package/dist/core.performance.test.js +0 -29
  95. package/dist/createGrid.test.d.ts +0 -1
  96. package/dist/createGrid.test.js +0 -9
  97. package/dist/editing.test.d.ts +0 -1
  98. package/dist/editing.test.js +0 -732
  99. package/dist/editors/cell-editors.coverage.test.d.ts +0 -1
  100. package/dist/editors/cell-editors.coverage.test.js +0 -139
  101. package/dist/editors/cell-editors.test.d.ts +0 -1
  102. package/dist/editors/cell-editors.test.js +0 -75
  103. package/dist/facet-buckets.test.d.ts +0 -1
  104. package/dist/facet-buckets.test.js +0 -296
  105. package/dist/fill-patterns.test.d.ts +0 -1
  106. package/dist/fill-patterns.test.js +0 -81
  107. package/dist/filter-operators.test.d.ts +0 -1
  108. package/dist/filter-operators.test.js +0 -135
  109. package/dist/filtering/excel-filters.test.d.ts +0 -1
  110. package/dist/filtering/excel-filters.test.js +0 -116
  111. package/dist/filtering/locale-filter.test.d.ts +0 -13
  112. package/dist/filtering/locale-filter.test.js +0 -189
  113. package/dist/flex-render.test.d.ts +0 -1
  114. package/dist/flex-render.test.js +0 -142
  115. package/dist/group-aggregate.test.d.ts +0 -1
  116. package/dist/group-aggregate.test.js +0 -32
  117. package/dist/hyperformula-adapter.test.d.ts +0 -1
  118. package/dist/hyperformula-adapter.test.js +0 -205
  119. package/dist/keyboard-handlers.coverage.test.d.ts +0 -1
  120. package/dist/keyboard-handlers.coverage.test.js +0 -495
  121. package/dist/keyboard.test.d.ts +0 -1
  122. package/dist/keyboard.test.js +0 -27
  123. package/dist/menus.test.d.ts +0 -1
  124. package/dist/menus.test.js +0 -560
  125. package/dist/named-views.coverage.test.d.ts +0 -1
  126. package/dist/named-views.coverage.test.js +0 -180
  127. package/dist/named-views.test.d.ts +0 -1
  128. package/dist/named-views.test.js +0 -57
  129. package/dist/new-features.test.d.ts +0 -1
  130. package/dist/new-features.test.js +0 -183
  131. package/dist/render-component.test.d.ts +0 -1
  132. package/dist/render-component.test.js +0 -41
  133. package/dist/row-drag.test.d.ts +0 -1
  134. package/dist/row-drag.test.js +0 -142
  135. package/dist/row-resize.test.d.ts +0 -1
  136. package/dist/row-resize.test.js +0 -329
  137. package/dist/scroll-sync.test.d.ts +0 -1
  138. package/dist/scroll-sync.test.js +0 -290
  139. package/dist/selection.multi-range.test.d.ts +0 -1
  140. package/dist/selection.multi-range.test.js +0 -55
  141. package/dist/selection.test.d.ts +0 -1
  142. package/dist/selection.test.js +0 -647
  143. package/dist/server-data-source.coverage.test.d.ts +0 -1
  144. package/dist/server-data-source.coverage.test.js +0 -154
  145. package/dist/server-data-source.test.d.ts +0 -1
  146. package/dist/server-data-source.test.js +0 -81
  147. package/dist/sparkline.test.d.ts +0 -1
  148. package/dist/sparkline.test.js +0 -52
  149. package/dist/spreadsheet.test.d.ts +0 -1
  150. package/dist/spreadsheet.test.js +0 -446
  151. package/dist/subscribe.test.d.ts +0 -1
  152. package/dist/subscribe.test.js +0 -93
  153. package/dist/svgrid.api-extensions.test.d.ts +0 -14
  154. package/dist/svgrid.api-extensions.test.js +0 -334
  155. package/dist/svgrid.api.test.d.ts +0 -15
  156. package/dist/svgrid.api.test.js +0 -169
  157. package/dist/svgrid.behavior.test.d.ts +0 -15
  158. package/dist/svgrid.behavior.test.js +0 -625
  159. package/dist/svgrid.column-reorder.test.d.ts +0 -15
  160. package/dist/svgrid.column-reorder.test.js +0 -224
  161. package/dist/svgrid.comments-autocomplete.test.d.ts +0 -1
  162. package/dist/svgrid.comments-autocomplete.test.js +0 -96
  163. package/dist/svgrid.context-menu.test.d.ts +0 -1
  164. package/dist/svgrid.context-menu.test.js +0 -102
  165. package/dist/svgrid.features.test.d.ts +0 -1
  166. package/dist/svgrid.features.test.js +0 -129
  167. package/dist/svgrid.interaction.test.d.ts +0 -9
  168. package/dist/svgrid.interaction.test.js +0 -349
  169. package/dist/svgrid.locale-filtering.test.d.ts +0 -15
  170. package/dist/svgrid.locale-filtering.test.js +0 -261
  171. package/dist/svgrid.new-features.wrapper.test.d.ts +0 -1
  172. package/dist/svgrid.new-features.wrapper.test.js +0 -194
  173. package/dist/svgrid.row-pinning.test.d.ts +0 -14
  174. package/dist/svgrid.row-pinning.test.js +0 -250
  175. package/dist/svgrid.set-filter.test.d.ts +0 -17
  176. package/dist/svgrid.set-filter.test.js +0 -268
  177. package/dist/svgrid.wrapper.test.d.ts +0 -1
  178. package/dist/svgrid.wrapper.test.js +0 -59
  179. package/dist/test-setup.d.ts +0 -1
  180. package/dist/test-setup.js +0 -35
  181. package/dist/transaction.test.d.ts +0 -1
  182. package/dist/transaction.test.js +0 -89
  183. package/dist/virtualization/column-virtualizer.test.d.ts +0 -1
  184. package/dist/virtualization/column-virtualizer.test.js +0 -25
  185. package/dist/virtualization/scroll-scaling.test.d.ts +0 -1
  186. package/dist/virtualization/scroll-scaling.test.js +0 -127
  187. package/dist/virtualization/virtualizer.test.d.ts +0 -1
  188. 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 {};