Updated MudBlazor to v8

Author: Felix-CodingClimber

samples/DotNetElements.CrudExample/Components/Components/TagDialog.razor

@@ -3,6 +3,18 @@
 @using DotNetElements.Web.Blazor
 @using DotNetElements.CrudExample.Modules.TagModule
 
-@code {
+@{
+    DialogContent =
+    @<EditForm EditContext="@EditContext">
+        <DneDataAnnotationsValidator />
+        <MudTextField @bind-Value="Model.Label" Label="Label" />
+    </EditForm>;
+}
+
+@{
+    base.BuildRenderTree(__builder);
+}
 
+@code
+{
 }

samples/DotNetElements.CrudExample/Components/Pages/Crud.razor

@@ -195,17 +195,28 @@ else
 	{
 		EditTagModel editTagModel = new EditTagModel();
 
-		var dialogParameters = new DialogParameters<TagInputDialog>
+		var dialogParameters = new DialogParameters<TagDialog>
 		{
-			{ x => x.Tag, editTagModel }
+			{ x => x.IsEditMode, false },
+			{ x => x.Model, editTagModel },
+			{ x => x.EditContext, new EditContext(editTagModel) },
+			{ x => x.ApiEndpoint, "" }
 		};
 
 		DialogOptions dialogOptions = new DialogOptions() { MaxWidth = MaxWidth.Small, FullWidth = true };
 
-		IDialogReference dialog = await dialogService.ShowAsync<TagInputDialog>("New tag", dialogParameters, dialogOptions);
-		DialogResult result = await dialog.Result;
+		var dialog = await dialogService.ShowAsync<TagDialog>("New tag", dialogParameters, dialogOptions);
 
-		if (result.Canceled)
+		// var dialogParameters = new DialogParameters<TagInputDialog>
+		// {
+		// 	{ x => x.Tag, editTagModel }
+		// };
+
+		// IDialogReference dialog = await dialogService.ShowAsync<TagInputDialog>("New tag", dialogParameters, dialogOptions);
+
+		DialogResult? result = await dialog.Result;
+
+		if (result?.Canceled is not false)
 			return;
 
 		CrudResult<Tag> createdTag = await tagRepository.CreateAsync(editTagModel.MapToEntity());
@@ -233,9 +244,9 @@ else
 		DialogOptions dialogOptions = new DialogOptions() { MaxWidth = MaxWidth.Small, FullWidth = true };
 
 		IDialogReference dialog = await dialogService.ShowAsync<TagInputDialog>($"Edit tag {tag.Label}", dialogParameters, dialogOptions);
-		DialogResult result = await dialog.Result;
+		DialogResult? result = await dialog.Result;
 
-		if (result.Canceled)
+		if (result?.Canceled is not false)
 			return;
 
 		CrudResult<Tag> updatedTag = await tagRepository.UpdateAsync<EditTagModel>(editTagModel.Id, editTagModel);

samples/DotNetElements.CrudExample/TestDb.db

@@ -11,15 +11,15 @@
 	</PropertyGroup>
 
 	<ItemGroup>
-		<PackageReference Include="Microsoft.Data.SqlClient" Version="5.2.0" />
-		<PackageReference Include="Microsoft.EntityFrameworkCore" Version="8.0.3" />
-		<PackageReference Include="Microsoft.EntityFrameworkCore.Sqlite" Version="8.0.3" />
-		<PackageReference Include="Microsoft.EntityFrameworkCore.SqlServer" Version="8.0.3" />
-		<PackageReference Include="Microsoft.EntityFrameworkCore.Tools" Version="8.0.3">
+		<PackageReference Include="Microsoft.Data.SqlClient" Version="6.0.1" />
+		<PackageReference Include="Microsoft.EntityFrameworkCore" Version="9.0.2" />
+		<PackageReference Include="Microsoft.EntityFrameworkCore.Sqlite" Version="9.0.2" />
+		<PackageReference Include="Microsoft.EntityFrameworkCore.SqlServer" Version="9.0.2" />
+		<PackageReference Include="Microsoft.EntityFrameworkCore.Tools" Version="9.0.2">
 		  <PrivateAssets>all</PrivateAssets>
 		  <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
 		</PackageReference>
-		<PackageReference Include="Microsoft.Extensions.DependencyInjection.Abstractions" Version="8.0.1" />
+		<PackageReference Include="Microsoft.Extensions.DependencyInjection.Abstractions" Version="9.0.2" />
 	</ItemGroup>
 
 </Project>

samples/DotNetElements.CrudExample/TestDb.db-shm

@@ -98,7 +98,7 @@
 
     // todo update logic 2 (check which of the two update logics are better)
     // [Parameter]
-    // public EventCallback<List<T>> SelectedItemsChanged { get; set; }
+    // public EventCallback<List<T>> SelectedItemsChanged { get; set; } // todo throws error if not used
 
     [Parameter]
     public string? Label { get; set; }

samples/DotNetElements.CrudExample/TestDb.db-wal

@@ -14,9 +14,9 @@ public CrudTableOptions(string baseEndpointUri) : base(baseEndpointUri)
 
     public CrudTableOptions(string baseEndpointUri, MaxWidth editDialogMaxWidth) : this(baseEndpointUri)
     {
-        EditDialogOptions = new()
-        {
-            MaxWidth = editDialogMaxWidth
-        };
+        EditDialogOptions = new(); // todo
+        //{
+        //    MaxWidth = editDialogMaxWidth
+        //};
     }
 }

src/DotNetElements.Core/DotNetElements.Core.csproj

@@ -23,7 +23,7 @@
     <MudPaper Outlined="true" Elevation="0" style="overflow-y: auto; grid-area: image-list">
         @if (Images is not null)
         {
-            <MudList T="TImage" SelectedValueChanged="OnSelectedImageChanged" Clickable="true">
+            <MudList T="TImage" SelectedValueChanged="OnSelectedImageChanged">
                 @foreach (TImage image in Images)
                 {
                     <MudListItem Value="image">

src/DotNetElements.Web.Blazor/ChipSelect.razor

@@ -1,7 +1,7 @@
 <MudThemeProvider @ref="@mudThemeProvider" @bind-IsDarkMode="@DarkModeActive" />
-<MudPopoverProvider />
 <MudDialogProvider />
 <MudSnackbarProvider />
+<MudPopoverProvider />
 
 @code
 {
@@ -15,11 +15,12 @@
 
     protected override async Task OnAfterRenderAsync(bool firstRender)
     {
-        if (firstRender)
-        {
-            DarkModeActive = await mudThemeProvider.GetSystemPreference();
-            if (DarkModeActiveChanged.HasDelegate)
-                await DarkModeActiveChanged.InvokeAsync(DarkModeActive);
-        }
+        if (!firstRender)
+            return;
+
+        DarkModeActive = await mudThemeProvider.GetSystemPreference();
+
+        if (DarkModeActiveChanged.HasDelegate)
+            await DarkModeActiveChanged.InvokeAsync(DarkModeActive);
     }
 }