From e52ad54540ea61528ff7f24fc29df3eb7afc6ab4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Niels=20Lyngs=C3=B8?= <niels.lyngso@gmail.com>
Date: Thu, 29 Aug 2024 10:49:37 +0200
Subject: [PATCH] tree picker disable pick

---
 .../tree/tree-picker-modal/tree-picker-modal.element.ts  | 9 ++++++++-
 .../core/utils/selection-manager/selection.manager.ts    | 1 +
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/tree/tree-picker-modal/tree-picker-modal.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/tree/tree-picker-modal/tree-picker-modal.element.ts
index 5299caa3c0..9ca76c005e 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/tree/tree-picker-modal/tree-picker-modal.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/tree/tree-picker-modal/tree-picker-modal.element.ts
@@ -20,6 +20,9 @@ export class UmbTreePickerModalElement<TreeItemType extends UmbTreeItemModelBase
 		selection: [],
 	};
 
+	@state()
+	_hasSelection: boolean = false;
+
 	@state()
 	_createPath?: string;
 
@@ -34,6 +37,9 @@ export class UmbTreePickerModalElement<TreeItemType extends UmbTreeItemModelBase
 	constructor() {
 		super();
 		this.#pickerContext.selection.setSelectable(true);
+		this.observe(this.#pickerContext.selection.hasSelection, (hasSelection) => {
+			this._hasSelection = hasSelection;
+		});
 		this.#observePickerSelection();
 		this.#observeSearch();
 	}
@@ -188,7 +194,8 @@ export class UmbTreePickerModalElement<TreeItemType extends UmbTreeItemModelBase
 					label=${this.localize.term('general_choose')}
 					look="primary"
 					color="positive"
-					@click=${this._submitModal}></uui-button>
+					@click=${this._submitModal}
+					?disabled=${!this._hasSelection}></uui-button>
 			</div>
 		`;
 	}
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/utils/selection-manager/selection.manager.ts b/src/Umbraco.Web.UI.Client/src/packages/core/utils/selection-manager/selection.manager.ts
index cf0fd0aa06..d1127cbb8d 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/utils/selection-manager/selection.manager.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/utils/selection-manager/selection.manager.ts
@@ -13,6 +13,7 @@ export class UmbSelectionManager<ValueType extends string | null = string | null
 
 	#selection = new UmbArrayState(<Array<ValueType>>[], (x) => x);
 	public readonly selection = this.#selection.asObservable();
+	public readonly hasSelection = this.#selection.asObservablePart((x) => x.length > 0);
 
 	#multiple = new UmbBooleanState(false);
 	public readonly multiple = this.#multiple.asObservable();