Prepare for v3.2.0 release (#839)

* 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 <[email protected]> * 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 <[email protected]> * 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) * Users/vnbaaij/update templates (#688) * Update templates t0 use v3 package * More template updates Temp add global.json to pin 8.0.0-preview.7 * Set icon for EF Adapter package * Fix EF Adapter Icon path * Apply the oninput attribute to "text" components (#696) * Add missing usings Project template (#702) Fixes #701 * Fix templates missing using (beacause of Code CLeanup runningon save...) * Remove PackageVersion from csproj to let it be set y pipeline * Add item reference to FluentDataGridRow and FluentDataGridCell (#695) (#700) Co-authored-by: Alessio Dell’Aquila <[email protected]> * [fix] multiline-text word-break (#711) * [fix] multiline-text word-break * test * Add FluentDialogHeader, FluentDialogFooter and related updates (#717) * Update build-core-lib.yml * Add MessageBar component (#718) * Add MessageBar * Demo site optimizations * Add generic ActionLink and ActionButton classes * Tune display of ApiDocumentation on smaller screens * Users/dvoituron/autocomplete (#720) * Draft version of Autocomplete component * Autocomplete with basic features * Update some UI details * Add ArrowUp/ArrowDown to select items * Add TemplateOption * Add Demo styles * Add Header and Footer content * Add FluentOptionPeople component * Finalize unsing People Component * Add some aria attributes (not completed) * Add face picture samples * Revert ToC panel * Add first tests * Fix Unit Test * Fix Unit Test * Add Unit Tests * Fix the complexity * Add Unit Tests for FluentOptionPeople component * FluentDataGridRow: sticky header z-index. Fix #721 * Use latest .NET SDKs Fix null dereference warning Remove global.json * Fix issue with combined normal/timed MessageBars * Put notification/settings icons in a button * Update the DatePicker popup position (#724) * [FluentAutocomplete] Update some usabilities (#725) * Add MaximumSelectedOptionsMessage, a Search icon and a Dismiss icon * Update Unit Tests * Fix FluentDatePicker and FluentTimePicker to keep existing date/time values (#726) * FluentMenuButton: Add ButtonStyle and MenuStyle parameters * Couple of enhancements (#727) * Fix issue with combined normal/timed MessageBars * Put notification/settings icons in a button * FluentMenuButton: Add ButtonStyle and MenuStyle parameters * Add ChildContent (#728) * Fix MessageOption Timeout xml documentation * Update CodeSetup.md (#730) Fix a typo * [FluentMenu/FluentPopover/FluentOverlay] Close menu/popover automatically when user clicks outside of it (by using overlay) (#729) * Fix FluentMenu / FluentOverlay to dismiss menu when clicked outside * Fix FluentPopover/FluentOverlay * Apply naming conventions * Add `EmptyContent` parameter to the DataGrid (#731) * Fix MessageOption Timeout xml documentation * Add a EmptyContent parameter to FluentDataGrid * [FluentPresenceBadge & FluentOptionPeople] - Update the Status badge to be compliant FluentUI 2 (#732) * Fix people ChildContent * Update the FluentPresenceBadge * Update the FluentOptionPeople * Fix Unit Tests * Fix Unit Tests --------- Co-authored-by: Vincent Baaij <[email protected]> * Add more colors to OfficeColor enum * Add a comment on FluentTabPage on styling indicator * [CssBuilder and StyleBuilder] Fixing the built format and position of the custom styles (#745) * Refactor StyleBuilder and add Unit Tests * Update CssBuilder and StyleBuilder * Update the CSS and Style Builder to include custom user styles at the end * Update all existing classes * Fix Unit Tests * Add comment to ComboboxPage Update some xml doc comments * Update FluentDataGridRow and example (#747) * Add a column with buttons to virtualized grid example with sticky header Update FluentDataGridRow to align center when row height is set Update FluentDataGrid to remove code that was already done in row rendering * Process review remark * fix typos (#751) Co-authored-by: Vincent Baaij <[email protected]> * Update the Button.Loading when using with a Icon (#752) Co-authored-by: Vincent Baaij <[email protected]> * Dialog enhancements (add dialog type, fix panel width setable), add MaxHeight to DemoSection (#740) * Add Dialog custom header/footer example Address #739 Change ShowDialog to allow horizontal alignment setting * Add DialogType enum and set this in dialog parameters Use width parameter in panel example * Fix review comments Add MaxHeight to DemoSection * REmove files no longer needed * Cleanup for new alternative * Make DialogType internal * Revert "Make DialogType internal" This reverts commit e80e451. * Remove more HeaderTemplate/FooterTemplate references * Fix NavMenu route/subroute not selecting correct item (#755) * Fix NavMenu route/subroute not selecting correct item * Fix compilation error * Add extra "/" (if needed) to do a clean comparisson on segments * [FluentDialog] Include components to customize the Dialog-box (#764) * Update Fluent UI System Icons to 1.1.217 (#765) Move AllIcons property Comment out Icons.cs creation in generator * Add PreventScroll to Dialog and Overlay (#758) * Add PreventScroll to Dialog and Overlay * Move scroll restauration to DisposeAsync * Change it to use a CSS only approach * Fix manual dialog with PreventScroll * Rename FluentOptionPeople to FluentPersona (#766) * Rename FluentOptionPeople to FluentPersona * Update tests * Update version Test for #771 Fix #772 * Fix #772 (for real this time...) * Typo 'the the' (#773) Co-authored-by: Vincent Baaij <[email protected]> * Add InlineStyleBuilder and fix the FluentSelect.Height property (#774) * [FluentIcon] Use of Value attribute (not Icon) (#784) * [WIP] Inert modal overlay (#783) * Fix #772 * add InertModalOverlay to DialogParameters --------- Co-authored-by: Vincent Baaij <[email protected]> * Rename InertModalOverlay to PreventDismissOnOverlayClick Fix code comment Clean up demo description Extend sample with custom dialog to usee new parameter * Fix NavMenu redirecting tosmae page when route parameters present (#755) Fix obsolete warning for Notification Center * Fix obsolete warnings Update Whatsew, add What's New Archive * Re-work padding/height for dialog variants (#786) * Re-work padding/heigt for dialog variants * Resolve review comments * Fix more Obsolete warnings Fix one more issue related to #755 * Add a Tooltip parameter to DataGrid columns (#791) * Add Tooltip parameter to DataGrid columns Clean-up WhatsNew * More tooltip work Add Style parameter to ColumnBase ApiDocumentation: InstanceType renamed to InstanceTypes and is array now * Fix #789 * Button and Icon colors (#793) * Add Icon.WithColor and update the Demo page * Update Button Icon Color depending of Button Appearance * Update the way to apply the Icon.Color in a Button --------- Co-authored-by: Vincent Baaij <[email protected]> * fix: enhanced DialogService doc with asp.net core 8 with ssr (#795) * Update Fluent UI System Icons to 1.1.218 Add What's New file to Icons * Remove generated Icons.cs file * Update version for preview site footer * Fix the Icon Color doc page (#796) Co-authored-by: Vincent Baaij <[email protected]> * Fix MessageBar issues (#797) * Implement MessageService OnMessageItemsUpdatedAsync handler Rename OnAlertUpdateHandler to OnMessageItemsUpdatedHandler * Make Title and Link nullable and don't render them when they are null Adapt sample to show this situation * Process review remarks * Fix #805: InlineStyleBuilder on .NET6 (#806) * corrects minor typo (#804) Co-authored-by: Vincent Baaij <[email protected]> * Several changes and fixes (#802) * Fix #800 by doing more checks. Tooltip example uses DemoLogger now Tooltip: add delegate check TemplateColumn: Add TooltipText parameter * Add TooltipText to PropertyColumn + refactor Extend DataGrid example to show tooltip usage Fix comment issue Fix MessageBar test * Fix Server site Flash of Unstyled Content Add soem code to IssueTester to test navigation menu issues * Change ColumBase button aria-label * Add route parameters test to lab page * NavMenu: Add ReNvigate parameter * Change when ReNavigate gets passed * Better ReNavigate implementation Also added remark on commented code * Fixes SimpleCustomizedDialog.razor (#807) * corrects minor typo * fixes typo in comments * fix by restoring SimpleCustomizedDialog.razor --------- Co-authored-by: Vincent Baaij <[email protected]> * Fix FluentDataGrid error if page is quickly exited (#810) * [FluentInputFile] Fix the manual upload on iOS (#815) * Update the manual upload on iOS * Keep ShowFilesDialogAsync * fixes minor typo (#824) * Fix README.md minor typo (#827) * Update README.md - typo (#829) Fix a typo * FluentSelect: Fix ValueChanged fired twice (#828) * FluentSelect: Fix ValueChanged fired twice * Override Person.ToString() to not return image data * Process review remarks * 1) Fix error in RenderDefaultHeaderContent related to recent tooltip work 2) Udo country code rename * Fix #801 by removing direct call to Items.Count() (#831) * FluentCard: Add AreaRestricted parameter (#830) * FluentCard: Add AreaRestricted parameter, update docs, tests and examples * Update build-demo.yml * Update build-demo.yml * Update build-demo.yml * Update build-demo.yml * Error message updated when FluentDialogProvider is missing (#832) * New NavMenu, NavGroup and NavLink components (#819) * new FluentNavMenu, FluentNavGroup and FluentNavLink component * Rename earlier FluentNavMenu to FluentNavMenuTree * Update documentation, copy examples and add upgrade guide * Fix #816 * Fix #811 * Add NavMenu components tests * CounterBadge tests * [Input Label] FluentInputLabel Add a Label and update aria-label (#822) * Add a new FluentInputLabel component to display a label and to update the aria-label of the associated Input component * Update for List components * Update all Input samples * Add a property LabelTemplate * Rename Title property to AriaLabel --------- Co-authored-by: Vincent Baaij <[email protected]> * fix: chinese abbreviated day name in FluentCalendar (#834) * [fix] chinese day abbreviated name * [fix] add ToAbbreviatedDisplay summary * [fix] revert to string * [fix] use ShortestDayNames instead of AbbreviatedDayNames * [fix] rename variable * [fix] rename, add Abbreviated to tuple * [fix] remove empty line * [fix] remove empty line --------- Co-authored-by: Vincent Baaij <[email protected]> * Minor documentation corrections (#837) * corrects comment * Reworded to improve clarity * Corrects comments - removes / * Fix #836 * Prepare for release - update whatsnew docs * More whatsnew updates --------- Co-authored-by: Denis Voituron <[email protected]> Co-authored-by: Emanuele Curati <[email protected]> Co-authored-by: Antoine Griffard <[email protected]> Co-authored-by: hksalessio <[email protected]> Co-authored-by: Alessio Dell’Aquila <[email protected]> Co-authored-by: ssccinng <[email protected]> Co-authored-by: Yue Cui <[email protected]> Co-authored-by: Gary Chan <[email protected]> Co-authored-by: James Newton-King <[email protected]> Co-authored-by: Alexis Narvaez <[email protected]> Co-authored-by: Harry Pfleger <[email protected]>
microsoft · Oct 9, 2023 · fd39452 · fd39452
1 parent 59febb2
commit fd39452
Show file tree

Hide file tree

Showing 234 changed files with 4,561 additions and 2,732 deletions.
diff --git a/.azure-devops/build-demo.yml b/.azure-devops/build-demo.yml
@@ -18,6 +18,24 @@ variables:
       **/FluentUI.Demo.Client.csproj
 
 steps:
+  - powershell: |
+      $builds = "$(Build.BuildNumber)".Split('.')
+      $stage = "$(VersionStage)"
+      $stageId = "$(VersionStageId)"
+      
+      if ("$stageId" -eq "")
+      {
+        $package = "$($builds[0]).$($builds[1]).$($builds[2]).$($builds[3]).$($builds[4])"
+      }
+      else
+      {
+        $package = "$($builds[0]).$($builds[1]).$($builds[2])-$($stage).$($stageId).$($builds[3]).$($builds[4])"
+      }
+      
+      # Set the output variable for use in other tasks.
+      Write-Host "##vso[task.setvariable variable=VersionPackage]${package}"
+    displayName: Compute VersionPackage
+  
   - task: NuGetToolInstaller@1
     displayName: Install NuGet tools
 
@@ -26,7 +44,7 @@ steps:
     inputs:
       version: 8.0.x
       includePreviewVersions: true
-  
+
   # Set version number
   - task: Assembly-Info-NetCore@3
     displayName: 'Versioning $(Build.BuildNumber)'
@@ -39,7 +57,7 @@ steps:
       VersionNumber: '$(Build.BuildNumber)'
       FileVersionNumber: '$(Build.BuildNumber)'
       InformationalVersion: '$(Build.BuildNumber)'
-      PackageVersion: '$(Build.BuildNumber)'
+      PackageVersion: '$(VersionPackage)'
       LogLevel: 'verbose'
       FailOnWarning: false
       DisableTelemetry: false

diff --git a/Directory.Build.props b/Directory.Build.props
@@ -12,8 +12,8 @@
 
 	 <SolutionDir>$(MSBuildThisFileDirectory)</SolutionDir>	 
 
-	 <VersionFile>3.1.1</VersionFile>
-	 <VersionPrefix>3.1.1</VersionPrefix>
+	 <VersionFile>3.2.0</VersionFile>
+	 <VersionPrefix>3.2.0</VersionPrefix>
 	 <VersionSuffix></VersionSuffix> 
 
 	 <AssemblyVersion>$(VersionFile)</AssemblyVersion>

diff --git a/Microsoft.Fast.sln b/Microsoft.Fast.sln
@@ -45,6 +45,7 @@ Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = "Solution Items", "Solution
 	ProjectSection(SolutionItems) = preProject
 		CODE_OF_CONDUCT.md = CODE_OF_CONDUCT.md
 		CONTRIBUTING.md = CONTRIBUTING.md
+		Directory.Build.props = Directory.Build.props
 		LICENSE = LICENSE
 		README.md = README.md
 		SECURITY.md = SECURITY.md

diff --git a/README.md b/README.md
@@ -14,7 +14,7 @@
 ## Introduction
 
 The `Microsoft.Fast.Components.FluentUI` package provides a set of [Blazor](https://blazor.net) components which you can use to build applications that have 
-the look and feel or modern Microsoft applications. Some of the componets are wrappers around Microsoft's official FluentUI Web Components. Others are components 
+the look and feel or modern Microsoft applications. Some of the components are wrappers around Microsoft's official FluentUI Web Components. Others are components 
 that leverage the Fluent UI design system or make it easier to work with Fluent UI. To get up and running with the library, see the 'Getting Started' section below.
 
 The source for the library is hosted in the [fluentui-blazor](https://github.com/microsoft/fluentui-blazor) repository at GitHub. Documentation on the components is available at the [demo site](https://www.fluentui-blazor.net) and at [docs.microsoft.com](https://docs.microsoft.com/en-us/fluent-ui/web-components/). 
@@ -41,7 +41,7 @@ unpredictable results.
 
 > **If you are upgrading from an earlier version please remove the script from your `index.html` or `_Layout.cshtml` file.**
 
-The script is added to the application automatically. This way we can safeguard that the you are always using the best matching script version.
+The script is added to the application automatically. This way we can safeguard that you are always using the best matching script version.
 
 
 ### Styles
@@ -73,14 +73,13 @@ to your `index.html` or `_Layout.cshtml` file in the `<head>` section like this:
 
 The file contains a number of CSS variables that are required to be defined for the components to work correctly. 
 
-### Project file
-if you want to use icons and/or emoji, starting with version 2.1 you need add a `<PropertyGroup>` to your project file. Within this group you can specify which icons and emoji are made available for usage and publication. Please refer to the [project setup](https://www.fluentui-blazor.net/ProjectSetup) document for more information.
-
-
 ### Code
 Please refer to the [code setup](https://www.fluentui-blazor.net/CodeSetup) document to learn what needs to be included in your `Program.cs` file 
 so that all necessary services are available and setup in the correct way.
 
+## Working with Icons and Emoji
+We have additional packages available that include the complete Fluent UI System icons and Fluent UI Emoji collections. 
+Please refer to the [Icons and Emoji](https://www.fluentui-blazor.net/IconsAndEmoji) page for more information.
 
 ## Getting started by using project templates
 To make it easier to start a project that uses the Fluent UI Blazor components out of the box, we have created the

diff --git a/WHATSNEW.md b/WHATSNEW.md
@@ -1,4 +1,21 @@
-## V3.1.1
+## V3.2.0
+- New NavMenu, NavGroup and NavLink components. **Breaking change** - See the [Upgrade guide](https://www.fluentui-blazor.net/UpgradeGuide) for details. See [NavMenu](https://www.fluentui-blazor.net/NavMenu) page for examples.
+- New FluentInputLabel component. 
+- FluentCard: Add AreaRestricted parameter to allow content to break out of card area.
+- Provide error message when FluentDialogProvider missing
+- It is now possible to add a tooltip to DataGridColumns  
+
+Fix [#796](https://github.com/microsoft/fluentui-blazor/pull/796): Fix IconColor doc page
+Fix [#797](https://github.com/microsoft/fluentui-blazor/pull/797): Fix MessageBar issues
+Fix [#805](https://github.com/microsoft/fluentui-blazor/pull/805): InlineStyleBuilder on .NET6
+Fix [#810](https://github.com/microsoft/fluentui-blazor/pull/810): FluentDataGrid error if page is quickly exited
+Fix [#815](https://github.com/microsoft/fluentui-blazor/pull/815): Manual upload on iOS
+Fix [#828](https://github.com/microsoft/fluentui-blazor/pull/828): FluentSelect: Fix ValueChanged fired twice
+Fix [#801](https://github.com/microsoft/fluentui-blazor/pull/801): Remove direct call to Items.Count()
+Fix [#834](https://github.com/microsoft/fluentui-blazor/pull/834): Chinese abbreviated day name in FluentCalendar
+Fix [#836](https://github.com/microsoft/fluentui-blazor/pull/836): Setting SelectedOptions does not update FluentSelct
+
+## V3.1.1
 - Fix [#776](https://github.com/microsoft/fluentui-blazor/issues/776): Icon throws exception when deployed to Azure
 - Fix [#755](https://github.com/microsoft/fluentui-blazor/issues/755): Icon throws exception when deployed to Azure
 - Fix [#789](https://github.com/microsoft/fluentui-blazor/issues/789): Navigation to "/" crashes with FluentNavMenu

diff --git a/examples/Demo/Server/Pages/_Layout.cshtml b/examples/Demo/Server/Pages/_Layout.cshtml
@@ -25,7 +25,7 @@
         }
     </script>
 </head>
-<body>
+<body class="before-started">
     @RenderBody()
 
     <div id="blazor-error-ui">
@@ -41,6 +41,8 @@
 
 
     <script src="_framework/blazor.server.js"></script>
+    <script src="js/site.js"></script>
+
 
     <!-- Monaco Editor -->
     <script src="_content/Microsoft.Fast.Components.FluentUI/lib/monaco-editor/min/vs/loader.min.js"></script>

diff --git a/examples/Demo/Server/wwwroot/js/site.js b/examples/Demo/Server/wwwroot/js/site.js
@@ -0,0 +1,12 @@
+// To avoid Flash of Unstyled Content, the body is hidden by default with
+// the before-started CSS class. Here we'll find the first web component
+// and wait for it to be upgraded. When it is, we'll remove that class
+// from the body. 
+console.log('site.js');
+const firstUndefinedElement = document.body.querySelector(":not(:defined)");
+
+if (firstUndefinedElement) {
+    customElements.whenDefined(firstUndefinedElement.localName).then(() => {
+        document.body.classList.remove("before-started");
+    });
+}
diff --git a/examples/Demo/Shared/Components/DemoSection.razor.cs b/examples/Demo/Shared/Components/DemoSection.razor.cs
@@ -30,7 +30,7 @@ public partial class DemoSection : ComponentBase
     public RenderFragment? Description { get; set; }
 
     /// <summary>
-    /// The component for wich the example will be shown. Enter the type (typeof(...)) _name 
+    /// The component for which the example will be shown. Enter the type (typeof(...)) _name 
     /// </summary>
     [Parameter, EditorRequired]
     public Type Component { get; set; } = default!;