@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.
- package/dist/FlexRender.svelte +96 -96
- package/dist/SvGrid.controller.svelte.js +17 -6
- package/dist/SvGrid.css +2012 -2012
- package/dist/SvGrid.svelte +2569 -2346
- package/dist/build-api.js +2 -2
- package/dist/cell-values.d.ts +1 -1
- package/dist/cell-values.js +7 -7
- package/dist/column-types.js +1 -1
- package/dist/core.d.ts +1 -1
- package/dist/core.js +2 -2
- package/dist/summaries.js +4 -4
- package/package.json +1 -1
- package/src/FlexRender.svelte +96 -96
- package/src/SvGrid.controller.svelte.ts +2363 -2352
- package/src/SvGrid.css +2012 -2012
- package/src/SvGrid.svelte +2569 -2346
- package/src/SvGrid.types.ts +537 -537
- package/src/a11y.contract.test.ts +49 -49
- package/src/a11y.test.ts +59 -59
- package/src/a11y.ts +59 -59
- package/src/build-api.ts +683 -683
- package/src/cell-formatting.ts +169 -169
- package/src/cell-values.ts +4 -4
- package/src/column-types.ts +1 -1
- package/src/core.performance.test.ts +30 -30
- package/src/core.ts +1077 -1077
- package/src/createGrid.svelte.ts +42 -42
- package/src/createGrid.test.ts +10 -10
- package/src/createGridState.svelte.ts +17 -17
- package/src/editing.ts +669 -669
- package/src/flex-render.ts +3 -3
- package/src/index.ts +208 -208
- package/src/keyboard.test.ts +59 -59
- package/src/keyboard.ts +97 -97
- package/src/merge-objects.ts +48 -48
- package/src/render-component.ts +28 -28
- package/src/spreadsheet.test.ts +489 -489
- package/src/spreadsheet.ts +304 -304
- package/src/static-functions.ts +11 -11
- package/src/subscribe.ts +38 -38
- package/src/summaries.ts +4 -4
- package/src/svgrid-wrapper.types.ts +412 -412
- package/src/svgrid.features.test.ts +157 -157
- package/src/svgrid.wrapper.test.ts +40 -40
- package/src/virtualization/column-virtualizer.test.ts +27 -27
- package/src/virtualization/column-virtualizer.ts +30 -30
- package/src/virtualization/svelte-virtualizer.svelte.ts +26 -26
- package/src/virtualization/types.ts +30 -30
- package/src/virtualization/virtualizer.test.ts +47 -47
- package/src/virtualization/virtualizer.ts +296 -296
package/src/flex-render.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
/// <reference types="svelte" />
|
|
2
|
-
|
|
3
|
-
export { default as FlexRender } from './FlexRender.svelte'
|
|
1
|
+
/// <reference types="svelte" />
|
|
2
|
+
|
|
3
|
+
export { default as FlexRender } from './FlexRender.svelte'
|
package/src/index.ts
CHANGED
|
@@ -1,208 +1,208 @@
|
|
|
1
|
-
export { formatNumericWithConfig, resolveDatePattern } from './cell-formatting'
|
|
2
|
-
|
|
3
|
-
export {
|
|
4
|
-
columnFilteringFeature,
|
|
5
|
-
columnGroupingFeature,
|
|
6
|
-
createCoreRowModel,
|
|
7
|
-
createExpandedRowModel,
|
|
8
|
-
createFilteredRowModel,
|
|
9
|
-
createGroupedRowModel,
|
|
10
|
-
createPaginatedRowModel,
|
|
11
|
-
createSortedRowModel,
|
|
12
|
-
applyGroupAggregate,
|
|
13
|
-
filterFns,
|
|
14
|
-
rowExpandingFeature,
|
|
15
|
-
rowPaginationFeature,
|
|
16
|
-
rowSelectionFeature,
|
|
17
|
-
rowSortingFeature,
|
|
18
|
-
sortFns,
|
|
19
|
-
tableFeatures,
|
|
20
|
-
type Cell,
|
|
21
|
-
type CellContext,
|
|
22
|
-
type CellSpanParams,
|
|
23
|
-
type ValueParserParams,
|
|
24
|
-
type EditorContext,
|
|
25
|
-
type CellData,
|
|
26
|
-
type ActiveCellState,
|
|
27
|
-
type CellFormatConfig,
|
|
28
|
-
type CellFormatter,
|
|
29
|
-
type Column,
|
|
30
|
-
type ColumnDef,
|
|
31
|
-
type ColumnDefTemplate,
|
|
32
|
-
type GroupAggregator,
|
|
33
|
-
type Header,
|
|
34
|
-
type HeaderContext,
|
|
35
|
-
type HeaderGroup,
|
|
36
|
-
type Row,
|
|
37
|
-
type RowData,
|
|
38
|
-
type SortingState,
|
|
39
|
-
type SvGrid as SvGridInstance,
|
|
40
|
-
type SvGridOptions,
|
|
41
|
-
type TableFeatures,
|
|
42
|
-
type Updater,
|
|
43
|
-
} from './core'
|
|
44
|
-
|
|
45
|
-
export { createGrid, createSvGrid, type SvelteGrid } from './createGrid.svelte'
|
|
46
|
-
export { createGridState, createSvGridState } from './createGridState.svelte'
|
|
47
|
-
export { subscribeGrid, subscribeSvGrid } from './subscribe'
|
|
48
|
-
export { default as SvGrid } from './SvGrid.svelte'
|
|
49
|
-
export { default as FlexRender } from './FlexRender.svelte'
|
|
50
|
-
export { renderComponent, renderSnippet } from './render-component'
|
|
51
|
-
export { default as SvGridChart } from './SvGridChart.svelte'
|
|
52
|
-
export {
|
|
53
|
-
buildChart,
|
|
54
|
-
rowsToChartSpec,
|
|
55
|
-
niceScale,
|
|
56
|
-
niceLogScale,
|
|
57
|
-
linearTrend,
|
|
58
|
-
simpleMovingAverage,
|
|
59
|
-
exponentialMovingAverage,
|
|
60
|
-
computeOverlay,
|
|
61
|
-
buildLinePath,
|
|
62
|
-
sampleGradient,
|
|
63
|
-
pickContrastText,
|
|
64
|
-
DEFAULT_PALETTE,
|
|
65
|
-
type ChartType,
|
|
66
|
-
type ChartSpec,
|
|
67
|
-
type ChartSeries,
|
|
68
|
-
type ChartGeometry,
|
|
69
|
-
type ChartBar,
|
|
70
|
-
type ChartLine,
|
|
71
|
-
type ChartLinePoint,
|
|
72
|
-
type ChartPieSlice,
|
|
73
|
-
type ChartSelection,
|
|
74
|
-
type ChartReferenceLine,
|
|
75
|
-
type ChartRefLineGeo,
|
|
76
|
-
type ChartRefLineGeoV,
|
|
77
|
-
type ChartScatterDot,
|
|
78
|
-
type ScatterPoint,
|
|
79
|
-
type NiceScale,
|
|
80
|
-
type SeriesOverlay,
|
|
81
|
-
type SeriesPattern,
|
|
82
|
-
type ChartAnnotation,
|
|
83
|
-
type ChartHeatmapCell,
|
|
84
|
-
type ChartFunnelSegment,
|
|
85
|
-
type ChartRadarSeries,
|
|
86
|
-
type ChartRadarAxis,
|
|
87
|
-
type ChartTreemapCell,
|
|
88
|
-
type ChartCalendarCell,
|
|
89
|
-
type ChartGaugeLayout,
|
|
90
|
-
type ChartSankeyNode,
|
|
91
|
-
type ChartSankeyLink,
|
|
92
|
-
type TreeNode,
|
|
93
|
-
} from './chart'
|
|
94
|
-
export {
|
|
95
|
-
chartToSvgString,
|
|
96
|
-
downloadChartSvg,
|
|
97
|
-
chartToPngBlob,
|
|
98
|
-
downloadChartPng,
|
|
99
|
-
type ChartExportOptions,
|
|
100
|
-
} from './chart-export'
|
|
101
|
-
export {
|
|
102
|
-
buildSparkline,
|
|
103
|
-
toSparklineValues,
|
|
104
|
-
type SparklineConfig,
|
|
105
|
-
type SparklineType,
|
|
106
|
-
type SparklineGeometry,
|
|
107
|
-
} from './sparkline'
|
|
108
|
-
export {
|
|
109
|
-
spreadsheetLayout,
|
|
110
|
-
spansToMerges,
|
|
111
|
-
type SpanColumn,
|
|
112
|
-
type SpreadsheetActionOptions,
|
|
113
|
-
type MergeSpec,
|
|
114
|
-
type CellBorderSpec,
|
|
115
|
-
type BorderSpec,
|
|
116
|
-
} from './spreadsheet'
|
|
117
|
-
export { rowResize, type RowResizeOptions } from './row-resize'
|
|
118
|
-
export { rowDropZone, type RowDragEndEvent, type RowDropZoneOptions } from './row-drag'
|
|
119
|
-
export { resolveColumnTypes, inferCellDataType, type CellDataType } from './column-types'
|
|
120
|
-
export {
|
|
121
|
-
computeColumnGroupMeta,
|
|
122
|
-
hiddenLeavesForCollapse,
|
|
123
|
-
type ColumnGroupMeta,
|
|
124
|
-
type ColumnGroupShow,
|
|
125
|
-
} from './column-groups'
|
|
126
|
-
export {
|
|
127
|
-
createHyperFormulaSheet,
|
|
128
|
-
type HyperFormulaSheet,
|
|
129
|
-
type HyperFormulaSheetConfig,
|
|
130
|
-
type HyperFormulaInstance,
|
|
131
|
-
} from './hyperformula-adapter'
|
|
132
|
-
export {
|
|
133
|
-
createCollaboration,
|
|
134
|
-
broadcastChannelTransport,
|
|
135
|
-
type CollabUser,
|
|
136
|
-
type CollabCell,
|
|
137
|
-
type CollabPresence,
|
|
138
|
-
type CollabMessage,
|
|
139
|
-
type CollabTransport,
|
|
140
|
-
type Collaboration,
|
|
141
|
-
} from './collaboration'
|
|
142
|
-
export {
|
|
143
|
-
createServerDataSource,
|
|
144
|
-
type ServerDataSource,
|
|
145
|
-
type ServerRequest,
|
|
146
|
-
type ServerResult,
|
|
147
|
-
type ServerController,
|
|
148
|
-
type ServerState,
|
|
149
|
-
type ServerSortModel,
|
|
150
|
-
type ServerFilterModel,
|
|
151
|
-
} from './server-data-source'
|
|
152
|
-
export {
|
|
153
|
-
createNamedViews,
|
|
154
|
-
memoryViews,
|
|
155
|
-
localStorageViews,
|
|
156
|
-
attachAutoSavedView,
|
|
157
|
-
type SavedView,
|
|
158
|
-
type ViewStorage,
|
|
159
|
-
type NamedViews,
|
|
160
|
-
type AutoSavedViewOptions,
|
|
161
|
-
} from './named-views'
|
|
162
|
-
export {
|
|
163
|
-
resolveCellFormat,
|
|
164
|
-
computeColumnStat,
|
|
165
|
-
lerpColor,
|
|
166
|
-
contrastText,
|
|
167
|
-
type ConditionalFormat,
|
|
168
|
-
type ConditionalFormatSpec,
|
|
169
|
-
type ColorScaleFormat,
|
|
170
|
-
type DataBarFormat,
|
|
171
|
-
type IconSetFormat,
|
|
172
|
-
type RuleFormat,
|
|
173
|
-
type ResolvedCellFormat,
|
|
174
|
-
} from './conditional-formatting'
|
|
175
|
-
export { getKeyboardIntent, getNextActiveCell, type GridKeyboardIntent } from './keyboard'
|
|
176
|
-
export { createVirtualizer } from './virtualization/virtualizer'
|
|
177
|
-
export { createSvelteVirtualizer } from './virtualization/svelte-virtualizer.svelte'
|
|
178
|
-
export { createColumnVirtualizer } from './virtualization/column-virtualizer'
|
|
179
|
-
export type { VirtualItem, VirtualizerOptions, VirtualizerState } from './virtualization/types'
|
|
180
|
-
export type { SvGridApi, SvGridFilterOperator, SvGridWrapperProps } from './svgrid-wrapper.types'
|
|
181
|
-
export {
|
|
182
|
-
parseEditorValue,
|
|
183
|
-
normalizeEditorOptions,
|
|
184
|
-
type CellEditorType,
|
|
185
|
-
type CellEditorOption,
|
|
186
|
-
} from './editors/cell-editors'
|
|
187
|
-
export {
|
|
188
|
-
applyExcelFilter,
|
|
189
|
-
normalizeForFilter,
|
|
190
|
-
type ExcelFilter,
|
|
191
|
-
type ExcelFilterOperator,
|
|
192
|
-
type ExcelFilterOptions,
|
|
193
|
-
} from './filtering/excel-filters'
|
|
194
|
-
export {
|
|
195
|
-
getGridCellDomId,
|
|
196
|
-
getGridCellA11yProps,
|
|
197
|
-
getGridHeaderA11yProps,
|
|
198
|
-
getGridRootA11yProps,
|
|
199
|
-
getGridRowA11yProps,
|
|
200
|
-
type GridCellA11yInput,
|
|
201
|
-
type GridColumnA11yInput,
|
|
202
|
-
type GridSortDirection,
|
|
203
|
-
} from './a11y'
|
|
204
|
-
|
|
205
|
-
/**
|
|
206
|
-
* Compatibility alias for teams migrating from `createTable`.
|
|
207
|
-
*/
|
|
208
|
-
export { createSvGrid as createTable } from './createGrid.svelte'
|
|
1
|
+
export { formatNumericWithConfig, resolveDatePattern } from './cell-formatting'
|
|
2
|
+
|
|
3
|
+
export {
|
|
4
|
+
columnFilteringFeature,
|
|
5
|
+
columnGroupingFeature,
|
|
6
|
+
createCoreRowModel,
|
|
7
|
+
createExpandedRowModel,
|
|
8
|
+
createFilteredRowModel,
|
|
9
|
+
createGroupedRowModel,
|
|
10
|
+
createPaginatedRowModel,
|
|
11
|
+
createSortedRowModel,
|
|
12
|
+
applyGroupAggregate,
|
|
13
|
+
filterFns,
|
|
14
|
+
rowExpandingFeature,
|
|
15
|
+
rowPaginationFeature,
|
|
16
|
+
rowSelectionFeature,
|
|
17
|
+
rowSortingFeature,
|
|
18
|
+
sortFns,
|
|
19
|
+
tableFeatures,
|
|
20
|
+
type Cell,
|
|
21
|
+
type CellContext,
|
|
22
|
+
type CellSpanParams,
|
|
23
|
+
type ValueParserParams,
|
|
24
|
+
type EditorContext,
|
|
25
|
+
type CellData,
|
|
26
|
+
type ActiveCellState,
|
|
27
|
+
type CellFormatConfig,
|
|
28
|
+
type CellFormatter,
|
|
29
|
+
type Column,
|
|
30
|
+
type ColumnDef,
|
|
31
|
+
type ColumnDefTemplate,
|
|
32
|
+
type GroupAggregator,
|
|
33
|
+
type Header,
|
|
34
|
+
type HeaderContext,
|
|
35
|
+
type HeaderGroup,
|
|
36
|
+
type Row,
|
|
37
|
+
type RowData,
|
|
38
|
+
type SortingState,
|
|
39
|
+
type SvGrid as SvGridInstance,
|
|
40
|
+
type SvGridOptions,
|
|
41
|
+
type TableFeatures,
|
|
42
|
+
type Updater,
|
|
43
|
+
} from './core'
|
|
44
|
+
|
|
45
|
+
export { createGrid, createSvGrid, type SvelteGrid } from './createGrid.svelte'
|
|
46
|
+
export { createGridState, createSvGridState } from './createGridState.svelte'
|
|
47
|
+
export { subscribeGrid, subscribeSvGrid } from './subscribe'
|
|
48
|
+
export { default as SvGrid } from './SvGrid.svelte'
|
|
49
|
+
export { default as FlexRender } from './FlexRender.svelte'
|
|
50
|
+
export { renderComponent, renderSnippet } from './render-component'
|
|
51
|
+
export { default as SvGridChart } from './SvGridChart.svelte'
|
|
52
|
+
export {
|
|
53
|
+
buildChart,
|
|
54
|
+
rowsToChartSpec,
|
|
55
|
+
niceScale,
|
|
56
|
+
niceLogScale,
|
|
57
|
+
linearTrend,
|
|
58
|
+
simpleMovingAverage,
|
|
59
|
+
exponentialMovingAverage,
|
|
60
|
+
computeOverlay,
|
|
61
|
+
buildLinePath,
|
|
62
|
+
sampleGradient,
|
|
63
|
+
pickContrastText,
|
|
64
|
+
DEFAULT_PALETTE,
|
|
65
|
+
type ChartType,
|
|
66
|
+
type ChartSpec,
|
|
67
|
+
type ChartSeries,
|
|
68
|
+
type ChartGeometry,
|
|
69
|
+
type ChartBar,
|
|
70
|
+
type ChartLine,
|
|
71
|
+
type ChartLinePoint,
|
|
72
|
+
type ChartPieSlice,
|
|
73
|
+
type ChartSelection,
|
|
74
|
+
type ChartReferenceLine,
|
|
75
|
+
type ChartRefLineGeo,
|
|
76
|
+
type ChartRefLineGeoV,
|
|
77
|
+
type ChartScatterDot,
|
|
78
|
+
type ScatterPoint,
|
|
79
|
+
type NiceScale,
|
|
80
|
+
type SeriesOverlay,
|
|
81
|
+
type SeriesPattern,
|
|
82
|
+
type ChartAnnotation,
|
|
83
|
+
type ChartHeatmapCell,
|
|
84
|
+
type ChartFunnelSegment,
|
|
85
|
+
type ChartRadarSeries,
|
|
86
|
+
type ChartRadarAxis,
|
|
87
|
+
type ChartTreemapCell,
|
|
88
|
+
type ChartCalendarCell,
|
|
89
|
+
type ChartGaugeLayout,
|
|
90
|
+
type ChartSankeyNode,
|
|
91
|
+
type ChartSankeyLink,
|
|
92
|
+
type TreeNode,
|
|
93
|
+
} from './chart'
|
|
94
|
+
export {
|
|
95
|
+
chartToSvgString,
|
|
96
|
+
downloadChartSvg,
|
|
97
|
+
chartToPngBlob,
|
|
98
|
+
downloadChartPng,
|
|
99
|
+
type ChartExportOptions,
|
|
100
|
+
} from './chart-export'
|
|
101
|
+
export {
|
|
102
|
+
buildSparkline,
|
|
103
|
+
toSparklineValues,
|
|
104
|
+
type SparklineConfig,
|
|
105
|
+
type SparklineType,
|
|
106
|
+
type SparklineGeometry,
|
|
107
|
+
} from './sparkline'
|
|
108
|
+
export {
|
|
109
|
+
spreadsheetLayout,
|
|
110
|
+
spansToMerges,
|
|
111
|
+
type SpanColumn,
|
|
112
|
+
type SpreadsheetActionOptions,
|
|
113
|
+
type MergeSpec,
|
|
114
|
+
type CellBorderSpec,
|
|
115
|
+
type BorderSpec,
|
|
116
|
+
} from './spreadsheet'
|
|
117
|
+
export { rowResize, type RowResizeOptions } from './row-resize'
|
|
118
|
+
export { rowDropZone, type RowDragEndEvent, type RowDropZoneOptions } from './row-drag'
|
|
119
|
+
export { resolveColumnTypes, inferCellDataType, type CellDataType } from './column-types'
|
|
120
|
+
export {
|
|
121
|
+
computeColumnGroupMeta,
|
|
122
|
+
hiddenLeavesForCollapse,
|
|
123
|
+
type ColumnGroupMeta,
|
|
124
|
+
type ColumnGroupShow,
|
|
125
|
+
} from './column-groups'
|
|
126
|
+
export {
|
|
127
|
+
createHyperFormulaSheet,
|
|
128
|
+
type HyperFormulaSheet,
|
|
129
|
+
type HyperFormulaSheetConfig,
|
|
130
|
+
type HyperFormulaInstance,
|
|
131
|
+
} from './hyperformula-adapter'
|
|
132
|
+
export {
|
|
133
|
+
createCollaboration,
|
|
134
|
+
broadcastChannelTransport,
|
|
135
|
+
type CollabUser,
|
|
136
|
+
type CollabCell,
|
|
137
|
+
type CollabPresence,
|
|
138
|
+
type CollabMessage,
|
|
139
|
+
type CollabTransport,
|
|
140
|
+
type Collaboration,
|
|
141
|
+
} from './collaboration'
|
|
142
|
+
export {
|
|
143
|
+
createServerDataSource,
|
|
144
|
+
type ServerDataSource,
|
|
145
|
+
type ServerRequest,
|
|
146
|
+
type ServerResult,
|
|
147
|
+
type ServerController,
|
|
148
|
+
type ServerState,
|
|
149
|
+
type ServerSortModel,
|
|
150
|
+
type ServerFilterModel,
|
|
151
|
+
} from './server-data-source'
|
|
152
|
+
export {
|
|
153
|
+
createNamedViews,
|
|
154
|
+
memoryViews,
|
|
155
|
+
localStorageViews,
|
|
156
|
+
attachAutoSavedView,
|
|
157
|
+
type SavedView,
|
|
158
|
+
type ViewStorage,
|
|
159
|
+
type NamedViews,
|
|
160
|
+
type AutoSavedViewOptions,
|
|
161
|
+
} from './named-views'
|
|
162
|
+
export {
|
|
163
|
+
resolveCellFormat,
|
|
164
|
+
computeColumnStat,
|
|
165
|
+
lerpColor,
|
|
166
|
+
contrastText,
|
|
167
|
+
type ConditionalFormat,
|
|
168
|
+
type ConditionalFormatSpec,
|
|
169
|
+
type ColorScaleFormat,
|
|
170
|
+
type DataBarFormat,
|
|
171
|
+
type IconSetFormat,
|
|
172
|
+
type RuleFormat,
|
|
173
|
+
type ResolvedCellFormat,
|
|
174
|
+
} from './conditional-formatting'
|
|
175
|
+
export { getKeyboardIntent, getNextActiveCell, type GridKeyboardIntent } from './keyboard'
|
|
176
|
+
export { createVirtualizer } from './virtualization/virtualizer'
|
|
177
|
+
export { createSvelteVirtualizer } from './virtualization/svelte-virtualizer.svelte'
|
|
178
|
+
export { createColumnVirtualizer } from './virtualization/column-virtualizer'
|
|
179
|
+
export type { VirtualItem, VirtualizerOptions, VirtualizerState } from './virtualization/types'
|
|
180
|
+
export type { SvGridApi, SvGridFilterOperator, SvGridWrapperProps } from './svgrid-wrapper.types'
|
|
181
|
+
export {
|
|
182
|
+
parseEditorValue,
|
|
183
|
+
normalizeEditorOptions,
|
|
184
|
+
type CellEditorType,
|
|
185
|
+
type CellEditorOption,
|
|
186
|
+
} from './editors/cell-editors'
|
|
187
|
+
export {
|
|
188
|
+
applyExcelFilter,
|
|
189
|
+
normalizeForFilter,
|
|
190
|
+
type ExcelFilter,
|
|
191
|
+
type ExcelFilterOperator,
|
|
192
|
+
type ExcelFilterOptions,
|
|
193
|
+
} from './filtering/excel-filters'
|
|
194
|
+
export {
|
|
195
|
+
getGridCellDomId,
|
|
196
|
+
getGridCellA11yProps,
|
|
197
|
+
getGridHeaderA11yProps,
|
|
198
|
+
getGridRootA11yProps,
|
|
199
|
+
getGridRowA11yProps,
|
|
200
|
+
type GridCellA11yInput,
|
|
201
|
+
type GridColumnA11yInput,
|
|
202
|
+
type GridSortDirection,
|
|
203
|
+
} from './a11y'
|
|
204
|
+
|
|
205
|
+
/**
|
|
206
|
+
* Compatibility alias for teams migrating from `createTable`.
|
|
207
|
+
*/
|
|
208
|
+
export { createSvGrid as createTable } from './createGrid.svelte'
|
package/src/keyboard.test.ts
CHANGED
|
@@ -1,59 +1,59 @@
|
|
|
1
|
-
import { describe, expect, it } from 'vitest'
|
|
2
|
-
import { getKeyboardIntent, getNextActiveCell } from './keyboard'
|
|
3
|
-
|
|
4
|
-
describe('keyboard navigation engine', () => {
|
|
5
|
-
it('maps keys to navigation intents', () => {
|
|
6
|
-
expect(getKeyboardIntent(new KeyboardEvent('keydown', { key: 'ArrowLeft' }))).toBe(
|
|
7
|
-
'moveLeft',
|
|
8
|
-
)
|
|
9
|
-
expect(getKeyboardIntent(new KeyboardEvent('keydown', { key: 'Home', ctrlKey: true }))).toBe(
|
|
10
|
-
'gridStart',
|
|
11
|
-
)
|
|
12
|
-
expect(getKeyboardIntent(new KeyboardEvent('keydown', { key: ' ' }))).toBe(
|
|
13
|
-
'activate',
|
|
14
|
-
)
|
|
15
|
-
})
|
|
16
|
-
|
|
17
|
-
it('computes next active cell within bounds', () => {
|
|
18
|
-
const next = getNextActiveCell(
|
|
19
|
-
{ rowIndex: 1, colIndex: 1, cellId: null },
|
|
20
|
-
'moveDown',
|
|
21
|
-
{ maxRow: 2, maxCol: 3, pageSize: 10 },
|
|
22
|
-
)
|
|
23
|
-
expect(next.rowIndex).toBe(2)
|
|
24
|
-
expect(next.colIndex).toBe(1)
|
|
25
|
-
})
|
|
26
|
-
|
|
27
|
-
it('handles row and grid boundary intents', () => {
|
|
28
|
-
const rowEnd = getNextActiveCell(
|
|
29
|
-
{ rowIndex: 2, colIndex: 1, cellId: null },
|
|
30
|
-
'rowEnd',
|
|
31
|
-
{ maxRow: 2, maxCol: 4, pageSize: 2 },
|
|
32
|
-
)
|
|
33
|
-
expect(rowEnd.colIndex).toBe(4)
|
|
34
|
-
|
|
35
|
-
const gridStart = getNextActiveCell(
|
|
36
|
-
{ rowIndex: 2, colIndex: 4, cellId: null },
|
|
37
|
-
'gridStart',
|
|
38
|
-
{ maxRow: 2, maxCol: 4, pageSize: 2 },
|
|
39
|
-
)
|
|
40
|
-
expect(gridStart.rowIndex).toBe(0)
|
|
41
|
-
expect(gridStart.colIndex).toBe(0)
|
|
42
|
-
})
|
|
43
|
-
|
|
44
|
-
it('clamps page navigation to valid bounds', () => {
|
|
45
|
-
const pageUp = getNextActiveCell(
|
|
46
|
-
{ rowIndex: 1, colIndex: 0, cellId: null },
|
|
47
|
-
'pageUp',
|
|
48
|
-
{ maxRow: 20, maxCol: 2, pageSize: 10 },
|
|
49
|
-
)
|
|
50
|
-
const pageDown = getNextActiveCell(
|
|
51
|
-
{ rowIndex: 18, colIndex: 0, cellId: null },
|
|
52
|
-
'pageDown',
|
|
53
|
-
{ maxRow: 20, maxCol: 2, pageSize: 10 },
|
|
54
|
-
)
|
|
55
|
-
|
|
56
|
-
expect(pageUp.rowIndex).toBe(0)
|
|
57
|
-
expect(pageDown.rowIndex).toBe(20)
|
|
58
|
-
})
|
|
59
|
-
})
|
|
1
|
+
import { describe, expect, it } from 'vitest'
|
|
2
|
+
import { getKeyboardIntent, getNextActiveCell } from './keyboard'
|
|
3
|
+
|
|
4
|
+
describe('keyboard navigation engine', () => {
|
|
5
|
+
it('maps keys to navigation intents', () => {
|
|
6
|
+
expect(getKeyboardIntent(new KeyboardEvent('keydown', { key: 'ArrowLeft' }))).toBe(
|
|
7
|
+
'moveLeft',
|
|
8
|
+
)
|
|
9
|
+
expect(getKeyboardIntent(new KeyboardEvent('keydown', { key: 'Home', ctrlKey: true }))).toBe(
|
|
10
|
+
'gridStart',
|
|
11
|
+
)
|
|
12
|
+
expect(getKeyboardIntent(new KeyboardEvent('keydown', { key: ' ' }))).toBe(
|
|
13
|
+
'activate',
|
|
14
|
+
)
|
|
15
|
+
})
|
|
16
|
+
|
|
17
|
+
it('computes next active cell within bounds', () => {
|
|
18
|
+
const next = getNextActiveCell(
|
|
19
|
+
{ rowIndex: 1, colIndex: 1, cellId: null },
|
|
20
|
+
'moveDown',
|
|
21
|
+
{ maxRow: 2, maxCol: 3, pageSize: 10 },
|
|
22
|
+
)
|
|
23
|
+
expect(next.rowIndex).toBe(2)
|
|
24
|
+
expect(next.colIndex).toBe(1)
|
|
25
|
+
})
|
|
26
|
+
|
|
27
|
+
it('handles row and grid boundary intents', () => {
|
|
28
|
+
const rowEnd = getNextActiveCell(
|
|
29
|
+
{ rowIndex: 2, colIndex: 1, cellId: null },
|
|
30
|
+
'rowEnd',
|
|
31
|
+
{ maxRow: 2, maxCol: 4, pageSize: 2 },
|
|
32
|
+
)
|
|
33
|
+
expect(rowEnd.colIndex).toBe(4)
|
|
34
|
+
|
|
35
|
+
const gridStart = getNextActiveCell(
|
|
36
|
+
{ rowIndex: 2, colIndex: 4, cellId: null },
|
|
37
|
+
'gridStart',
|
|
38
|
+
{ maxRow: 2, maxCol: 4, pageSize: 2 },
|
|
39
|
+
)
|
|
40
|
+
expect(gridStart.rowIndex).toBe(0)
|
|
41
|
+
expect(gridStart.colIndex).toBe(0)
|
|
42
|
+
})
|
|
43
|
+
|
|
44
|
+
it('clamps page navigation to valid bounds', () => {
|
|
45
|
+
const pageUp = getNextActiveCell(
|
|
46
|
+
{ rowIndex: 1, colIndex: 0, cellId: null },
|
|
47
|
+
'pageUp',
|
|
48
|
+
{ maxRow: 20, maxCol: 2, pageSize: 10 },
|
|
49
|
+
)
|
|
50
|
+
const pageDown = getNextActiveCell(
|
|
51
|
+
{ rowIndex: 18, colIndex: 0, cellId: null },
|
|
52
|
+
'pageDown',
|
|
53
|
+
{ maxRow: 20, maxCol: 2, pageSize: 10 },
|
|
54
|
+
)
|
|
55
|
+
|
|
56
|
+
expect(pageUp.rowIndex).toBe(0)
|
|
57
|
+
expect(pageDown.rowIndex).toBe(20)
|
|
58
|
+
})
|
|
59
|
+
})
|