@svgrid/grid 1.1.0 → 1.1.2

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 (148) hide show
  1. package/dist/FlexRender.svelte +96 -96
  2. package/dist/GridMenus.svelte +205 -127
  3. package/dist/SvGrid.controller.svelte.d.ts +44 -1
  4. package/dist/SvGrid.controller.svelte.js +240 -44
  5. package/dist/SvGrid.css +325 -22
  6. package/dist/SvGrid.helpers.test.d.ts +1 -0
  7. package/dist/SvGrid.helpers.test.js +298 -0
  8. package/dist/SvGrid.svelte +729 -203
  9. package/dist/SvGrid.types.d.ts +91 -4
  10. package/dist/aligned-grids.d.ts +6 -0
  11. package/dist/aligned-grids.js +84 -0
  12. package/dist/aligned-grids.test.d.ts +1 -0
  13. package/dist/aligned-grids.test.js +75 -0
  14. package/dist/build-api.coverage.test.d.ts +20 -0
  15. package/dist/build-api.coverage.test.js +505 -0
  16. package/dist/build-api.js +61 -31
  17. package/dist/cell-render.test.d.ts +1 -0
  18. package/dist/cell-render.test.js +338 -0
  19. package/dist/cell-values.d.ts +1 -1
  20. package/dist/cell-values.js +7 -7
  21. package/dist/chart-export.test.d.ts +1 -0
  22. package/dist/chart-export.test.js +302 -0
  23. package/dist/chart.coverage.test.d.ts +1 -0
  24. package/dist/chart.coverage.test.js +748 -0
  25. package/dist/clipboard.js +88 -24
  26. package/dist/clipboard.test.d.ts +1 -0
  27. package/dist/clipboard.test.js +700 -0
  28. package/dist/collaboration.coverage.test.d.ts +1 -0
  29. package/dist/collaboration.coverage.test.js +200 -0
  30. package/dist/column-groups.d.ts +19 -0
  31. package/dist/column-groups.js +62 -0
  32. package/dist/column-groups.test.d.ts +1 -0
  33. package/dist/column-groups.test.js +56 -0
  34. package/dist/column-types.d.ts +10 -0
  35. package/dist/column-types.js +63 -0
  36. package/dist/column-types.test.d.ts +1 -0
  37. package/dist/column-types.test.js +62 -0
  38. package/dist/columns.test.d.ts +1 -0
  39. package/dist/columns.test.js +625 -0
  40. package/dist/core.d.ts +86 -1
  41. package/dist/core.js +2 -2
  42. package/dist/editing.d.ts +7 -0
  43. package/dist/editing.js +191 -5
  44. package/dist/editing.test.d.ts +1 -0
  45. package/dist/editing.test.js +732 -0
  46. package/dist/editors/cell-editors.coverage.test.d.ts +1 -0
  47. package/dist/editors/cell-editors.coverage.test.js +139 -0
  48. package/dist/facet-buckets.test.d.ts +1 -0
  49. package/dist/facet-buckets.test.js +296 -0
  50. package/dist/filter-operators.test.d.ts +1 -0
  51. package/dist/filter-operators.test.js +135 -0
  52. package/dist/hyperformula-adapter.test.d.ts +1 -0
  53. package/dist/hyperformula-adapter.test.js +205 -0
  54. package/dist/index.d.ts +5 -2
  55. package/dist/index.js +4 -1
  56. package/dist/keyboard-handlers.coverage.test.d.ts +1 -0
  57. package/dist/keyboard-handlers.coverage.test.js +495 -0
  58. package/dist/keyboard-handlers.js +7 -2
  59. package/dist/menus.js +1 -0
  60. package/dist/menus.test.d.ts +1 -0
  61. package/dist/menus.test.js +560 -0
  62. package/dist/named-views.coverage.test.d.ts +1 -0
  63. package/dist/named-views.coverage.test.js +180 -0
  64. package/dist/row-drag.d.ts +49 -0
  65. package/dist/row-drag.js +221 -0
  66. package/dist/row-drag.test.d.ts +1 -0
  67. package/dist/row-drag.test.js +142 -0
  68. package/dist/row-resize.test.d.ts +1 -0
  69. package/dist/row-resize.test.js +329 -0
  70. package/dist/scroll-sync.js +3 -0
  71. package/dist/scroll-sync.test.d.ts +1 -0
  72. package/dist/scroll-sync.test.js +290 -0
  73. package/dist/selection.d.ts +7 -1
  74. package/dist/selection.js +76 -36
  75. package/dist/selection.multi-range.test.d.ts +1 -0
  76. package/dist/selection.multi-range.test.js +55 -0
  77. package/dist/selection.test.d.ts +1 -0
  78. package/dist/selection.test.js +647 -0
  79. package/dist/server-data-source.coverage.test.d.ts +1 -0
  80. package/dist/server-data-source.coverage.test.js +154 -0
  81. package/dist/spreadsheet.d.ts +30 -0
  82. package/dist/spreadsheet.js +48 -0
  83. package/dist/spreadsheet.test.d.ts +1 -0
  84. package/dist/spreadsheet.test.js +446 -0
  85. package/dist/summaries.js +4 -4
  86. package/dist/sv-grid-scrollbar.js +13 -1
  87. package/dist/svgrid-wrapper.types.d.ts +19 -0
  88. package/dist/svgrid.behavior.test.js +20 -0
  89. package/dist/svgrid.interaction.test.js +31 -0
  90. package/dist/svgrid.new-features.wrapper.test.js +34 -2
  91. package/dist/test-setup.js +9 -3
  92. package/dist/virtualization/scroll-scaling.d.ts +17 -0
  93. package/dist/virtualization/scroll-scaling.js +35 -0
  94. package/dist/virtualization/scroll-scaling.test.js +42 -1
  95. package/package.json +2 -1
  96. package/src/FlexRender.svelte +96 -96
  97. package/src/GridMenus.svelte +205 -127
  98. package/src/SvGrid.controller.svelte.ts +204 -36
  99. package/src/SvGrid.css +277 -12
  100. package/src/SvGrid.svelte +727 -205
  101. package/src/SvGrid.types.ts +85 -4
  102. package/src/a11y.contract.test.ts +49 -49
  103. package/src/a11y.test.ts +59 -59
  104. package/src/a11y.ts +59 -59
  105. package/src/aligned-grids.test.ts +80 -0
  106. package/src/aligned-grids.ts +87 -0
  107. package/src/build-api.ts +43 -23
  108. package/src/cell-formatting.ts +169 -169
  109. package/src/cell-values.ts +4 -4
  110. package/src/clipboard.test.ts +49 -0
  111. package/src/clipboard.ts +51 -23
  112. package/src/column-groups.test.ts +59 -0
  113. package/src/column-groups.ts +80 -0
  114. package/src/column-types.test.ts +68 -0
  115. package/src/column-types.ts +82 -0
  116. package/src/core.performance.test.ts +30 -30
  117. package/src/core.ts +1077 -999
  118. package/src/createGrid.svelte.ts +42 -42
  119. package/src/createGrid.test.ts +10 -10
  120. package/src/createGridState.svelte.ts +17 -17
  121. package/src/editing.ts +161 -5
  122. package/src/flex-render.ts +3 -3
  123. package/src/index.ts +208 -196
  124. package/src/keyboard.test.ts +59 -59
  125. package/src/keyboard.ts +97 -97
  126. package/src/menus.ts +1 -0
  127. package/src/merge-objects.ts +48 -48
  128. package/src/render-component.ts +28 -28
  129. package/src/row-drag.test.ts +168 -0
  130. package/src/row-drag.ts +255 -0
  131. package/src/scroll-sync.ts +2 -0
  132. package/src/selection.multi-range.test.ts +61 -0
  133. package/src/selection.ts +71 -37
  134. package/src/spreadsheet.test.ts +46 -2
  135. package/src/spreadsheet.ts +58 -0
  136. package/src/static-functions.ts +11 -11
  137. package/src/subscribe.ts +38 -38
  138. package/src/summaries.ts +4 -4
  139. package/src/svgrid-wrapper.types.ts +412 -393
  140. package/src/svgrid.features.test.ts +157 -157
  141. package/src/svgrid.new-features.wrapper.test.ts +2 -2
  142. package/src/svgrid.wrapper.test.ts +40 -40
  143. package/src/virtualization/column-virtualizer.test.ts +27 -27
  144. package/src/virtualization/column-virtualizer.ts +30 -30
  145. package/src/virtualization/svelte-virtualizer.svelte.ts +26 -26
  146. package/src/virtualization/types.ts +30 -30
  147. package/src/virtualization/virtualizer.test.ts +47 -47
  148. package/src/virtualization/virtualizer.ts +296 -296
package/src/subscribe.ts CHANGED
@@ -1,38 +1,38 @@
1
- import type { RowData, SvGrid, TableFeatures } from './core'
2
-
3
- const shallowCompare = (a: unknown, b: unknown) => {
4
- if (Object.is(a, b)) return true
5
- if (!a || !b || typeof a !== 'object' || typeof b !== 'object') return false
6
- const aObj = a as Record<string, unknown>
7
- const bObj = b as Record<string, unknown>
8
- const aKeys = Object.keys(aObj)
9
- const bKeys = Object.keys(bObj)
10
- if (aKeys.length !== bKeys.length) return false
11
- return aKeys.every((key) => Object.is(aObj[key], bObj[key]))
12
- }
13
-
14
- /**
15
- * Fine-grained subscription to `table.store` using `useSelector` with shallow
16
- * comparison. Call from `<script>` so the selector is contextually typed.
17
- */
18
- export function subscribeGrid<
19
- TFeatures extends TableFeatures,
20
- TData extends RowData,
21
- TSelected,
22
- >(
23
- grid: SvGrid<TData>,
24
- selector: (state: Record<string, any>) => TSelected,
25
- ) {
26
- let current = selector(grid.store.state)
27
- grid.store.subscribe(() => {
28
- const next = selector(grid.store.state)
29
- if (!shallowCompare(current, next)) current = next
30
- })
31
- return {
32
- get current() {
33
- return current
34
- },
35
- }
36
- }
37
-
38
- export const subscribeSvGrid = subscribeGrid
1
+ import type { RowData, SvGrid, TableFeatures } from './core'
2
+
3
+ const shallowCompare = (a: unknown, b: unknown) => {
4
+ if (Object.is(a, b)) return true
5
+ if (!a || !b || typeof a !== 'object' || typeof b !== 'object') return false
6
+ const aObj = a as Record<string, unknown>
7
+ const bObj = b as Record<string, unknown>
8
+ const aKeys = Object.keys(aObj)
9
+ const bKeys = Object.keys(bObj)
10
+ if (aKeys.length !== bKeys.length) return false
11
+ return aKeys.every((key) => Object.is(aObj[key], bObj[key]))
12
+ }
13
+
14
+ /**
15
+ * Fine-grained subscription to `table.store` using `useSelector` with shallow
16
+ * comparison. Call from `<script>` so the selector is contextually typed.
17
+ */
18
+ export function subscribeGrid<
19
+ TFeatures extends TableFeatures,
20
+ TData extends RowData,
21
+ TSelected,
22
+ >(
23
+ grid: SvGrid<TData>,
24
+ selector: (state: Record<string, any>) => TSelected,
25
+ ) {
26
+ let current = selector(grid.store.state)
27
+ grid.store.subscribe(() => {
28
+ const next = selector(grid.store.state)
29
+ if (!shallowCompare(current, next)) current = next
30
+ })
31
+ return {
32
+ get current() {
33
+ return current
34
+ },
35
+ }
36
+ }
37
+
38
+ export const subscribeSvGrid = subscribeGrid
package/src/summaries.ts CHANGED
@@ -142,7 +142,7 @@ export function createSummaries<
142
142
  * trap for every cell otherwise - 5M no-op trap calls on a
143
143
  * 100k x 50 grid. Skipping it when the map is empty is the single
144
144
  * biggest win here.
145
- * 2. The column's accessor (`accessorFn` / `field`) is resolved once
145
+ * 2. The column's accessor (`fieldFn` / `field`) is resolved once
146
146
  * per column, not re-read off `columnDef` for every cell.
147
147
  */
148
148
  function computeSummaries(
@@ -154,7 +154,7 @@ export function createSummaries<
154
154
  const hasEdits = Object.keys(ctx.editedCellValues).length > 0;
155
155
  for (const column of columns) {
156
156
  const def = column.columnDef;
157
- const accessorFn = def.accessorFn;
157
+ const fieldFn = def.fieldFn;
158
158
  const field = def.field;
159
159
  const columnId = column.id;
160
160
  let numericSum = 0;
@@ -162,8 +162,8 @@ export function createSummaries<
162
162
  for (let i = 0; i < rowCount; i += 1) {
163
163
  const row = rows[i]!;
164
164
  let value: unknown;
165
- const base = accessorFn
166
- ? accessorFn(row.original)
165
+ const base = fieldFn
166
+ ? fieldFn(row.original)
167
167
  : field
168
168
  ? (row.original as Record<string, unknown>)[field]
169
169
  : row.getCellValueByColumnId(columnId);