Bugfix: Align collection item entity actions with menu item entity actions (#18118)

Author: madsrasmussen

src/Umbraco.Web.UI.Client/src/packages/core/entity-action/global-components/entity-actions-table-column-view/entity-actions-table-column-view.element.ts

@@ -11,25 +11,12 @@ export class UmbEntityActionsTableColumnViewElement extends UmbLitElement {
 	@state()
 	_isOpen = false;
 
-	#onActionExecuted() {
-		this._isOpen = false;
-	}
-
-	#onClick(event: Event) {
-		event.stopPropagation();
-	}
-
 	override render() {
 		if (!this.value) return nothing;
 
 		return html`
-			<umb-dropdown .open=${this._isOpen} @click=${this.#onClick} compact hide-expand>
-				<uui-symbol-more slot="label"></uui-symbol-more>
-				<umb-entity-action-list
-					@action-executed=${this.#onActionExecuted}
-					entity-type=${this.value.entityType}
-					.unique=${this.value.unique}></umb-entity-action-list>
-			</umb-dropdown>
+			<umb-entity-actions-bundle .entityType=${this.value.entityType} .unique=${this.value.unique}>
+			</umb-entity-actions-bundle>
 		`;
 	}
 }

src/Umbraco.Web.UI.Client/src/packages/data-type/tree/tree-item-children/collection/views/data-type-tree-item-table-collection-view.element.ts

@@ -26,6 +26,7 @@ export class UmbDataTypeTreeItemTableCollectionViewElement extends UmbLitElement
 		{
 			name: '',
 			alias: 'entityActions',
+			align: 'right',
 		},
 	];
 

src/Umbraco.Web.UI.Client/src/packages/documents/document-types/tree/tree-item-children/collection/views/document-type-tree-item-table-collection-view.element.ts

@@ -31,6 +31,7 @@ export class UmbDocumentTypeTreeItemTableCollectionViewElement extends UmbLitEle
 		{
 			name: '',
 			alias: 'entityActions',
+			align: 'right',
 		},
 	];
 

src/Umbraco.Web.UI.Client/src/packages/documents/documents/collection/views/table/document-table-collection-view.element.ts

@@ -125,7 +125,11 @@ export class UmbDocumentTableCollectionViewElement extends UmbLitElement {
 				};
 			});
 
-			this._tableColumns = [...this.#systemColumns, ...userColumns, { name: '', alias: 'entityActions' }];
+			this._tableColumns = [
+				...this.#systemColumns,
+				...userColumns,
+				{ name: '', alias: 'entityActions', align: 'right' },
+			];
 		}
 	}
 

src/Umbraco.Web.UI.Client/src/packages/extension-insights/collection/views/table/extension-table-collection-view.element.ts

@@ -34,6 +34,7 @@ export class UmbExtensionTableCollectionViewElement extends UmbLitElement {
 		{
 			name: '',
 			alias: 'entityActions',
+			align: 'right',
 		},
 	];
 

src/Umbraco.Web.UI.Client/src/packages/language/collection/views/table/language-table-collection-view.element.ts

@@ -41,6 +41,7 @@ export class UmbLanguageTableCollectionViewElement extends UmbLitElement {
 		{
 			name: '',
 			alias: 'entityActions',
+			align: 'right',
 		},
 	];
 

src/Umbraco.Web.UI.Client/src/packages/media/media-types/tree/tree-item-children/collection/views/media-type-tree-item-table-collection-view.element.ts

@@ -26,6 +26,7 @@ export class UmbMediaTypeTreeItemTableCollectionViewElement extends UmbLitElemen
 		{
 			name: '',
 			alias: 'entityActions',
+			align: 'right',
 		},
 	];
 

src/Umbraco.Web.UI.Client/src/packages/media/media/collection/views/table/media-table-collection-view.element.ts

@@ -112,9 +112,13 @@ export class UmbMediaTableCollectionViewElement extends UmbLitElement {
 				};
 			});
 
-			this._tableColumns = [...this.#systemColumns, ...userColumns, { name: '', alias: 'entityActions' }];
+			this._tableColumns = [
+				...this.#systemColumns,
+				...userColumns,
+				{ name: '', alias: 'entityActions', align: 'right' },
+			];
 		} else {
-			this._tableColumns = [...this.#systemColumns, { name: '', alias: 'entityActions' }];
+			this._tableColumns = [...this.#systemColumns, { name: '', alias: 'entityActions', align: 'right' }];
 		}
 	}
 

src/Umbraco.Web.UI.Client/src/packages/members/member-group/collection/views/table/member-group-table-collection-view.element.ts

@@ -22,6 +22,7 @@ export class UmbMemberGroupTableCollectionViewElement extends UmbLitElement {
 		{
 			name: '',
 			alias: 'entityActions',
+			align: 'right',
 		},
 	];
 

src/Umbraco.Web.UI.Client/src/packages/members/member/collection/views/table/member-table-collection-view.element.ts

@@ -40,6 +40,7 @@ export class UmbMemberTableCollectionViewElement extends UmbLitElement {
 		{
 			name: '',
 			alias: 'entityActions',
+			align: 'right',
 		},
 	];