@svgrid/grid 2.0.0 → 2.0.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 (61) hide show
  1. package/dist/FlexRender.svelte +96 -96
  2. package/dist/GridFooter.svelte +178 -178
  3. package/dist/SvGrid.css +2376 -2376
  4. package/dist/SvGrid.svelte +2764 -2764
  5. package/dist/SvGridDropdown.svelte +666 -666
  6. package/dist/cdn/svgrid.js +1 -1
  7. package/dist/cdn/svgrid.svelte-external.js +1 -1
  8. package/package.json +85 -85
  9. package/src/FlexRender.svelte +96 -96
  10. package/src/GridFooter.svelte +178 -178
  11. package/src/SvGrid.controller.svelte.ts +2553 -2553
  12. package/src/SvGrid.css +2376 -2376
  13. package/src/SvGrid.svelte +2764 -2764
  14. package/src/SvGrid.types.ts +944 -944
  15. package/src/SvGridDropdown.svelte +666 -666
  16. package/src/a11y.contract.test.ts +49 -49
  17. package/src/a11y.test.ts +59 -59
  18. package/src/a11y.ts +61 -61
  19. package/src/build-api.ts +798 -798
  20. package/src/cell-formatting.ts +169 -169
  21. package/src/cell-render.ts +469 -469
  22. package/src/collaboration.test.ts +104 -104
  23. package/src/collaboration.ts +167 -167
  24. package/src/core.performance.test.ts +30 -30
  25. package/src/core.ts +1111 -1111
  26. package/src/createGrid.svelte.ts +42 -42
  27. package/src/createGrid.test.ts +10 -10
  28. package/src/createGridState.svelte.ts +17 -17
  29. package/src/editing.test.ts +859 -859
  30. package/src/editing.ts +675 -675
  31. package/src/export-data-api.test.ts +126 -126
  32. package/src/export-format.test.ts +107 -107
  33. package/src/export-format.ts +598 -598
  34. package/src/flex-render.ts +3 -3
  35. package/src/index.ts +463 -463
  36. package/src/keyboard.test.ts +59 -59
  37. package/src/keyboard.ts +97 -97
  38. package/src/menus.ts +582 -582
  39. package/src/merge-objects.ts +48 -48
  40. package/src/render-component.ts +28 -28
  41. package/src/selection.test.ts +754 -754
  42. package/src/selection.ts +600 -600
  43. package/src/server-data-source.test.ts +289 -289
  44. package/src/server-data-source.ts +413 -413
  45. package/src/sparkline.test.ts +68 -68
  46. package/src/sparkline.ts +169 -169
  47. package/src/spreadsheet.test.ts +489 -489
  48. package/src/spreadsheet.ts +304 -304
  49. package/src/static-functions.ts +11 -11
  50. package/src/subscribe.ts +38 -38
  51. package/src/svgrid-wrapper.types.ts +439 -439
  52. package/src/svgrid.behavior.test.ts +706 -706
  53. package/src/svgrid.features.test.ts +157 -157
  54. package/src/svgrid.new-features.wrapper.test.ts +251 -251
  55. package/src/svgrid.wrapper.test.ts +40 -40
  56. package/src/virtualization/column-virtualizer.test.ts +27 -27
  57. package/src/virtualization/column-virtualizer.ts +30 -30
  58. package/src/virtualization/svelte-virtualizer.svelte.ts +26 -26
  59. package/src/virtualization/types.ts +30 -30
  60. package/src/virtualization/virtualizer.test.ts +47 -47
  61. package/src/virtualization/virtualizer.ts +296 -296
@@ -1,42 +1,42 @@
1
- import { createSvGridCore } from './core'
2
- import type {
3
- RowData,
4
- SvGrid,
5
- SvGridOptions,
6
- TableFeatures,
7
- } from './core'
8
-
9
- export type SvelteGrid<
10
- TFeatures extends TableFeatures,
11
- TData extends RowData,
12
- TSelected = {},
13
- > = SvGrid<TData> & {
14
- readonly state: Readonly<TSelected>
15
- }
16
-
17
- export function createSvGrid<
18
- TFeatures extends TableFeatures,
19
- TData extends RowData,
20
- TSelected = {},
21
- >(
22
- gridOptions: SvGridOptions<TFeatures, TData>,
23
- selector: (state: Record<string, any>) => TSelected = () => ({}) as TSelected,
24
- ): SvelteGrid<TFeatures, TData, TSelected> {
25
- const grid = createSvGridCore(gridOptions) as SvelteGrid<TFeatures, TData, TSelected>
26
- let selected = $state(selector(grid.store.state))
27
- grid.store.subscribe(() => {
28
- selected = selector(grid.store.state)
29
- })
30
-
31
- Object.defineProperty(grid, 'state', {
32
- get() {
33
- return selected
34
- },
35
- configurable: true,
36
- enumerable: true,
37
- })
38
-
39
- return grid
40
- }
41
-
42
- export const createGrid = createSvGrid
1
+ import { createSvGridCore } from './core'
2
+ import type {
3
+ RowData,
4
+ SvGrid,
5
+ SvGridOptions,
6
+ TableFeatures,
7
+ } from './core'
8
+
9
+ export type SvelteGrid<
10
+ TFeatures extends TableFeatures,
11
+ TData extends RowData,
12
+ TSelected = {},
13
+ > = SvGrid<TData> & {
14
+ readonly state: Readonly<TSelected>
15
+ }
16
+
17
+ export function createSvGrid<
18
+ TFeatures extends TableFeatures,
19
+ TData extends RowData,
20
+ TSelected = {},
21
+ >(
22
+ gridOptions: SvGridOptions<TFeatures, TData>,
23
+ selector: (state: Record<string, any>) => TSelected = () => ({}) as TSelected,
24
+ ): SvelteGrid<TFeatures, TData, TSelected> {
25
+ const grid = createSvGridCore(gridOptions) as SvelteGrid<TFeatures, TData, TSelected>
26
+ let selected = $state(selector(grid.store.state))
27
+ grid.store.subscribe(() => {
28
+ selected = selector(grid.store.state)
29
+ })
30
+
31
+ Object.defineProperty(grid, 'state', {
32
+ get() {
33
+ return selected
34
+ },
35
+ configurable: true,
36
+ enumerable: true,
37
+ })
38
+
39
+ return grid
40
+ }
41
+
42
+ export const createGrid = createSvGrid
@@ -1,10 +1,10 @@
1
- import { describe, expect, it } from 'vitest'
2
- import { createGridState } from './index'
3
-
4
- describe('createGrid', () => {
5
- it('createGridState updates controlled values', () => {
6
- const [sorting, setSorting] = createGridState([{ id: 'age', desc: false }])
7
- setSorting((prev) => prev.map((entry) => ({ ...entry, desc: true })))
8
- expect(sorting()[0]?.desc).toBe(true)
9
- })
10
- })
1
+ import { describe, expect, it } from 'vitest'
2
+ import { createGridState } from './index'
3
+
4
+ describe('createGrid', () => {
5
+ it('createGridState updates controlled values', () => {
6
+ const [sorting, setSorting] = createGridState([{ id: 'age', desc: false }])
7
+ setSorting((prev) => prev.map((entry) => ({ ...entry, desc: true })))
8
+ expect(sorting()[0]?.desc).toBe(true)
9
+ })
10
+ })
@@ -1,17 +1,17 @@
1
- import type { Updater } from './core'
2
-
3
- export function createGridState<TState>(
4
- initialValue: TState,
5
- ): [() => TState, (updater: Updater<TState>) => void] {
6
- let value = $state(initialValue)
7
-
8
- return [
9
- () => value,
10
- (updater: Updater<TState>) => {
11
- if (updater instanceof Function) value = updater(value)
12
- else value = updater
13
- },
14
- ]
15
- }
16
-
17
- export const createSvGridState = createGridState
1
+ import type { Updater } from './core'
2
+
3
+ export function createGridState<TState>(
4
+ initialValue: TState,
5
+ ): [() => TState, (updater: Updater<TState>) => void] {
6
+ let value = $state(initialValue)
7
+
8
+ return [
9
+ () => value,
10
+ (updater: Updater<TState>) => {
11
+ if (updater instanceof Function) value = updater(value)
12
+ else value = updater
13
+ },
14
+ ]
15
+ }
16
+
17
+ export const createSvGridState = createGridState