@svgrid/grid 1.1.1 → 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 (50) 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 +2569 -2346
  5. package/dist/build-api.js +2 -2
  6. package/dist/cell-values.d.ts +1 -1
  7. package/dist/cell-values.js +7 -7
  8. package/dist/column-types.js +1 -1
  9. package/dist/core.d.ts +1 -1
  10. package/dist/core.js +2 -2
  11. package/dist/summaries.js +4 -4
  12. package/package.json +1 -1
  13. package/src/FlexRender.svelte +96 -96
  14. package/src/SvGrid.controller.svelte.ts +2363 -2352
  15. package/src/SvGrid.css +2012 -2012
  16. package/src/SvGrid.svelte +2569 -2346
  17. package/src/SvGrid.types.ts +537 -537
  18. package/src/a11y.contract.test.ts +49 -49
  19. package/src/a11y.test.ts +59 -59
  20. package/src/a11y.ts +59 -59
  21. package/src/build-api.ts +683 -683
  22. package/src/cell-formatting.ts +169 -169
  23. package/src/cell-values.ts +4 -4
  24. package/src/column-types.ts +1 -1
  25. package/src/core.performance.test.ts +30 -30
  26. package/src/core.ts +1077 -1077
  27. package/src/createGrid.svelte.ts +42 -42
  28. package/src/createGrid.test.ts +10 -10
  29. package/src/createGridState.svelte.ts +17 -17
  30. package/src/editing.ts +669 -669
  31. package/src/flex-render.ts +3 -3
  32. package/src/index.ts +208 -208
  33. package/src/keyboard.test.ts +59 -59
  34. package/src/keyboard.ts +97 -97
  35. package/src/merge-objects.ts +48 -48
  36. package/src/render-component.ts +28 -28
  37. package/src/spreadsheet.test.ts +489 -489
  38. package/src/spreadsheet.ts +304 -304
  39. package/src/static-functions.ts +11 -11
  40. package/src/subscribe.ts +38 -38
  41. package/src/summaries.ts +4 -4
  42. package/src/svgrid-wrapper.types.ts +412 -412
  43. package/src/svgrid.features.test.ts +157 -157
  44. package/src/svgrid.wrapper.test.ts +40 -40
  45. package/src/virtualization/column-virtualizer.test.ts +27 -27
  46. package/src/virtualization/column-virtualizer.ts +30 -30
  47. package/src/virtualization/svelte-virtualizer.svelte.ts +26 -26
  48. package/src/virtualization/types.ts +30 -30
  49. package/src/virtualization/virtualizer.test.ts +47 -47
  50. 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