Skip to content

Commit 2fb0100

Browse files
vnbaaijdvoituronProH4Ck
authored
Version 3.0.1 (#686)
* Add UnitTests markdown page (#658) * ProgressToast related cahnges (#657) * FluentProgress: Add ValueChanged FluentProgressRing: Add ValueChanged Fix #655 and update example * Do not use @Bind for FluentProgress Value Update example * Add colocated files to demos * Undo add ValueChanged EventCallBack * Add Width and Height property and associated styles (#663) Co-authored-by: Vincent Baaij <vnbaaij@outlook.com> * Point to unit test documentation * re-add fixed to DemoSection tabs * #624 Change NavMneu to use Icon Value Update version in banner * Update version in props * Fix Icons and Emojis trimmed during the WASM publishing process (#666) * FluentMessageBox: enable not supplying an icon to the body * Add doc about Icons / Emojis (#673) * Fix click not working on FluentTreeItem text (#667) Co-authored-by: Vincent Baaij <vnbaaij@outlook.com> * Fix the Tooltip used by the FluentOverflow (#678) * Revert change in including web-components script. fix #668 Update Icon example * Fix TextField AutoComplete property to a string property (#682) * Fix #674 (#676) * Fix DemoSection label sometimes wrong * Fix #621 - Add aria-hidden to clear-button (#683) Fix some search sample a11y issues * Make FLuentToastContainer work better on mobile devices (was #684) * Replace the Icons.AllIcons property with a GetAllIcons method using reflection (#685) * Update WhatsNew --------- Co-authored-by: Denis Voituron <dvoituron@outlook.com> Co-authored-by: Emanuele Curati <ema@outlook.com>
1 parent 9d09256 commit 2fb0100

28 files changed

+241
-15105
lines changed

‎WHATSNEW.md‎

Lines changed: 22 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,25 @@
1-
## V3.0.0
2-
1+
## V3.0.1
2+
- Fix [#643](https://github.com/microsoft/fluentui-blazor/issues/643)**: Visual Studio 2022 freezes and then crashes with v3-RC-1
3+
- Fix [#684](https://github.com/microsoft/fluentui-blazor/pull/684): Make FluentToastContainer work better on mobile devices
4+
- Fix [#621](https://github.com/microsoft/fluentui-blazor/issues/621): Add area-hidden to FluentSearch clear button
5+
- Fix [#674](https://github.com/microsoft/fluentui-blazor/issues/674): Collapse FluentNavMenuGroup on click if no custom action/href is assigned
6+
- Fix [#680](https://github.com/microsoft/fluentui-blazor/issues/680): FluentTextField AutoComplete should be a string or enum and not a boolean
7+
- Fix [#668](https://github.com/microsoft/fluentui-blazor/issues/668): v3.0.0 IIS debugging/deployments 'Failed to load resource'
8+
- Fix [#677](https://github.com/microsoft/fluentui-blazor/issues/677): FluentOverflow not working correctly
9+
- Fix [#667](https://github.com/microsoft/fluentui-blazor/issues/667): FluentTreeItem select area when Text property is used
10+
- Fix [#660](https://github.com/microsoft/fluentui-blazor/issues/660): Allow FluentMessageBox Text to not show an Icon
11+
- Fix [#624](https://github.com/microsoft/fluentui-blazor/issues/624): v3 Unhandled exception rendering in NavMenuContent of FluentMainLayout
12+
- Fix [#655](https://github.com/microsoft/fluentui-blazor/pull/655): ProgressToast rendering error for WASM
13+
14+
**) To fix this issue update Microsoft.Fast.Components.FluentUI.Icons v3.0.1
15+
16+
### Other changes
17+
- FluentCombobox, FluentSelect and FluentListbox now support Width and Height properties
18+
- Update several documentation pages about how to use Icons and Emoji
19+
- Included the script needed to implement Blazor Hybrid workaround easier (see readme)
20+
21+
22+
## V3.0.0
323
** 26 New components**
424
- Header
525
- Footer

‎examples/Demo/Shared/Components/DemoSection.razor‎

Lines changed: 7 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,8 @@
11
@using System.Text.RegularExpressions
2-
@{
3-
Regex pattern = new Regex("[;,<>&(){}!$^#@= ]");
4-
string ariaid = pattern.Replace(Title.ToLower(), "");
5-
}
2+
63
@if (!string.IsNullOrEmpty(Title))
74
{
8-
<h3 id="@ariaid">@Title</h3>
5+
<h3 id="@_ariaId">@Title</h3>
96
}
107

118
@if (Description != null)
@@ -17,10 +14,10 @@
1714

1815
<div class="demo-section-content">
1916

20-
<FluentTabs ActiveTabId="@(!HideExample ? $"tab-example-{ariaid}" : $"tab-razor-{ariaid}")" fixed>
17+
<FluentTabs ActiveTabId="@(!HideExample ? $"tab-example-{_ariaId}" : $"tab-razor-{_ariaId}")" fixed>
2118
@if (!HideExample)
2219
{
23-
<FluentTab Id="@("tab-example-"+@ariaid)" Label="Example" fixed>
20+
<FluentTab Id="@("tab-example-"+@_ariaId)" Label="Example" fixed>
2421
<Content>
2522
<div class="demo-section-example">
2623
@ChildContent
@@ -39,19 +36,19 @@
3936
{
4037
string tab = Path.GetExtension(pair.Key);
4138
string tabname = Regex.Replace(GetDisplayName(tab), "[#|/|\\|$|*|^]", "");
42-
39+
4340
string label = string.Empty;
4441
string id = string.Empty;
4542

4643
if (pair.Key.StartsWith(Component.Name))
4744
{
4845
label = GetDisplayName(tab);
49-
id = "tab-" + tabname + "-" + @ariaid;
46+
id = "tab-" + tabname + "-" + @_ariaId;
5047
}
5148
else
5249
{
5350
label = Path.GetFileNameWithoutExtension(pair.Key);
54-
id = "tab-" + Regex.Replace(label, "[#|/|\\|$|*|^]", "").ToLower() + "-" + @ariaid;
51+
id = "tab-" + Regex.Replace(label, "[#|/|\\|$|*|^]", "").ToLower() + "-" + @_ariaId;
5552
}
5653
<FluentTab Id="@id" Label="@label" fixed>
5754
<Content>

‎examples/Demo/Shared/Components/DemoSection.razor.cs‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
using System.Reflection.Metadata;
2+
using System.Text.RegularExpressions;
23
using Microsoft.AspNetCore.Components;
34
using Microsoft.Fast.Components.FluentUI.Infrastructure;
45

@@ -8,6 +9,9 @@ public partial class DemoSection : ComponentBase
89
private bool _hasCode = false;
910
private readonly Dictionary<string, string> _tabPanelsContent = new();
1011
private readonly List<string> _allFiles = new();
12+
private string? _ariaId;
13+
14+
private readonly Regex _pattern = new(@"[;,<>&(){}!$^#@=/\ ]");
1115

1216
[Inject]
1317
private HttpClient HttpClient { get; set; } = default!;
@@ -80,11 +84,15 @@ public partial class DemoSection : ComponentBase
8084
protected override void OnInitialized()
8185
{
8286
if (_allFiles.Count > 0)
87+
{
8388
_allFiles.Clear();
89+
}
8490

8591
_allFiles.AddRange(GetCollocatedFiles());
8692
_allFiles.AddRange(GetAdditionalFiles());
8793

94+
_ariaId = _pattern.Replace(Title.ToLower(), "");
95+
if (_ariaId.Length > 20) _ariaId = _ariaId[..20];
8896
}
8997

9098
protected override async Task OnAfterRenderAsync(bool firstRender)

‎examples/Demo/Shared/Microsoft.Fast.Components.FluentUI.xml‎

Lines changed: 21 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎examples/Demo/Shared/Pages/Icon/Examples/IconPlacement.razor‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
11
<div style="display:flex">
2-
<FluentButton Appearance="Appearance.Neutral"><FluentIcon Slot="start" Icon="@Icons.Regular.Size20.ArrowCircleLeft" /> Button with icon in 'start' slot</FluentButton>
3-
<FluentButton Appearance="Appearance.Neutral"><FluentIcon Slot="end" Icon="@Icons.Regular.Size20.ArrowCircleRight" /> Button with icon in 'end' slot</FluentButton>
2+
<FluentButton Appearance="Appearance.Neutral"><FluentIcon Slot="start" Icon="Icons.Regular.Size20.ArrowCircleLeft" /> Button with icon in 'start' slot</FluentButton>
3+
<FluentButton Appearance="Appearance.Neutral"><FluentIcon Slot="end" Icon="Icons.Regular.Size20.ArrowCircleRight" /> Button with icon in 'end' slot</FluentButton>
44
</div>

‎examples/Demo/Shared/Pages/NavMenu/Examples/NavMenuCustomActions.razor‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -40,6 +40,14 @@
4040
It does have a Href, so it will navigate.
4141
*@
4242
<FluentNavMenuLink Href="https://microsoft.com" Text="Default behavior (navigate)" Icon="@(new Icons.Regular.Size24.Earth())" />
43+
44+
@*
45+
This is a group without link or action. Should expand/collapse when text clicked
46+
*@
47+
<FluentNavMenuGroup Text="Item 3" Icon="@(new Icons.Regular.Size24.EarthLeaf())" >
48+
<FluentNavMenuLink Icon="@(new Icons.Regular.Size24.LeafOne())" Text="Item 3.1" />
49+
<FluentNavMenuLink Icon="@(new Icons.Regular.Size24.LeafTwo())" Text="Item 3.2" />
50+
</FluentNavMenuGroup>
4351
</FluentNavMenu>
4452
</div>
4553
<div style="width: 100%;">

‎examples/Demo/Shared/Pages/Overflow/Examples/OverflowHorizontalExample.razor‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@
1111
</FluentBadge>
1212
</MoreButtonTemplate>
1313
<OverflowTemplate>
14-
<FluentTooltip Anchor="@context.IdMoreButton">
14+
<FluentTooltip Anchor="@context.IdMoreButton" UseTooltipService="false">
1515
@foreach (var item in context.ItemsOverflow)
1616
{
1717
<div style="margin: 5px;">@item.Text</div>

‎examples/Demo/Shared/Pages/Search/Examples/SearchAria.razor‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,14 @@
11
<h4>With aria-label</h4>
2-
<FluentSearch @bind-Value=value aria-label="Search with aria-label"></FluentSearch>
2+
<FluentSearch @bind-Value=value aria-label="Search with aria-label" role="search"></FluentSearch>
33

44
<h4>Visual vs audio label</h4>
55
<FluentSearch @bind-Value=value>
6-
<span aria-label="Audio label">Visible label</span>
6+
<span aria-label="Audio label" role="search">Visible label</span>
77
</FluentSearch>
88

99
<h4>Audio label only</h4>
1010
<FluentSearch @bind-Value=value>
11-
<span aria-label="Audio label only"></span>
11+
<span aria-label="Audio label only" role="search"></span>
1212
</FluentSearch>
1313
@code {
1414
string? value;

‎examples/Demo/Shared/Pages/Search/Examples/SearchInteractive.razor‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
AfterBindValue=HandleSearchInput
44
Placeholder="Search for State" />
55
<br />
6-
<FluentListbox Items=@searchResults TOption="string" SelectedOptionChanged="@(e => searchValue = (e != defaultResultsText ? e : string.Empty) )" />
6+
<FluentListbox aria-label="search results" Items=@searchResults TOption="string" SelectedOptionChanged="@(e => searchValue = (e != defaultResultsText ? e : string.Empty) )" />
77

88
<p>
99
You searched for: @searchValue

‎examples/Demo/Shared/Pages/Search/Examples/SearchInteractiveWithDebounce.razor‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66
AfterBindValue="HandleClear"
77
Placeholder="Search for name" />
88
<br />
9-
<FluentListbox Items=@searchResults TOption="string" SelectedOptionChanged="@(e => SearchValue = (e != defaultResultsText ? e : string.Empty))" />
9+
<FluentListbox aria-label="search results" Items=@searchResults TOption="string" SelectedOptionChanged="@(e => SearchValue = (e != defaultResultsText ? e : string.Empty))" />
1010
<p>
1111
You searched for: @SearchValue
1212
</p>

0 commit comments

Comments
 (0)