@svgrid/grid 1.1.0 → 1.1.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 (117) hide show
  1. package/dist/GridMenus.svelte +205 -127
  2. package/dist/SvGrid.controller.svelte.d.ts +44 -1
  3. package/dist/SvGrid.controller.svelte.js +223 -38
  4. package/dist/SvGrid.css +2012 -1709
  5. package/dist/SvGrid.helpers.test.d.ts +1 -0
  6. package/dist/SvGrid.helpers.test.js +298 -0
  7. package/dist/SvGrid.svelte +2346 -2043
  8. package/dist/SvGrid.types.d.ts +91 -4
  9. package/dist/aligned-grids.d.ts +6 -0
  10. package/dist/aligned-grids.js +84 -0
  11. package/dist/aligned-grids.test.d.ts +1 -0
  12. package/dist/aligned-grids.test.js +75 -0
  13. package/dist/build-api.coverage.test.d.ts +20 -0
  14. package/dist/build-api.coverage.test.js +505 -0
  15. package/dist/build-api.js +59 -29
  16. package/dist/cell-render.test.d.ts +1 -0
  17. package/dist/cell-render.test.js +338 -0
  18. package/dist/chart-export.test.d.ts +1 -0
  19. package/dist/chart-export.test.js +302 -0
  20. package/dist/chart.coverage.test.d.ts +1 -0
  21. package/dist/chart.coverage.test.js +748 -0
  22. package/dist/clipboard.js +88 -24
  23. package/dist/clipboard.test.d.ts +1 -0
  24. package/dist/clipboard.test.js +700 -0
  25. package/dist/collaboration.coverage.test.d.ts +1 -0
  26. package/dist/collaboration.coverage.test.js +200 -0
  27. package/dist/column-groups.d.ts +19 -0
  28. package/dist/column-groups.js +62 -0
  29. package/dist/column-groups.test.d.ts +1 -0
  30. package/dist/column-groups.test.js +56 -0
  31. package/dist/column-types.d.ts +10 -0
  32. package/dist/column-types.js +63 -0
  33. package/dist/column-types.test.d.ts +1 -0
  34. package/dist/column-types.test.js +62 -0
  35. package/dist/columns.test.d.ts +1 -0
  36. package/dist/columns.test.js +625 -0
  37. package/dist/core.d.ts +85 -0
  38. package/dist/editing.d.ts +7 -0
  39. package/dist/editing.js +191 -5
  40. package/dist/editing.test.d.ts +1 -0
  41. package/dist/editing.test.js +732 -0
  42. package/dist/editors/cell-editors.coverage.test.d.ts +1 -0
  43. package/dist/editors/cell-editors.coverage.test.js +139 -0
  44. package/dist/facet-buckets.test.d.ts +1 -0
  45. package/dist/facet-buckets.test.js +296 -0
  46. package/dist/filter-operators.test.d.ts +1 -0
  47. package/dist/filter-operators.test.js +135 -0
  48. package/dist/hyperformula-adapter.test.d.ts +1 -0
  49. package/dist/hyperformula-adapter.test.js +205 -0
  50. package/dist/index.d.ts +5 -2
  51. package/dist/index.js +4 -1
  52. package/dist/keyboard-handlers.coverage.test.d.ts +1 -0
  53. package/dist/keyboard-handlers.coverage.test.js +495 -0
  54. package/dist/keyboard-handlers.js +7 -2
  55. package/dist/menus.js +1 -0
  56. package/dist/menus.test.d.ts +1 -0
  57. package/dist/menus.test.js +560 -0
  58. package/dist/named-views.coverage.test.d.ts +1 -0
  59. package/dist/named-views.coverage.test.js +180 -0
  60. package/dist/row-drag.d.ts +49 -0
  61. package/dist/row-drag.js +221 -0
  62. package/dist/row-drag.test.d.ts +1 -0
  63. package/dist/row-drag.test.js +142 -0
  64. package/dist/row-resize.test.d.ts +1 -0
  65. package/dist/row-resize.test.js +329 -0
  66. package/dist/scroll-sync.js +3 -0
  67. package/dist/scroll-sync.test.d.ts +1 -0
  68. package/dist/scroll-sync.test.js +290 -0
  69. package/dist/selection.d.ts +7 -1
  70. package/dist/selection.js +76 -36
  71. package/dist/selection.multi-range.test.d.ts +1 -0
  72. package/dist/selection.multi-range.test.js +55 -0
  73. package/dist/selection.test.d.ts +1 -0
  74. package/dist/selection.test.js +647 -0
  75. package/dist/server-data-source.coverage.test.d.ts +1 -0
  76. package/dist/server-data-source.coverage.test.js +154 -0
  77. package/dist/spreadsheet.d.ts +30 -0
  78. package/dist/spreadsheet.js +48 -0
  79. package/dist/spreadsheet.test.d.ts +1 -0
  80. package/dist/spreadsheet.test.js +446 -0
  81. package/dist/sv-grid-scrollbar.js +13 -1
  82. package/dist/svgrid-wrapper.types.d.ts +19 -0
  83. package/dist/svgrid.behavior.test.js +20 -0
  84. package/dist/svgrid.interaction.test.js +31 -0
  85. package/dist/svgrid.new-features.wrapper.test.js +34 -2
  86. package/dist/test-setup.js +9 -3
  87. package/dist/virtualization/scroll-scaling.d.ts +17 -0
  88. package/dist/virtualization/scroll-scaling.js +35 -0
  89. package/dist/virtualization/scroll-scaling.test.js +42 -1
  90. package/package.json +2 -1
  91. package/src/GridMenus.svelte +205 -127
  92. package/src/SvGrid.controller.svelte.ts +2352 -2195
  93. package/src/SvGrid.css +2012 -1747
  94. package/src/SvGrid.svelte +2346 -2047
  95. package/src/SvGrid.types.ts +537 -456
  96. package/src/aligned-grids.test.ts +80 -0
  97. package/src/aligned-grids.ts +87 -0
  98. package/src/build-api.ts +683 -663
  99. package/src/clipboard.test.ts +49 -0
  100. package/src/clipboard.ts +51 -23
  101. package/src/column-groups.test.ts +59 -0
  102. package/src/column-groups.ts +80 -0
  103. package/src/column-types.test.ts +68 -0
  104. package/src/column-types.ts +82 -0
  105. package/src/core.ts +78 -0
  106. package/src/editing.ts +669 -513
  107. package/src/index.ts +12 -0
  108. package/src/menus.ts +1 -0
  109. package/src/row-drag.test.ts +168 -0
  110. package/src/row-drag.ts +255 -0
  111. package/src/scroll-sync.ts +2 -0
  112. package/src/selection.multi-range.test.ts +61 -0
  113. package/src/selection.ts +71 -37
  114. package/src/spreadsheet.test.ts +489 -445
  115. package/src/spreadsheet.ts +304 -246
  116. package/src/svgrid-wrapper.types.ts +19 -0
  117. package/src/svgrid.new-features.wrapper.test.ts +2 -2
@@ -0,0 +1,205 @@
1
+ import { beforeEach, describe, expect, it, vi } from 'vitest';
2
+ import { createHyperFormulaSheet, } from './hyperformula-adapter';
3
+ /**
4
+ * A tiny in-memory fake that emulates just the slice of the HyperFormula
5
+ * API the adapter touches: setCellContents / getCellValue / destroy.
6
+ *
7
+ * It stores raw cell contents in a Map keyed by "sheet:row:col" and
8
+ * evaluates `=A1+B1` style formulas with a deliberately small expression
9
+ * engine so we can assert the adapter wires reads/writes correctly without
10
+ * needing the real ~1MB hyperformula package.
11
+ */
12
+ function makeFakeEngine() {
13
+ const raw = new Map();
14
+ const key = (s, r, c) => `${s}:${r}:${c}`;
15
+ // Resolve an A1 reference (e.g. "A1", "B2") to a cell value.
16
+ const colLetterToIndex = (letters) => {
17
+ let n = 0;
18
+ for (const ch of letters)
19
+ n = n * 26 + (ch.charCodeAt(0) - 64);
20
+ return n - 1;
21
+ };
22
+ function evalCell(sheet, row, col) {
23
+ const stored = raw.get(key(sheet, row, col));
24
+ if (typeof stored !== 'string' || !stored.startsWith('='))
25
+ return stored;
26
+ const expr = stored.slice(1);
27
+ // Replace A1-style refs with their numeric values.
28
+ const substituted = expr.replace(/([A-Z]+)(\d+)/g, (_m, letters, digits) => {
29
+ const refCol = colLetterToIndex(letters);
30
+ const refRow = Number(digits) - 1;
31
+ const v = evalCell(sheet, refRow, refCol);
32
+ return String(typeof v === 'number' ? v : 0);
33
+ });
34
+ try {
35
+ // Only ever digits / operators after substitution: safe to eval here.
36
+ // eslint-disable-next-line no-new-func
37
+ return Function(`"use strict";return (${substituted})`)();
38
+ }
39
+ catch {
40
+ return '#ERROR!';
41
+ }
42
+ }
43
+ const engine = {
44
+ setCellContents: vi.fn((cell, contents) => {
45
+ raw.set(key(cell.sheet, cell.row, cell.col), contents);
46
+ return [
47
+ {
48
+ address: { sheet: cell.sheet, row: cell.row, col: cell.col },
49
+ newValue: evalCell(cell.sheet, cell.row, cell.col),
50
+ },
51
+ ];
52
+ }),
53
+ getCellValue: vi.fn((cell) => evalCell(cell.sheet, cell.row, cell.col)),
54
+ destroy: vi.fn(() => { }),
55
+ rebuildAndRecalculate: vi.fn(() => { }),
56
+ // test-only introspection
57
+ _raw: raw,
58
+ };
59
+ return engine;
60
+ }
61
+ describe('createHyperFormulaSheet', () => {
62
+ let hf;
63
+ beforeEach(() => {
64
+ hf = makeFakeEngine();
65
+ });
66
+ it('seeds the engine with one setCellContents per cell in field order', () => {
67
+ const rows = [
68
+ { a: 1, b: 2 },
69
+ { a: 10, b: 20 },
70
+ ];
71
+ createHyperFormulaSheet({ hyperformula: hf, rows, fields: ['a', 'b'] });
72
+ // 2 rows x 2 fields = 4 seeded cells.
73
+ expect(hf.setCellContents).toHaveBeenCalledTimes(4);
74
+ // Field 'a' is column 0, field 'b' is column 1 (order = column index).
75
+ expect(hf.setCellContents).toHaveBeenCalledWith({ sheet: 0, row: 0, col: 0 }, 1);
76
+ expect(hf.setCellContents).toHaveBeenCalledWith({ sheet: 0, row: 1, col: 1 }, 20);
77
+ });
78
+ it('computed snapshot pulls evaluated values out of the engine', () => {
79
+ const rows = [{ a: 2, b: 3, total: '=A1+B1' }];
80
+ const sheet = createHyperFormulaSheet({
81
+ hyperformula: hf,
82
+ rows,
83
+ fields: ['a', 'b', 'total'],
84
+ });
85
+ expect(sheet.computed[0]).toEqual({ a: 2, b: 3, total: 5 });
86
+ // getCellValue called once per cell in the snapshot (3 fields).
87
+ expect(hf.getCellValue).toHaveBeenCalledTimes(3);
88
+ });
89
+ it('raw snapshot keeps the original formula strings untouched', () => {
90
+ const rows = [{ a: 2, b: 3, total: '=A1+B1' }];
91
+ const sheet = createHyperFormulaSheet({
92
+ hyperformula: hf,
93
+ rows,
94
+ fields: ['a', 'b', 'total'],
95
+ });
96
+ expect(sheet.raw[0].total).toBe('=A1+B1');
97
+ // raw is a copy, not the same object reference as the input row.
98
+ expect(sheet.raw[0]).not.toBe(rows[0]);
99
+ });
100
+ it('preserves non-formula fields not listed in `fields`', () => {
101
+ const rows = [{ a: 1, b: 2, name: 'keep-me' }];
102
+ const sheet = createHyperFormulaSheet({
103
+ hyperformula: hf,
104
+ rows,
105
+ fields: ['a', 'b'],
106
+ });
107
+ // `name` was never registered as a column but survives in computed.
108
+ expect(sheet.computed[0].name).toBe('keep-me');
109
+ expect(sheet.raw[0].name).toBe('keep-me');
110
+ });
111
+ it('update() writes the edited cell back and re-evaluates dependents', () => {
112
+ const rows = [{ a: 2, b: 3, total: '=A1+B1' }];
113
+ const sheet = createHyperFormulaSheet({
114
+ hyperformula: hf,
115
+ rows,
116
+ fields: ['a', 'b', 'total'],
117
+ });
118
+ expect(sheet.computed[0].total).toBe(5);
119
+ hf.setCellContents.mockClear();
120
+ const next = sheet.update(0, 'a', 100);
121
+ // The edited cell was pushed into the engine at its column index (a => col 0).
122
+ expect(hf.setCellContents).toHaveBeenCalledWith({ sheet: 0, row: 0, col: 0 }, 100);
123
+ // Dependent formula recomputed from the engine.
124
+ expect(next.computed[0]).toEqual({ a: 100, b: 3, total: 103 });
125
+ // raw reflects the new edited literal but keeps the formula string.
126
+ expect(next.raw[0]).toEqual({ a: 100, b: 3, total: '=A1+B1' });
127
+ });
128
+ it('update() with an unregistered field skips the engine write but updates rows', () => {
129
+ const rows = [{ a: 1, b: 2, note: 'x' }];
130
+ const sheet = createHyperFormulaSheet({
131
+ hyperformula: hf,
132
+ rows,
133
+ fields: ['a', 'b'],
134
+ });
135
+ hf.setCellContents.mockClear();
136
+ const next = sheet.update(0, 'note', 'edited');
137
+ // `note` is not a registered column => no setCellContents call.
138
+ expect(hf.setCellContents).not.toHaveBeenCalled();
139
+ // But the raw/computed row still carries the new value.
140
+ expect(next.raw[0].note).toBe('edited');
141
+ expect(next.computed[0].note).toBe('edited');
142
+ });
143
+ it('respects a custom sheetId for every read and write', () => {
144
+ const rows = [{ a: 1 }];
145
+ const sheet = createHyperFormulaSheet({
146
+ hyperformula: hf,
147
+ rows,
148
+ fields: ['a'],
149
+ sheetId: 7,
150
+ });
151
+ expect(hf.setCellContents).toHaveBeenCalledWith({ sheet: 7, row: 0, col: 0 }, 1);
152
+ expect(hf.getCellValue).toHaveBeenCalledWith({ sheet: 7, row: 0, col: 0 });
153
+ hf.setCellContents.mockClear();
154
+ sheet.update(0, 'a', 9);
155
+ expect(hf.setCellContents).toHaveBeenCalledWith({ sheet: 7, row: 0, col: 0 }, 9);
156
+ });
157
+ it('defaults sheetId to 0 when omitted', () => {
158
+ createHyperFormulaSheet({ hyperformula: hf, rows: [{ a: 1 }], fields: ['a'] });
159
+ expect(hf.setCellContents).toHaveBeenCalledWith({ sheet: 0, row: 0, col: 0 }, 1);
160
+ });
161
+ it('handles an empty rows array without touching the engine', () => {
162
+ const sheet = createHyperFormulaSheet({
163
+ hyperformula: hf,
164
+ rows: [],
165
+ fields: ['a', 'b'],
166
+ });
167
+ expect(hf.setCellContents).not.toHaveBeenCalled();
168
+ expect(sheet.computed).toEqual([]);
169
+ expect(sheet.raw).toEqual([]);
170
+ });
171
+ it('cross-row formula references resolve through the engine', () => {
172
+ const rows = [
173
+ { a: 5 },
174
+ { a: 7 },
175
+ { a: '=A1+A2' },
176
+ ];
177
+ const sheet = createHyperFormulaSheet({
178
+ hyperformula: hf,
179
+ rows,
180
+ fields: ['a'],
181
+ });
182
+ expect(sheet.computed[2].a).toBe(12);
183
+ });
184
+ it('destroy() tears down the underlying engine', () => {
185
+ const sheet = createHyperFormulaSheet({
186
+ hyperformula: hf,
187
+ rows: [{ a: 1 }],
188
+ fields: ['a'],
189
+ });
190
+ sheet.destroy();
191
+ expect(hf.destroy).toHaveBeenCalledTimes(1);
192
+ });
193
+ it('update() returns fresh array instances each call (no shared mutation)', () => {
194
+ const rows = [{ a: 1, b: 1 }];
195
+ const sheet = createHyperFormulaSheet({
196
+ hyperformula: hf,
197
+ rows,
198
+ fields: ['a', 'b'],
199
+ });
200
+ const first = sheet.update(0, 'a', 2);
201
+ const second = sheet.update(0, 'b', 3);
202
+ expect(first.computed).not.toBe(second.computed);
203
+ expect(second.computed[0]).toEqual({ a: 2, b: 3 });
204
+ });
205
+ });
package/dist/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  export { formatNumericWithConfig, resolveDatePattern } from './cell-formatting';
2
- export { columnFilteringFeature, columnGroupingFeature, createCoreRowModel, createExpandedRowModel, createFilteredRowModel, createGroupedRowModel, createPaginatedRowModel, createSortedRowModel, applyGroupAggregate, filterFns, rowExpandingFeature, rowPaginationFeature, rowSelectionFeature, rowSortingFeature, sortFns, tableFeatures, type Cell, type CellContext, type EditorContext, type CellData, type ActiveCellState, type CellFormatConfig, type CellFormatter, type Column, type ColumnDef, type ColumnDefTemplate, type GroupAggregator, type Header, type HeaderContext, type HeaderGroup, type Row, type RowData, type SortingState, type SvGrid as SvGridInstance, type SvGridOptions, type TableFeatures, type Updater, } from './core';
2
+ export { columnFilteringFeature, columnGroupingFeature, createCoreRowModel, createExpandedRowModel, createFilteredRowModel, createGroupedRowModel, createPaginatedRowModel, createSortedRowModel, applyGroupAggregate, filterFns, rowExpandingFeature, rowPaginationFeature, rowSelectionFeature, rowSortingFeature, sortFns, tableFeatures, type Cell, type CellContext, type CellSpanParams, type ValueParserParams, type EditorContext, type CellData, type ActiveCellState, type CellFormatConfig, type CellFormatter, type Column, type ColumnDef, type ColumnDefTemplate, type GroupAggregator, type Header, type HeaderContext, type HeaderGroup, type Row, type RowData, type SortingState, type SvGrid as SvGridInstance, type SvGridOptions, type TableFeatures, type Updater, } from './core';
3
3
  export { createGrid, createSvGrid, type SvelteGrid } from './createGrid.svelte';
4
4
  export { createGridState, createSvGridState } from './createGridState.svelte';
5
5
  export { subscribeGrid, subscribeSvGrid } from './subscribe';
@@ -10,8 +10,11 @@ export { default as SvGridChart } from './SvGridChart.svelte';
10
10
  export { buildChart, rowsToChartSpec, niceScale, niceLogScale, linearTrend, simpleMovingAverage, exponentialMovingAverage, computeOverlay, buildLinePath, sampleGradient, pickContrastText, DEFAULT_PALETTE, type ChartType, type ChartSpec, type ChartSeries, type ChartGeometry, type ChartBar, type ChartLine, type ChartLinePoint, type ChartPieSlice, type ChartSelection, type ChartReferenceLine, type ChartRefLineGeo, type ChartRefLineGeoV, type ChartScatterDot, type ScatterPoint, type NiceScale, type SeriesOverlay, type SeriesPattern, type ChartAnnotation, type ChartHeatmapCell, type ChartFunnelSegment, type ChartRadarSeries, type ChartRadarAxis, type ChartTreemapCell, type ChartCalendarCell, type ChartGaugeLayout, type ChartSankeyNode, type ChartSankeyLink, type TreeNode, } from './chart';
11
11
  export { chartToSvgString, downloadChartSvg, chartToPngBlob, downloadChartPng, type ChartExportOptions, } from './chart-export';
12
12
  export { buildSparkline, toSparklineValues, type SparklineConfig, type SparklineType, type SparklineGeometry, } from './sparkline';
13
- export { spreadsheetLayout, type SpreadsheetActionOptions, type MergeSpec, type CellBorderSpec, type BorderSpec, } from './spreadsheet';
13
+ export { spreadsheetLayout, spansToMerges, type SpanColumn, type SpreadsheetActionOptions, type MergeSpec, type CellBorderSpec, type BorderSpec, } from './spreadsheet';
14
14
  export { rowResize, type RowResizeOptions } from './row-resize';
15
+ export { rowDropZone, type RowDragEndEvent, type RowDropZoneOptions } from './row-drag';
16
+ export { resolveColumnTypes, inferCellDataType, type CellDataType } from './column-types';
17
+ export { computeColumnGroupMeta, hiddenLeavesForCollapse, type ColumnGroupMeta, type ColumnGroupShow, } from './column-groups';
15
18
  export { createHyperFormulaSheet, type HyperFormulaSheet, type HyperFormulaSheetConfig, type HyperFormulaInstance, } from './hyperformula-adapter';
16
19
  export { createCollaboration, broadcastChannelTransport, type CollabUser, type CollabCell, type CollabPresence, type CollabMessage, type CollabTransport, type Collaboration, } from './collaboration';
17
20
  export { createServerDataSource, type ServerDataSource, type ServerRequest, type ServerResult, type ServerController, type ServerState, type ServerSortModel, type ServerFilterModel, } from './server-data-source';
package/dist/index.js CHANGED
@@ -10,8 +10,11 @@ export { default as SvGridChart } from './SvGridChart.svelte';
10
10
  export { buildChart, rowsToChartSpec, niceScale, niceLogScale, linearTrend, simpleMovingAverage, exponentialMovingAverage, computeOverlay, buildLinePath, sampleGradient, pickContrastText, DEFAULT_PALETTE, } from './chart';
11
11
  export { chartToSvgString, downloadChartSvg, chartToPngBlob, downloadChartPng, } from './chart-export';
12
12
  export { buildSparkline, toSparklineValues, } from './sparkline';
13
- export { spreadsheetLayout, } from './spreadsheet';
13
+ export { spreadsheetLayout, spansToMerges, } from './spreadsheet';
14
14
  export { rowResize } from './row-resize';
15
+ export { rowDropZone } from './row-drag';
16
+ export { resolveColumnTypes, inferCellDataType } from './column-types';
17
+ export { computeColumnGroupMeta, hiddenLeavesForCollapse, } from './column-groups';
15
18
  export { createHyperFormulaSheet, } from './hyperformula-adapter';
16
19
  export { createCollaboration, broadcastChannelTransport, } from './collaboration';
17
20
  export { createServerDataSource, } from './server-data-source';
@@ -0,0 +1 @@
1
+ export {};