[dev-v5] Add DataGrid - part 3, convert JS to TS #3967

vnbaaij · 2025-07-01T17:42:58Z

Converts the DataGrid's JavaScript code to TypeScript

- Add doc start - Add Paginator / PaginationState

…/dev-v5/datagrid-part2

- Remove ::deep - Change county codes to align with v4

…com/microsoft/fluentui-blazor into users/vnbaaij/dev-v5/datagrid-part1

- Remove ::deep - Change county codes to align with v4 - Merge part 1 - Fix analyzer errors and warnings - Rename parameters

…ij/dev-v5/datagrid-part2

github-actions · 2025-07-01T17:44:39Z

✅ All tests passed successfully

Details on your Workflow / Core Tests page.

github-actions · 2025-07-01T17:44:44Z

Summary - Unit Tests Code Coverage

Summary


Generated on:	07/03/2025 - 12:39:33
Coverage date:	07/03/2025 - 12:39:17
Parser:	Cobertura
Assemblies:	1
Classes:	174
Files:	227
Line coverage:	98.8% (5193 of 5256)
Covered lines:	5193
Uncovered lines:	63
Coverable lines:	5256
Total lines:	21463
Branch coverage:	92.6% (2938 of 3170)
Covered branches:	2938
Total branches:	3170
Method coverage:	Feature is only available for sponsors
Tag:	3912_16050612251

Coverage

Microsoft.FluentUI.AspNetCore.Components - 98.8%

Name	Line	Branch
Microsoft.FluentUI.AspNetCore.Components	98.8%	92.6%
Microsoft.FluentUI.AspNetCore.Components.AccordionItemEventArgs	100%
Microsoft.FluentUI.AspNetCore.Components.AdditionalAttributesExtensions	100%	100%
Microsoft.FluentUI.AspNetCore.Components.CachedServices	100%	100%
Microsoft.FluentUI.AspNetCore.Components.ColumnBase`1	96.7%	89.8%
Microsoft.FluentUI.AspNetCore.Components.ColumnKeyGridSort`1	100%	100%
Microsoft.FluentUI.AspNetCore.Components.ColumnOptionsUISettings	100%
Microsoft.FluentUI.AspNetCore.Components.ColumnResizeOptions`1	100%	100%
Microsoft.FluentUI.AspNetCore.Components.ColumnResizeUISettings	100%
Microsoft.FluentUI.AspNetCore.Components.ColumnSortUISettings	100%
Microsoft.FluentUI.AspNetCore.Components.DataGrid.Infrastructure.Defer	100%
Microsoft.FluentUI.AspNetCore.Components.DataGrid.Infrastructure.InternalGr idContext`1	100%	100%
Microsoft.FluentUI.AspNetCore.Components.DateTimeProvider	100%	100%
Microsoft.FluentUI.AspNetCore.Components.DateTimeProviderContext	95.6%	92.8%
Microsoft.FluentUI.AspNetCore.Components.DefaultStyles	100%
Microsoft.FluentUI.AspNetCore.Components.Dialog.MessageBox.FluentMessageBox	100%	100%
Microsoft.FluentUI.AspNetCore.Components.DialogEventArgs	100%	92.8%
Microsoft.FluentUI.AspNetCore.Components.DialogInstance	100%	100%
Microsoft.FluentUI.AspNetCore.Components.DialogOptions	100%
Microsoft.FluentUI.AspNetCore.Components.DialogOptionsFooter	100%	100%
Microsoft.FluentUI.AspNetCore.Components.DialogOptionsFooterAction	100%	100%
Microsoft.FluentUI.AspNetCore.Components.DialogOptionsHeader	100%
Microsoft.FluentUI.AspNetCore.Components.DialogResult	100%	100%
Microsoft.FluentUI.AspNetCore.Components.DialogResult`1	100%
Microsoft.FluentUI.AspNetCore.Components.DialogService	100%	82.3%
Microsoft.FluentUI.AspNetCore.Components.DialogToggleEventArgs	100%
Microsoft.FluentUI.AspNetCore.Components.DropdownEventArgs	100%
Microsoft.FluentUI.AspNetCore.Components.Extensions.DateTimeExtensions	100%	92%
Microsoft.FluentUI.AspNetCore.Components.Extensions.DisplayAttributeExtensi ons	100%	100%
Microsoft.FluentUI.AspNetCore.Components.Extensions.EnumExtensions	100%	100%
Microsoft.FluentUI.AspNetCore.Components.Extensions.FieldSizeExtensions	100%	100%
Microsoft.FluentUI.AspNetCore.Components.Extensions.FluentInputExtensions	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FileSizeConverter	100%
Microsoft.FluentUI.AspNetCore.Components.FluentAccordion	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentAccordionItem	100%	95%
Microsoft.FluentUI.AspNetCore.Components.FluentAnchorButton	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentAvatar	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentBadge	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentButton	98.4%	90.6%
Microsoft.FluentUI.AspNetCore.Components.FluentCard	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentCheckbox	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentCombobox`1	100%
Microsoft.FluentUI.AspNetCore.Components.FluentComponentBase	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentCompoundButton	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentCounterBadge	100%	96.1%
Microsoft.FluentUI.AspNetCore.Components.FluentDataGrid`1	91.6%	88.1%
Microsoft.FluentUI.AspNetCore.Components.FluentDataGridCell`1	100%	86.8%
Microsoft.FluentUI.AspNetCore.Components.FluentDataGridRow`1	97.1%	97%
Microsoft.FluentUI.AspNetCore.Components.FluentDialog	97.5%	89.1%
Microsoft.FluentUI.AspNetCore.Components.FluentDialogBody	100%	91.6%
Microsoft.FluentUI.AspNetCore.Components.FluentDialogInstance	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentDialogProvider	100%	73.9%
Microsoft.FluentUI.AspNetCore.Components.FluentDivider	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentErrorBoundary	96.5%	92.8%
Microsoft.FluentUI.AspNetCore.Components.FluentField	100%	96.5%
Microsoft.FluentUI.AspNetCore.Components.FluentFieldCondition	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentFieldConditionItem	100%
Microsoft.FluentUI.AspNetCore.Components.FluentFieldConditionOptions	100%
Microsoft.FluentUI.AspNetCore.Components.FluentFieldExtensions	100%
Microsoft.FluentUI.AspNetCore.Components.FluentFieldParameterSelector	100%	98.7%
Microsoft.FluentUI.AspNetCore.Components.FluentGrid	100%	90%
Microsoft.FluentUI.AspNetCore.Components.FluentGridItem	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentHighlighter	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentIcon`1	100%	95%
Microsoft.FluentUI.AspNetCore.Components.FluentImage	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentInputBase`1	93.8%	50%
Microsoft.FluentUI.AspNetCore.Components.FluentInputFile	100%	93.3%
Microsoft.FluentUI.AspNetCore.Components.FluentInputFileBuffer	100%
Microsoft.FluentUI.AspNetCore.Components.FluentInputFileErrorEventArgs	100%
Microsoft.FluentUI.AspNetCore.Components.FluentInputFileEventArgs	100%
Microsoft.FluentUI.AspNetCore.Components.FluentInputImmediateBase`1	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentJSModule	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentKeyCode	100%	95.8%
Microsoft.FluentUI.AspNetCore.Components.FluentKeyCodeEventArgs	100%	75%
Microsoft.FluentUI.AspNetCore.Components.FluentKeyCodeProvider	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentKeyPressEventArgs	100%
Microsoft.FluentUI.AspNetCore.Components.FluentLabel	100%
Microsoft.FluentUI.AspNetCore.Components.FluentLayout	100%	88.8%
Microsoft.FluentUI.AspNetCore.Components.FluentLayoutHamburger	100%	96.4%
Microsoft.FluentUI.AspNetCore.Components.FluentLayoutItem	100%	91%
Microsoft.FluentUI.AspNetCore.Components.FluentLink	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentListBase`1	98.4%	92.8%
Microsoft.FluentUI.AspNetCore.Components.FluentLocalizerExtensions	100%
Microsoft.FluentUI.AspNetCore.Components.FluentLocalizerInternal	100%
Microsoft.FluentUI.AspNetCore.Components.FluentMenu	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentMenuButton	100%	71.4%
Microsoft.FluentUI.AspNetCore.Components.FluentMenuItem	100%	90.4%
Microsoft.FluentUI.AspNetCore.Components.FluentMenuList	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentMessageBar	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentMultiSplitter	100%	91.8%
Microsoft.FluentUI.AspNetCore.Components.FluentMultiSplitterEventArgs	100%
Microsoft.FluentUI.AspNetCore.Components.FluentMultiSplitterPane	100%	89.4%
Microsoft.FluentUI.AspNetCore.Components.FluentMultiSplitterResizeEventArgs	100%
Microsoft.FluentUI.AspNetCore.Components.FluentOption	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentPaginator	100%	94.4%
Microsoft.FluentUI.AspNetCore.Components.FluentPopover	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentProgress	100%
Microsoft.FluentUI.AspNetCore.Components.FluentProgressBar	100%	95.4%
Microsoft.FluentUI.AspNetCore.Components.FluentProgressRing	100%
Microsoft.FluentUI.AspNetCore.Components.FluentProviders	100%
Microsoft.FluentUI.AspNetCore.Components.FluentRadio`1	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentRadioGroup`1	100%	88.8%
Microsoft.FluentUI.AspNetCore.Components.FluentRatingDisplay	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentSelect`1	100%
Microsoft.FluentUI.AspNetCore.Components.FluentServiceBase`1	100%
Microsoft.FluentUI.AspNetCore.Components.FluentServiceProviderException`1	100%
Microsoft.FluentUI.AspNetCore.Components.FluentSkeleton	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentSlider`1	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentSpacer	100%
Microsoft.FluentUI.AspNetCore.Components.FluentSpinner	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentSplitButton	100%
Microsoft.FluentUI.AspNetCore.Components.FluentStack	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentStatus	100%
Microsoft.FluentUI.AspNetCore.Components.FluentSwitch	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentTab	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentTabs	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentText	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentTextArea	100%	70%
Microsoft.FluentUI.AspNetCore.Components.FluentTextInput	100%	81.2%
Microsoft.FluentUI.AspNetCore.Components.FluentToggleButton	100%	91.6%
Microsoft.FluentUI.AspNetCore.Components.FluentTooltip	100%	95%
Microsoft.FluentUI.AspNetCore.Components.FluentTooltipProvider	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FluentTreeItem	100%	95.3%
Microsoft.FluentUI.AspNetCore.Components.FluentTreeView	100%	100%
Microsoft.FluentUI.AspNetCore.Components.FreeOptionOutput	100%
Microsoft.FluentUI.AspNetCore.Components.GridItemsProviderRequest`1	100%	100%
Microsoft.FluentUI.AspNetCore.Components.GridItemsProviderResult	100%
Microsoft.FluentUI.AspNetCore.Components.GridItemsProviderResult`1	100%
Microsoft.FluentUI.AspNetCore.Components.GridSort`1	100%	100%
Microsoft.FluentUI.AspNetCore.Components.HighlighterSplitter	100%	100%
Microsoft.FluentUI.AspNetCore.Components.Icon	100%	92.1%
Microsoft.FluentUI.AspNetCore.Components.IconFromImage	100%
Microsoft.FluentUI.AspNetCore.Components.IconInfo	100%
Microsoft.FluentUI.AspNetCore.Components.IFluentComponentChangeAfterKeyPres s	100%	100%
Microsoft.FluentUI.AspNetCore.Components.IFluentLocalizer	100%	100%
Microsoft.FluentUI.AspNetCore.Components.Infrastructure.EventCallbackSubscr ibable`1	100%	100%
Microsoft.FluentUI.AspNetCore.Components.Infrastructure.EventCallbackSubscr iber`1	100%	87.5%
Microsoft.FluentUI.AspNetCore.Components.InputFileInstance	100%	100%
Microsoft.FluentUI.AspNetCore.Components.InputFileOptions	100%
Microsoft.FluentUI.AspNetCore.Components.InternalListContext`1	100%
Microsoft.FluentUI.AspNetCore.Components.KeyCodeService	100%	85.7%
Microsoft.FluentUI.AspNetCore.Components.KeyPress	100%
Microsoft.FluentUI.AspNetCore.Components.LayoutHamburgerEventArgs	100%
Microsoft.FluentUI.AspNetCore.Components.LibraryTooltipOptions	100%
Microsoft.FluentUI.AspNetCore.Components.Localization.LanguageResource	100%	100%
Microsoft.FluentUI.AspNetCore.Components.MenuItemEventArgs	100%
Microsoft.FluentUI.AspNetCore.Components.MessageBoxOptions	100%
Microsoft.FluentUI.AspNetCore.Components.Migration.AppearanceExtensions	100%	100%
Microsoft.FluentUI.AspNetCore.Components.Migration.FluentInputAppearanceExt ensions	100%	100%
Microsoft.FluentUI.AspNetCore.Components.Migration.TooltipPositionExtension	100%	100%
Microsoft.FluentUI.AspNetCore.Components.PaginationState	100%	81.2%
Microsoft.FluentUI.AspNetCore.Components.ProgressFileDetails	100%
Microsoft.FluentUI.AspNetCore.Components.PropertyColumn`2	100%	81.5%
Microsoft.FluentUI.AspNetCore.Components.RadioEventArgs	100%
Microsoft.FluentUI.AspNetCore.Components.SelectAllTemplateArgs	100%
Microsoft.FluentUI.AspNetCore.Components.SelectColumn`1	97.2%	94%
Microsoft.FluentUI.AspNetCore.Components.ServiceProviderExtensions	100%
Microsoft.FluentUI.AspNetCore.Components.SortedProperty	100%
Microsoft.FluentUI.AspNetCore.Components.SpacingExtensions	100%	97.2%
Microsoft.FluentUI.AspNetCore.Components.TabChangeEventArgs	100%
Microsoft.FluentUI.AspNetCore.Components.TemplateColumn`1	100%	25%
Microsoft.FluentUI.AspNetCore.Components.TooltipEventArgs	100%
Microsoft.FluentUI.AspNetCore.Components.TotalItemCountChangedEventArgs	100%
Microsoft.FluentUI.AspNetCore.Components.TreeItemChangedEventArgs	100%
Microsoft.FluentUI.AspNetCore.Components.TreeViewItem	100%	100%
Microsoft.FluentUI.AspNetCore.Components.TreeViewItemExpandedEventArgs	100%
Microsoft.FluentUI.AspNetCore.Components.UploadedFileDetails	100%
Microsoft.FluentUI.AspNetCore.Components.Utilities.AddTag	100%	100%
Microsoft.FluentUI.AspNetCore.Components.Utilities.CssBuilder	100%	100%
Microsoft.FluentUI.AspNetCore.Components.Utilities.Identifier	100%	100%
Microsoft.FluentUI.AspNetCore.Components.Utilities.IdentifierContext	100%	75%
Microsoft.FluentUI.AspNetCore.Components.Utilities.InlineStyleBuilder	100%	92.8%
Microsoft.FluentUI.AspNetCore.Components.Utilities.InternalDebounce.Dispatc herTimerExtensions	82.9%	68.7%
Microsoft.FluentUI.AspNetCore.Components.Utilities.StyleBuilder	100%	100%
Microsoft.FluentUI.AspNetCore.Components.ZIndex	100%

- Add more tests

…/dev-v5/datagrid-part3

- Add and use DataGridCellAlignment enum - Use overriden DisposeAsync - Use correct comment format

…/dev-v5/datagrid-part3

- Use local variables in testing cell/row

…com/microsoft/fluentui-blazor into users/vnbaaij/dev-v5/datagrid-part2

…/dev-v5/datagrid-part3

- Implement SelectColumn localization - Fix CSS issue with select column

vnbaaij and others added 30 commits June 12, 2025 09:56

- Add enums

93f6cf9

- Add doc start - Add Paginator / PaginationState

- Add DataGrid component

b255f69

Add DataGridGeneratedHeaderType

96e40df

Merge branch 'users/vnbaaij/dev-v5/datagrid-part1' into users/vnbaaij…

f6d0fb1

…/dev-v5/datagrid-part2

Merge branch 'dev-v5' into users/vnbaaij/dev-v5/datagrid-part1

1059dbe

Fix analyzer errors

595ff78

- Add Typical demo and flags

b1cf680

- Remove ::deep - Change county codes to align with v4

Work on review comments

8393e35

Merge branch 'users/vnbaaij/dev-v5/datagrid-part1' of https://github.…

8cd48c6

…com/microsoft/fluentui-blazor into users/vnbaaij/dev-v5/datagrid-part1

Process review comments

202c10a

Add language resources

5aa2c65

Add Unit Tests for Paginator

777e854

More review comments

448c89e

Update tests. Now 100% lc

3146aeb

- Add Typical demo and flags

69ffae6

- Remove ::deep - Change county codes to align with v4 - Merge part 1 - Fix analyzer errors and warnings - Rename parameters

Replace tokens (WIP)

35e0334

Remove flags. These will be added to sample data project in separate PR

b92c83c

Remove DI abstractions package. Not needed

430abd5

Merge dev-v5

d0c1052

Add IsFixed parameter

33af462

merge dev-v5

689fe43

MAke example grid mor functional and look better

44f7d0d

Add initial tests. They are not passing yet

6fc0809

Add surpression atribute, fix other analyzer warnings

5bcb9fa

Use localized strings

a30dabf

Merg dev-v5

aadf080

Fix tests

70c342b

Add Tests

b826128

Add tests for PaginatinState and TotalItemCountChangedEventArgs

d0979ea

Merge branch 'users/vnbaaij/dev-v5/pagination-tests' into users/vnbaa…

a6aa6fc

…ij/dev-v5/datagrid-part2

Convert DataGrid JS to TS

1f50f07

vnbaaij requested a review from dvoituron as a code owner July 1, 2025 17:42

Implement fix for #3963

097db2f

vnbaaij added 19 commits July 1, 2025 20:20

Bring in changes made in v4 with #3949

713d96b

- Update file headers

2698837

- Add more tests

Merge branch 'users/vnbaaij/dev-v5/datagrid-part2' into users/vnbaaij…

460a82f

…/dev-v5/datagrid-part3

Merge branch 'dev-v5' into users/vnbaaij/dev-v5/datagrid-part3

f9ce111

Merge branch 'dev-v5' into users/vnbaaij/dev-v5/datagrid-part2

ab02f1c

Process review comments:

088dd55

- Add and use DataGridCellAlignment enum - Use overriden DisposeAsync - Use correct comment format

Forgot to change the docs

ede49e6

Merge branch 'users/vnbaaij/dev-v5/datagrid-part2' into users/vnbaaij…

87cb81a

…/dev-v5/datagrid-part3

Merge branch 'dev-v5' into users/vnbaaij/dev-v5/datagrid-part2

d47fc5e

- Use auto-generated constant

f921191

- Use local variables in testing cell/row

Merge branch 'users/vnbaaij/dev-v5/datagrid-part2' of https://github.…

25e046e

…com/microsoft/fluentui-blazor into users/vnbaaij/dev-v5/datagrid-part2

Merge branch 'users/vnbaaij/dev-v5/datagrid-part2' into users/vnbaaij…

66af301

…/dev-v5/datagrid-part3

Process review comments

e3c942f

More review comments

f6d458b

Merge branch 'dev-v5' into users/vnbaaij/dev-v5/datagrid-part2

64cf5bb

- Undo make internal GridItemsProvider*

85154bf

- Implement SelectColumn localization - Fix CSS issue with select column

Update test verified files

ed02449

merge part 2

770c533

Merge dev-v5

55aedc6

dvoituron approved these changes Jul 3, 2025

View reviewed changes

Merge branch 'dev-v5' into users/vnbaaij/dev-v5/datagrid-part3

4974e76

vnbaaij enabled auto-merge (squash) July 3, 2025 12:36

vnbaaij merged commit 18520d1 into dev-v5 Jul 3, 2025
4 checks passed

vnbaaij deleted the users/vnbaaij/dev-v5/datagrid-part3 branch July 3, 2025 12:37

MarvinKlein1508 mentioned this pull request Sep 30, 2025

[dev-v5] TODO v5 #4182

Open

36 tasks

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

[dev-v5] Add DataGrid - part 3, convert JS to TS #3967

[dev-v5] Add DataGrid - part 3, convert JS to TS #3967

Uh oh!

vnbaaij commented Jul 1, 2025

Uh oh!

github-actions bot commented Jul 1, 2025 •

edited

Loading

Uh oh!

github-actions bot commented Jul 1, 2025 •

edited

Loading

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

[dev-v5] Add DataGrid - part 3, convert JS to TS #3967

[dev-v5] Add DataGrid - part 3, convert JS to TS #3967

Uh oh!

Conversation

vnbaaij commented Jul 1, 2025

Uh oh!

github-actions bot commented Jul 1, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

github-actions bot commented Jul 1, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Summary - Unit Tests Code Coverage

Coverage

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

github-actions bot commented Jul 1, 2025 •

edited

Loading

github-actions bot commented Jul 1, 2025 •

edited

Loading