With new .NET 8 preview versions becoming available every month, the time has come to add support for this to the library's project files. That is basically what this release is about. When new previews come out, the library will be updated as well, of course. Most probably will assign patch version numbers (i.e. 2.2.x) to these releases.

Other changes and additions

First the bulleted list and then the details

  • FluentCalendar updates
  • FluentDataGrid updates
  • FluentNumberField updates
  • Fluent UI System Icons updates
  • Bugfixes and more

FluentCalendar updates

The FluentCalendar now (finally) works correctly in non-US time zones! We have been plagued by errors in the publication process of the underlying web components scripts which made it (very) hard to get this resolved. Thanks to the perseverance of the FAST team, it worked out in the end.

To make sure this fix is applied in your application, reference web-components.min.js version 2.5.13 or higher

You do so by making sure the script is being included in the following way:

<script type="module" src="https://cdn.jsdelivr.net/npm/@fluentui/web-components@2.5.13/dist/web-components.min.js"></script>

CDN can be replaced with any other one of your choice.

Another thing that got fixed in this version is the way the month/year label was being displayed. It now has proper spacing

FluentDataGrid updates

One of the changes coming to Blazor with .NET 8 is the productization of the QuickGrid component. QuickGrid was originally introduced as an experimental package based on .NET 7 and we copied it's code over to the Fluent UI library to re-use it's features (and add some more) but render it with the Fluent UI Web Components instead of its original rendering based on HTML table, tr and td elements.

As part of bringing QuickGrid into .NET 8, the ASP.NET Core team made some changes and improvements to the API. We brought these changes over to the FluentDataGrid as well. To update an app that uses FluentDataGrid, you may need to make the following BREAKING CHANGES

  • Rename the Value attribute on the Paginator component to State
  • Rename the IsDefaultSort attribute on columns to InitialSortDirection and add IsDefaultSortColumn=true to indicate the column should still be sorted by default.

To use the FluentDataGrid component, you do not need to add a reference to the Microsoft.AspNetCore.Components.QuickGrid package to your project. In fact, if you do so it will lead to compilation errors.

All examples in the demo site have been updated to reflect these changes.

FluentNumberField updates

Before this version of the library, it was possible to set the Min parameter of the FluentNumberField to a higher value than the Max parameter. This has now been corrected andvalidation logic is added. Also, the test project now contains tests for this component. Thanks again @Andras-Csanyi!

Fluent UI System Icons update

The Fluent UI System Icons have been updated to version 1.1.200. You can find these,and all the other available icons, easy with the search page in the demo environment: https://aka.ms/fluentui-blazor/Icon

What's new

The following icons (name / sizes / variants ) have been added to the library:

  • Arrow Autofit Height In / 20, 24 / Filled & Regular
  • Circle Hint / 16, 20 / Filled & Regular
  • Cloud Database / 20 / Filled & Regular
  • Cloud Desktop / 20 / Filled & Regular
  • Code Circle / 24, 32 / Filled & Regular
  • Column Single / 16 / Filled & Regular
  • Desktop Arrow Down / 16, 20, 24 / Filled & Regular
  • Desktop Tower / 20, 24 / Filled & Regular
  • Document Checkmark / 16 / Filled & Regular
  • Document Key / 20 / Filled & Regular
  • Dust / 20, 24, 28 / Filled & Regular
  • Edit Arrow Back / 24 / Filled & Regular
  • Emoji Hint / 16, 20, 24, 28, 32, 48 / Filled & Regular
  • Folder List / 16, 20 / Filled & Regular
  • Lightbulb Checkmark / 20 / Filled & Regular
  • Line Horizontal 4 Search / 16 / Filled & Regular
  • Line Horizontal 4 / 16 / Filled & Regular
  • Math Format Professional / 16 / Filled & Regular
  • Mold / 20, 24, 28 / Filled & Regular
  • People Team / 48 / Filled & Regular
  • Person Desktop / 20 / Filled & Regular
  • Person Ribbon / 16, 20 / Filled & Regular
  • Person Wrench / 20 / Filled & Regular
  • Plant Grass / 20, 24, 28 / Filled & Regular
  • Plant Ragweed / 20, 24, 28 / Filled & Regular
  • Settings Cog Multiple / 20, 24 / Filled & Regular
  • Slide Content / 24 / Filled & Regular
  • Slide Record / 16, 20, 24, 28, 48 / Filled & Regular
  • Stack Add / 20, 24 / Filled & Regular
  • Star Checkmark / 16, 20, 24, 28 / Filled & Regular
  • Stream / 32 / Filled & Regular
  • Subtract Square / 16 / Filled & Regular
  • Table Simple Exclude / 16, 20, 24, 28, 32, 48 / Filled & Regular
  • Table Simple Include / 16, 20, 24, 28, 32, 48 / Filled & Regular
  • Table Simple / 32 / Filled & Regular
  • Tablet Laptop / 20 / Filled & Regular
  • TextBox Align Middle / 16 / Filled & Regular
  • Tree Deciduous / 24, 28 / Filled & Regular

What's updated The following icons (name / sizes / variants ) have been updated :

  • Cloud / 16, 24 / Filled & Regular
  • Folder Add / 28 / Filled & Regular
  • Folder Arrow Left / 28 / Filled & Regular
  • Folder Arrow Right / 28 / Filled & Regular
  • Receipt Add / 24 / Filled & Regular
  • Receipt Bag / 24 / Filled & Regular
  • Receipt Cube / 24 / Filled & Regular
  • Receipt Money / 16, 24 / Filled & Regular
  • Receipt Play / 24 / Filled & Regular
  • Receipt Sparkles / 16, 24 / Filled & Regular
  • Receipt / 16, 24, 28, 32 / Filled & Regular
  • Table Default / 32 / Filled & Regular

Bugfixes and more

The following bugs have been fixed:

  • #361: Searching for icons requires double validation of the search field
  • #371: fix: PresenceBadge and MonacoEditor has errors on https://aka.ms/fluentui-blazor

Other small changes and updates:

  • Updated to latest .NET SDKs
  • ReadMe and What's New changes and additions
  • Fix hyperlink in README (thanks @danielchalmers)

As always, the package is available on NuGet 

Comments


Comments are closed