[ProfileMenu] Add OpenChanged event

src/Core/Components/ProfileMenu/FluentProfileMenu.razor

@@ -2,7 +2,7 @@
 @inherits FluentComponentBase
 
 <div id="@Id" class="@ClassValue" style="@StyleValue" top-corner="@TopCorner"
-     @onclick="@(e => Open = !Open)">
+     @onclick="@ProfileMenuClickedAsync">
     @StartTemplate
     <FluentPersona Id="@PersonaId"
                    Image="@Image"
@@ -20,6 +20,7 @@
                Style="@PopoverStyle"
                HorizontalPosition="@HorizontalPosition.Start"
                @bind-Open="@Open"
+               @bind-Open:after="@OpenChangedHandlerAsync"
                @attributes="@AdditionalAttributes">
     <Header>
         @if (HeaderTemplate is null && (!string.IsNullOrEmpty(HeaderLabel) || !string.IsNullOrEmpty(HeaderButton)))

src/Core/Components/ProfileMenu/FluentProfileMenu.razor.cs

@@ -27,6 +27,12 @@ public FluentProfileMenu()
     [Parameter]
     public bool Open { get; set; } = false;
 
+    /// <summary>
+    /// Gets or sets the callback that is invoked when the open state changes.
+    /// </summary>
+    [Parameter]
+    public EventCallback<bool> OpenChanged { get; set; }
+
     /// <summary>
     /// Gets or sets whether popover should be forced to top right or top left (RTL).
     /// </summary>
@@ -165,4 +171,19 @@ public FluentProfileMenu()
 
     /// <summary />
     private string PersonaId => $"{Id}-persona";
+
+    private async Task ProfileMenuClickedAsync()
+    {
+        Open = !Open;
+        await OpenChangedHandlerAsync();
+    }
+
+    /// <summary />
+    private async Task OpenChangedHandlerAsync()
+    {
+        if (OpenChanged.HasDelegate)
+        {
+            await OpenChanged.InvokeAsync(Open);
+        }
+    }
 }

tests/Core/ProfileMenu/FluentProfileMenuTests.razor

@@ -14,24 +14,31 @@
     [Fact]
     public void FluentProfileMenu_Default()
     {
+        bool opened = false;
+
         // Arrange && Act
         var cut = Render(
             @<FluentProfileMenu Image="@SamplePicture"
                    ButtonSize="20px"
                    ImageSize="48px"
+                   @bind-Open="@opened"
                    Status="@PresenceStatus.Available"
                    StatusTitle="I'm available"
                    HeaderLabel="Microsoft"
                    FooterLabel="v 3.14"
                    Initials="BG"
                    FullName="Bill Gates"
-                   EMail="[email protected]" />);
+                   EMail="[email protected]" />
+    );
+
+        Assert.False(opened);
 
         // Open the Popover
         var button = cut.Find(".initials");
         button.Click();
 
         // Assert
+        Assert.True(opened);
         cut.Verify();
     }