584 [HxAutosuggest] Stop propagation of Enter key event when selectin…

…g an item - repro test

BlazorAppTest/BlazorAppTest.csproj

@@ -1,4 +1,4 @@
-<Project Sdk="Microsoft.NET.Sdk.Web">
+<Project Sdk="Microsoft.NET.Sdk.Web">
 
   <PropertyGroup>
 	  <TargetFramework>net7.0</TargetFramework>
@@ -21,4 +21,10 @@
     <ProjectReference Include="..\Havit.SourceGenerators.StrongApiStringLocalizers\Havit.SourceGenerators.StrongApiStringLocalizers.csproj" OutputItemType="Analyzer" ReferenceOutputAssembly="false" />
   </ItemGroup>
 
+	<ItemGroup>
+		<Compile Include="..\Havit.Blazor.Components.Web.Bootstrap.Documentation\DemoData\**\*.*">
+			<Link>DemoData\%(RecursiveDir)%(FileName)%(Extension)</Link>
+		</Compile>
+	</ItemGroup>
+
 </Project>

BlazorAppTest/Pages/HxAutosuggest_Issue584_Test.razor

@@ -0,0 +1,46 @@
+@page "/HxAutosuggest_Issue584_Test"
+@using Havit.Blazor.Components.Web.Bootstrap.Documentation.DemoData;
+@inject IDemoDataService DemoDataService
+
+<EditForm Model="exampleModel" OnValidSubmit="HandleValidSubmit">
+	<HxAutosuggest Label="Employee"
+				   Placeholder="Start typing to search by name"
+				   TItem="EmployeeDto"
+				   TValue="int?"
+				   @bind-Value="@exampleModel.SelectedEmployeeId"
+				   DataProvider="ProvideSuggestions"
+				   MinimumLength="0"
+				   ValueSelector="employee => employee.Id"
+				   TextSelector="employee => employee.Name"
+				   ItemFromValueResolver="ResolveAutosuggestItemFromValue">
+		<EmptyTemplate>
+			<span class="p-2">Couldn't find any matching employee</span>
+		</EmptyTemplate>
+	</HxAutosuggest>
+	<p class="mt-3">submitExecuted = @submitExecuted</p>
+</EditForm>
+
+@code {
+	private ExampleModel exampleModel = new();
+	private bool submitExecuted;
+	private void HandleValidSubmit()
+	{
+		submitExecuted = true;
+	}
+
+	private async Task<AutosuggestDataProviderResult<EmployeeDto>> ProvideSuggestions(AutosuggestDataProviderRequest request)
+	{
+		var matchingEmployees = await DemoDataService.FindEmployeesByNameAsync(request.UserInput, limitCount: 10, request.CancellationToken);
+		return new AutosuggestDataProviderResult<EmployeeDto> { Data = matchingEmployees };
+	}
+
+	private async Task<EmployeeDto> ResolveAutosuggestItemFromValue(int? value)
+	{
+		if (value is null)
+		{
+			return null;
+		}
+		return await DemoDataService.GetEmployeeByIdAsync(value.Value);
+	}
+	private record ExampleModel { public int? SelectedEmployeeId { get; set; } };
+}

BlazorAppTest/Startup.cs

@@ -1,6 +1,7 @@
 using System.Globalization;
 using BlazorAppTest.Resources;
 using Havit.Blazor.Components.Web;
+using Havit.Blazor.Components.Web.Bootstrap.Documentation.DemoData;
 using Havit.Blazor.GoogleTagManager;
 
 namespace BlazorAppTest;
@@ -33,6 +34,8 @@ public void ConfigureServices(IServiceCollection services)
 			options.GtmId = "GTM-W2CT4P6"; // Havit.Blazor.GoogleTagManager DEV test
 		});
 
+		services.AddTransient<IDemoDataService, DemoDataService>();
+
 		// TESTs for Defaults
 		//HxAutosuggest.Defaults.InputSize = InputSize.Large;
 		//HxInputText.Defaults.InputSize = InputSize.Large;