From a1351cd7173caaa1480b806df6e249f22d801671 Mon Sep 17 00:00:00 2001
From: Lone Iversen <108085781+loivsen@users.noreply.github.com>
Date: Mon, 25 Mar 2024 14:07:49 +0100
Subject: [PATCH] Change to radio to avoid save as array

---
 .../components/input-tiny-mce/input-tiny-mce.element.ts   | 6 ++----
 .../tiny-mce/property-editors/tiny-mce/manifests.ts       | 8 +++++++-
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/packages/tiny-mce/components/input-tiny-mce/input-tiny-mce.element.ts b/src/Umbraco.Web.UI.Client/src/packages/tiny-mce/components/input-tiny-mce/input-tiny-mce.element.ts
index 55d7652321..aca4aa5135 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/tiny-mce/components/input-tiny-mce/input-tiny-mce.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/tiny-mce/components/input-tiny-mce/input-tiny-mce.element.ts
@@ -217,10 +217,8 @@ export class UmbInputTinyMceElement extends FormControlMixin(UmbLitElement) {
 		}
 
 		// set the configured inline mode
-		const mode = this.configuration?.getValueByAlias<string | Array<string>>('mode'); // Migration: Bellissima (PropertyEditorUi.Dropdown) saves as Array.
-		if (typeof mode === 'string' && mode.toLocaleLowerCase() === 'inline') {
-			configurationOptions.inline = true;
-		} else if (Array.isArray(mode) && mode.length && mode?.[0].toLocaleLowerCase() === 'inline') {
+		const mode = this.configuration?.getValueByAlias<string>('mode');
+		if (mode?.toLocaleLowerCase() === 'inline') {
 			configurationOptions.inline = true;
 		}
 
diff --git a/src/Umbraco.Web.UI.Client/src/packages/tiny-mce/property-editors/tiny-mce/manifests.ts b/src/Umbraco.Web.UI.Client/src/packages/tiny-mce/property-editors/tiny-mce/manifests.ts
index 061aef02a3..4309ae4240 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/tiny-mce/property-editors/tiny-mce/manifests.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/tiny-mce/property-editors/tiny-mce/manifests.ts
@@ -212,7 +212,7 @@ export const manifest: ManifestPropertyEditorUi = {
 					alias: 'mode',
 					label: 'Mode',
 					description: 'Select the mode for the editor',
-					propertyEditorUiAlias: 'Umb.PropertyEditorUi.Dropdown',
+					propertyEditorUiAlias: 'Umb.PropertyEditorUi.RadioButtonList',
 					config: [
 						{
 							alias: 'items',
@@ -232,6 +232,12 @@ export const manifest: ManifestPropertyEditorUi = {
 					propertyEditorUiAlias: 'Umb.PropertyEditorUi.Toggle',
 				},
 			],
+			defaultData: [
+				{
+					alias: 'mode',
+					value: 'Classic',
+				},
+			],
 		},
 	},
 };