Merge different implementations of the BitNav component (#4008)

src/BlazorUI/Bit.BlazorUI.Tests/Navs/BitNavTest.razor

@@ -3,8 +3,8 @@
             RenderType="@RenderType"
             Items="Items"
             SelectedItem="@SelectedItem"
-            OnItemClick="OnItemClick"
-            OnItemExpand="OnItemExpand"
+            OnItemClick="(BitNavItem item) => OnItemClick(item)"
+            OnItemToggle="(BitNavItem item) => OnItemExpand(item)"
             Mode="@Mode">
     </BitNav>
 </CascadingValue>

src/BlazorUI/Bit.BlazorUI.Tests/Navs/BitNavTests.cs

@@ -97,7 +97,7 @@ public void BitNavLinkItemAriaLabelTest(string collapseAriaLabel, string expandA
                 CollapseAriaLabel = collapseAriaLabel,
                 ExpandAriaLabel = expandAriaLabel,
                 IsExpanded = isExpanded,
-                Items = new List<BitNavItem>()
+                ChildItems = new List<BitNavItem>()
                 {
                     new BitNavItem() { Text = "Activity", Url = "http://msn.com", Title = "Activity" }
                 }
@@ -167,7 +167,7 @@ public void BitNavOnLinkExpandClickTest()
     {
         var items = new List<BitNavItem>()
         {
-            new() { Text = "Test1", Items = new List<BitNavItem>() { new() { Text = "Test2" } } }
+            new() { Text = "Test1", ChildItems = new List<BitNavItem>() { new() { Text = "Test2" } } }
         };
 
         var componenet = RenderComponent<BitNavTest>(parameters =>
@@ -193,7 +193,7 @@ public void BitNavLinkItemForceAnchorTest(bool isForced)
             new() {
                 Text = "Test1",
                 IsExpanded = true,
-                Items = new List<BitNavItem>() { new() { Text = "Test2", ForceAnchor = isForced } }
+                ChildItems = new List<BitNavItem>() { new() { Text = "Test2", ForceAnchor = isForced } }
             }
         };
 

src/BlazorUI/Bit.BlazorUI/Components/Nav/BitNav.razor

@@ -1,19 +1,26 @@
 @namespace Bit.BlazorUI
-@using Bit.BlazorUI.Components.Nav
 @inherits BitComponentBase
+@typeparam TItem
+@using Bit.BlazorUI.Components.Nav
+
+@if (ChildContent is not null)
+{
+    <CascadingValue Value="this" IsFixed="true">
+        @ChildContent
+    </CascadingValue>
+}
 
-<nav @ref="RootElement"
-     @attributes="HtmlAttributes"
+<nav @ref="RootElement" @attributes="HtmlAttributes"
      style="@StyleBuilder.Value"
      class="@ClassBuilder.Value"
      role="navigation"
      aria-label="@AriaLabel">
 
     <ul role="list">
         <CascadingValue Value="this" IsFixed="true">
-            @foreach (var childItem in Items)
+            @foreach (var childItem in _items)
             {
-                <_BitNavChild @key="childItem.Key ?? childItem.Text" Item="childItem" />
+                <_BitNavChild @key="GetKey(childItem)" Item="childItem" Depth="0" />
             }
         </CascadingValue>
     </ul>