From 9d092562af1570269c62be9a99b6e7e9a7470c87 Mon Sep 17 00:00:00 2001
From: Vincent Baaij
Date: Fri, 1 Sep 2023 10:56:31 +0200
Subject: [PATCH] Update workflows to build when md files change Update docs
---
.github/workflows/cicd_publish.yml | 3 -
.github/workflows/deploy_preview.yml | 3 -
.../Microsoft.Fast.Components.FluentUI.xml | 304 ++++++++++++++++--
.../Demo/Shared/Pages/Icon/IconPage.razor | 15 +
.../Demo/Shared/Pages/IconsAndEmoji.razor | 18 ++
.../Demo/Shared/Shared/DemoNavMenuTree.razor | 3 +-
.../Demo/Shared/wwwroot/docs/IconsAndEmoji.md | 72 +++++
.../Demo/Shared/wwwroot/docs/UpgradeGuide.md | 46 ++-
.../images/Icons-FindReplace-RegEx.png | Bin 0 -> 17963 bytes
9 files changed, 417 insertions(+), 47 deletions(-)
create mode 100644 examples/Demo/Shared/Pages/IconsAndEmoji.razor
create mode 100644 examples/Demo/Shared/wwwroot/docs/IconsAndEmoji.md
create mode 100644 examples/Demo/Shared/wwwroot/images/Icons-FindReplace-RegEx.png
diff --git a/.github/workflows/cicd_publish.yml b/.github/workflows/cicd_publish.yml
index 833f78652e..6735465fed 100644
--- a/.github/workflows/cicd_publish.yml
+++ b/.github/workflows/cicd_publish.yml
@@ -4,7 +4,6 @@ on:
branches:
- main
paths-ignore:
- - '**/*.md'
- '**/*.gitignore'
- '**/*.gitattributes'
@@ -12,7 +11,6 @@ on:
types: [opened, synchronize, reopened, closed]
branches: [ main ]
paths-ignore:
- - '**/*.md'
- '**/*.gitignore'
- '**/*.gitattributes'
@@ -20,7 +18,6 @@ on:
branches:
- main
paths-ignore:
- - '**/*.md'
- '**/*.gitignore'
- '**/*.gitattributes'
diff --git a/.github/workflows/deploy_preview.yml b/.github/workflows/deploy_preview.yml
index b5d0e62552..edf256917d 100644
--- a/.github/workflows/deploy_preview.yml
+++ b/.github/workflows/deploy_preview.yml
@@ -6,7 +6,6 @@ on:
- dev
- archives/v2
paths-ignore:
- - '**/*.md'
- '**/*.gitignore'
- '**/*.gitattributes'
@@ -16,7 +15,6 @@ on:
- dev
- archives/v2
paths-ignore:
- - '**/*.md'
- '**/*.gitignore'
- '**/*.gitattributes'
@@ -25,7 +23,6 @@ on:
- dev
- archives/v2
paths-ignore:
- - '**/*.md'
- '**/*.gitignore'
- '**/*.gitattributes'
diff --git a/examples/Demo/Shared/Microsoft.Fast.Components.FluentUI.xml b/examples/Demo/Shared/Microsoft.Fast.Components.FluentUI.xml
index ebfbfe5811..263ec2bb61 100644
--- a/examples/Demo/Shared/Microsoft.Fast.Components.FluentUI.xml
+++ b/examples/Demo/Shared/Microsoft.Fast.Components.FluentUI.xml
@@ -209,6 +209,16 @@
Defaults to
+
+
+ displayed at the start of anchor content.
+
+
+
+
+ displayed at the end of anchor content.
+
+
Gets or sets the content to be rendered inside the component.
@@ -598,14 +608,30 @@
Defaults to
+
+
+ Background color of this button (overrides the property).
+ Set the value "rgba(0, 0, 0, 0)" to display a transparent button.
+
+
+
+
+ Color of the font (overrides the property).
+
+
+
+
+ Display a progress ring and disable the button.
+
+
- displayed to the left of button content.
+ displayed at the start of button content.
- displayed to the right of button content.
+ displayed at the end of button content.
@@ -623,6 +649,11 @@
Command executed when the user clicks on the button.
+
+
+ Constructs an instance of .
+
+
@@ -1151,6 +1182,7 @@
Gets or sets the index of this row
+ When FluentDataGrid is virtualized, this value is not used
@@ -1750,7 +1782,7 @@
Closes the dialog
-
+
Constructs an instance of .
@@ -1793,11 +1825,21 @@
Text to display for the primary action.
+
+
+ When true, primary action's button is enabled.
+
+
Text to display for the secondary action.
+
+
+ When true, secondary action's button is enabled.
+
+
Width of the dialog. Must be a valid CSS width value like "600px" or "3em"
@@ -1940,7 +1982,7 @@
- Shows the standard with the given parameters."/>
+ Shows the standard with the given parameters.
The componente that receives the callback
Name of the callback function
@@ -1948,7 +1990,7 @@
- Shows a custom splash screen dialog with the given parameters."/>
+ Shows a custom splash screen dialog with the given parameters.
The componente that receives the callback
Name of the callback function
@@ -1956,7 +1998,7 @@
- Shows a splash screen of the given type with the given parameters."/>
+ Shows a splash screen of the given type with the given parameters.
The type of the component to show
The componente that receives the callback
@@ -2012,27 +2054,159 @@
- Shows a panel with the dialog component type as the body,
- passing the specified
+ Shows a panel with the dialog component type as the body
Parameters to pass to component being displayed.
- Shows a panel with the dialog component type as the body,
- passing the specified
+ Shows a panel with the dialog component type as the body
Type of component to display.
Parameters to pass to component being displayed.
- Shows a dialog with the component type as the body,
- passing the specified
+ Shows a dialog with the component type as the body
Parameters to pass to component being displayed.
+
+ Shows a dialog with the component type as the body
+
+ Type of component to display.
+ Content to pass to component being displayed.
+ Parameters to configure the dialog component.
+
+
+
+ Updates a dialog
+
+ Id of the dialog to update.
+ Parameters to configure the dialog component.
+
+
+
+ Shows the standard with the given parameters.
+
+ The componente that receives the callback
+ Name of the callback function
+ that holds the content to display
+
+
+
+ Shows the standard with the given parameters.
+
+ that holds the content to display
+
+
+
+ Shows a custom splash screen dialog with the given parameters."/>
+
+ The componente that receives the callback
+ Name of the callback function
+ that holds the content to display
+
+
+
+ Shows a custom splash screen dialog with the given parameters.
+
+ that holds the content to display
+
+
+
+ Shows a splash screen of the given type with the given parameters.
+
+ The type of the component to show
+ The componente that receives the callback
+ Name of the callback function
+ that holds the content to display
+
+
+
+ Shows a splash screen of the given type with the given parameters.
+
+ The type of the component to show
+ that holds the content to display
+
+
+
+ Shows a dialog with the component type as the body
+
+ Parameters to pass to component being displayed.
+
+
+
+ Shows a success message box. Does not have a callback function.
+
+ The message to display.
+ The title to display on the dialog.
+
+
+
+ Shows a warning message box. Does not have a callback function.
+
+ The message to display.
+ The title to display on the dialog.
+
+
+
+ Shows an error message box. Does not have a callback function.
+
+ The message to display.
+ The title to display on the dialog.
+
+
+
+ Shows an information message box. Does not have a callback function.
+
+ The message to display.
+ The title to display on the dialog.
+
+
+
+ Shows a confirmation message box. Has a callback function which returns boolean
+ (true=PrimaryAction clicked, false=SecondaryAction clicked).
+
+ The component that receives the callback function.
+ The callback function.
+ The message to display.
+ The text to display on the primary button.
+ The text to display on the secondary button.
+ The title to display on the dialog.
+
+
+
+ Shows a confirmation message box. Has no callback function
+ (true=PrimaryAction clicked, false=SecondaryAction clicked).
+
+ The message to display.
+ The text to display on the primary button.
+ The text to display on the secondary button.
+ The title to display on the dialog.
+
+
+
+ Shows a custom message box. Has a callback function which returns boolean
+ (true=PrimaryAction clicked, false=SecondaryAction clicked).
+
+ Parameters to pass to component being displayed.
+
+
+
+ Shows a panel with the dialog component type as the body
+
+ Parameters to pass to component being displayed.
+
+
+
+ Shows a panel with the dialog component type as the body
+
+ Type of component to display.
+ Parameters to pass to component being displayed.
+
+
Shows a dialog with the component type as the body,
passing the specified
@@ -2041,6 +2215,13 @@
Content to pass to component being displayed.
Parameters to configure the dialog component.
+
+
+ Updates a dialog
+
+ Id of the dialog to update.
+ Parameters to configure the dialog component.
+
Convenience method to create a for a dialog result.
@@ -2433,6 +2614,11 @@
List of delimiters chars. Example: " ,;".
+
+
+ If true, highlights the text until the next regex boundary
+
+
Description: Scroll speed in pixels per second
@@ -2885,21 +3071,14 @@
Gets or sets the visual appearance. See
-
-
- Width style
-
-
-
-
- Height style
-
-
The maximum number of options that should be visible in the listbox scroll area.
+
+
+
Gets or sets if the element is disabled
@@ -2976,6 +3155,16 @@
+
+
+ Width of the component.
+
+
+
+
+ Height of the component or of the popup panel.
+
+
Text used on aria-label attribute.
@@ -3683,7 +3872,9 @@
- Pattern explanation:
+ Pattern:
+ ^(?:#(?:[a-fA-F0-9]{6}|[a-fA-F0-9]{3}))
+ Explanation:
○ Match if at the beginning of the string.
○ Match '#'.
@@ -3766,6 +3957,12 @@
Gets or sets the id of the component the popover is positioned relative to
+
+
+ The default horizontal position of the region relative to the anchor element
+ Default is unset. See
+
+
Gets or sets popover opened state
@@ -4030,6 +4227,21 @@
Gets or sets if the skeleton is shimmered
+
+
+ Gets or sets the width of the skeleton
+
+
+
+
+ Gets or sets the height of the skeleton
+
+
+
+
+ Gets or sets whether the skeleton is visible
+
+
Gets or sets the content to be rendered inside the component.
@@ -4246,6 +4458,11 @@
True to let the user edit the property.
+
+
+ Render the tab content only when the tab is selected.
+
+
Customized content of this tab panel.
@@ -4429,6 +4646,12 @@
Gets or sets the content to be rendered inside the component.
+
+
+
+
+
+
Gets or sets the text filed type. See
@@ -4474,6 +4697,12 @@
Gets or sets the content to be rendered inside the component.
+
+
+ Specifies whether a form or an input field should have autocomplete on or off.
+ An Id value must be set to use this property.
+
+
Closes the toast
@@ -8507,27 +8736,32 @@
- The anchored region position is unset.
+ No positions set.
- The anchored region is positioned at the start of the anchor.
+ Position at the start of the anchor.
- The anchored region is positioned at the end of the anchor.
+ Position at the end of the anchor.
- The anchored region is positioned in the left of the anchor.
+ Position on the left of the anchor.
- The anchored region is positioned in the right of the anchor.
+ Position on the right of the anchor.
+
+
+
+
+ Position at the center of the anchor.
@@ -9248,17 +9482,22 @@
- No positioning set
+ No position set.
- Position at the top
+ Position at the top.
- Position at the bottom
+ Position at the bottom.
+
+
+
+
+ Position at the center.
@@ -9671,7 +9910,7 @@
Inspired from https://github.com/MudBlazor
-
+
Splits the text into fragments, according to the
text to be highlighted
@@ -9680,6 +9919,7 @@
The texts to be highlighted
Regex expression that was used to split fragments.
Whether it's case sensitive or not
+ If true, splits until the next regex boundary
diff --git a/examples/Demo/Shared/Pages/Icon/IconPage.razor b/examples/Demo/Shared/Pages/Icon/IconPage.razor
index d6f925e195..b93505806a 100644
--- a/examples/Demo/Shared/Pages/Icon/IconPage.razor
+++ b/examples/Demo/Shared/Pages/Icon/IconPage.razor
@@ -13,6 +13,21 @@
contains all these icons, which you can access directly in your projects.
To use them, simply reference this package in your project.
+
+ During the DotNet Publication process, the unused icons are automatically removed from the final library.
+ You can configure this behavior by setting the PublishTrimmed property in your project file.
+ More details on this page.
+
You can use any of these icons by levaraging the <FluentIcon> component. See below for the parameters and examples.
There is also a search capability available on this page wich allows you to browse to all the different icons.
diff --git a/examples/Demo/Shared/Pages/IconsAndEmoji.razor b/examples/Demo/Shared/Pages/IconsAndEmoji.razor
new file mode 100644
index 0000000000..2778bc522f
--- /dev/null
+++ b/examples/Demo/Shared/Pages/IconsAndEmoji.razor
@@ -0,0 +1,18 @@
+@page "/IconsAndEmoji"
+
+Icons and Emoji
+
+