From da4c5f466166b53f2801d3dbce2ef3a2d76fed40 Mon Sep 17 00:00:00 2001
From: leekelleher <leekelleher@gmail.com>
Date: Fri, 12 Apr 2024 11:42:01 +0100
Subject: [PATCH] `umb-tree`, adds flags to hide the tree-item's entity actions

---
 .../core/tree/default/default-tree.element.ts        | 12 ++++++++++--
 .../tree-item-base/tree-item-element-base.ts         |  9 ++++++++-
 .../tree/tree-picker/tree-picker-modal.element.ts    |  1 +
 3 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/tree/default/default-tree.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/tree/default/default-tree.element.ts
index 18bb19b036..ca9600010e 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/tree/default/default-tree.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/tree/default/default-tree.element.ts
@@ -16,6 +16,9 @@ export class UmbDefaultTreeElement extends UmbLitElement {
 	@property({ type: Object, attribute: false })
 	selectionConfiguration: UmbTreeSelectionConfiguration = this._selectionConfiguration;
 
+	@property({ type: Boolean, attribute: false })
+	hideTreeItemActions: boolean = false;
+
 	@property({ type: Boolean, attribute: false })
 	hideTreeRoot: boolean = false;
 
@@ -94,7 +97,9 @@ export class UmbDefaultTreeElement extends UmbLitElement {
 	#renderTreeRoot() {
 		if (this.hideTreeRoot || this._treeRoot === undefined) return nothing;
 		return html`
-			<umb-tree-item .entityType=${this._treeRoot.entityType} .props=${{ item: this._treeRoot }}></umb-tree-item>
+			<umb-tree-item
+				.entityType=${this._treeRoot.entityType}
+				.props=${{ hideActions: this.hideTreeItemActions, item: this._treeRoot }}></umb-tree-item>
 		`;
 	}
 
@@ -105,7 +110,10 @@ export class UmbDefaultTreeElement extends UmbLitElement {
 				${repeat(
 					this._rootItems,
 					(item, index) => item.name + '___' + index,
-					(item) => html`<umb-tree-item .entityType=${item.entityType} .props=${{ item }}></umb-tree-item>`,
+					(item) =>
+						html`<umb-tree-item
+							.entityType=${item.entityType}
+							.props=${{ hideActions: this.hideTreeItemActions, item }}></umb-tree-item>`,
 				)}
 				${this.#renderPaging()}
 			`;
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/tree/tree-item/tree-item-base/tree-item-element-base.ts b/src/Umbraco.Web.UI.Client/src/packages/core/tree/tree-item/tree-item-base/tree-item-element-base.ts
index 82f98b8a28..4a61d4302d 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/tree/tree-item/tree-item-base/tree-item-element-base.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/tree/tree-item/tree-item-base/tree-item-element-base.ts
@@ -16,6 +16,9 @@ export abstract class UmbTreeItemElementBase<TreeItemModelType extends UmbTreeIt
 		this.#initTreeItem();
 	}
 
+	@property({ type: Boolean, attribute: false })
+	hideActions: boolean = false;
+
 	@state()
 	private _isActive = false;
 
@@ -162,6 +165,7 @@ export abstract class UmbTreeItemElementBase<TreeItemModelType extends UmbTreeIt
 	}
 
 	#renderActions() {
+		if (this.hideActions) return;
 		return this.#treeItemContext && this._item
 			? html`<umb-entity-actions-bundle
 					slot="actions"
@@ -178,7 +182,10 @@ export abstract class UmbTreeItemElementBase<TreeItemModelType extends UmbTreeIt
 				? repeat(
 						this._childItems,
 						(item, index) => item.name + '___' + index,
-						(item) => html`<umb-tree-item .entityType=${item.entityType} .props=${{ item }}></umb-tree-item>`,
+						(item) =>
+							html`<umb-tree-item
+								.entityType=${item.entityType}
+								.props=${{ hideActions: this.hideActions, item }}></umb-tree-item>`,
 					)
 				: ''}
 		`;
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/tree/tree-picker/tree-picker-modal.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/tree/tree-picker/tree-picker-modal.element.ts
index 2134ac64a2..c118899df7 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/tree/tree-picker/tree-picker-modal.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/tree/tree-picker/tree-picker-modal.element.ts
@@ -54,6 +54,7 @@ export class UmbTreePickerModalElement<TreeItemType extends UmbTreeItemModelBase
 					<umb-tree
 						alias=${ifDefined(this.data?.treeAlias)}
 						.props=${{
+							hideTreeItemActions: true,
 							hideTreeRoot: this.data?.hideTreeRoot,
 							selectionConfiguration: this._selectionConfiguration,
 							filter: this.data?.filter,