From 6e4ce058a076b68a09c27b3c7bf5089e0e194c12 Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <madsr@hey.com>
Date: Mon, 19 Dec 2022 19:47:53 +0100
Subject: [PATCH] remove document tree custom element

---
 .../backoffice/trees/documents/manifests.ts   | 57 +++++++++++++++
 .../trees/documents/tree-documents.element.ts | 73 -------------------
 2 files changed, 57 insertions(+), 73 deletions(-)
 create mode 100644 src/Umbraco.Web.UI.Client/src/backoffice/trees/documents/manifests.ts
 delete mode 100644 src/Umbraco.Web.UI.Client/src/backoffice/trees/documents/tree-documents.element.ts

diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/trees/documents/manifests.ts b/src/Umbraco.Web.UI.Client/src/backoffice/trees/documents/manifests.ts
new file mode 100644
index 0000000000..0eddfa5652
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/trees/documents/manifests.ts
@@ -0,0 +1,57 @@
+import type { ManifestTree, ManifestTreeItemAction } from '@umbraco-cms/models';
+
+const documentTreeAlias = 'Umb.Tree.Documents';
+
+const tree: ManifestTree = {
+	type: 'tree',
+	alias: documentTreeAlias,
+	name: 'Documents Tree',
+	weight: 100,
+	meta: {
+		label: 'Documents',
+		icon: 'umb:folder',
+		sections: ['Umb.Section.Content'],
+		storeContextAlias: 'umbDocumentStore',
+	},
+};
+
+const treeItemActions: Array<ManifestTreeItemAction> = [
+	{
+		type: 'treeItemAction',
+		alias: 'Umb.TreeItemAction.Document.Create',
+		name: 'Document Tree Item Action Create',
+		loader: () => import('./actions/action-document-create.element'),
+		weight: 100,
+		meta: {
+			trees: [documentTreeAlias],
+			label: 'Create',
+			icon: 'add',
+		},
+	},
+	{
+		type: 'treeItemAction',
+		alias: 'Umb.TreeItemAction.Document.Delete',
+		name: 'Document Tree Item Action Delete',
+		loader: () => import('./actions/action-document-delete.element'),
+		weight: 100,
+		meta: {
+			trees: [documentTreeAlias],
+			label: 'Delete',
+			icon: 'delete',
+		},
+	},
+	{
+		type: 'treeItemAction',
+		alias: 'Umb.TreeItemAction.Document.Paged',
+		name: 'Document Tree Item Action Paged',
+		loader: () => import('./actions/action-document-paged.element'),
+		weight: 100,
+		meta: {
+			trees: [documentTreeAlias],
+			label: 'Paged',
+			icon: 'favorite',
+		},
+	},
+];
+
+export const manifests = [tree, ...treeItemActions];
diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/trees/documents/tree-documents.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/trees/documents/tree-documents.element.ts
deleted file mode 100644
index 51acb13bb8..0000000000
--- a/src/Umbraco.Web.UI.Client/src/backoffice/trees/documents/tree-documents.element.ts
+++ /dev/null
@@ -1,73 +0,0 @@
-import { html } from 'lit';
-import { customElement } from 'lit/decorators.js';
-import { UmbTreeBase } from '../shared/tree-base.element';
-import type { ManifestTreeItemAction } from '@umbraco-cms/models';
-import { umbExtensionsRegistry } from '@umbraco-cms/extensions-registry';
-
-import '../shared/tree-navigator.element';
-@customElement('umb-tree-documents')
-export class UmbTreeDocumentsElement extends UmbTreeBase {
-	constructor() {
-		super();
-
-		this._registerTreeItemActions();
-	}
-
-	private _registerTreeItemActions() {
-		const dashboards: Array<ManifestTreeItemAction> = [
-			{
-				type: 'treeItemAction',
-				alias: 'Umb.TreeItemAction.Document.Create',
-				name: 'Document Tree Item Action Create',
-				loader: () => import('./actions/action-document-create.element'),
-				weight: 100,
-				meta: {
-					trees: ['Umb.Tree.Documents'],
-					label: 'Create',
-					icon: 'add',
-				},
-			},
-			{
-				type: 'treeItemAction',
-				alias: 'Umb.TreeItemAction.Document.Delete',
-				name: 'Document Tree Item Action Delete',
-				loader: () => import('./actions/action-document-delete.element'),
-				weight: 100,
-				meta: {
-					trees: ['Umb.Tree.Documents'],
-					label: 'Delete',
-					icon: 'delete',
-				},
-			},
-			{
-				type: 'treeItemAction',
-				alias: 'Umb.TreeItemAction.Document.Paged',
-				name: 'Document Tree Item Action Paged',
-				loader: () => import('./actions/action-document-paged.element'),
-				weight: 100,
-				meta: {
-					trees: ['Umb.Tree.Documents'],
-					label: 'Paged',
-					icon: 'favorite',
-				},
-			},
-		];
-
-		dashboards.forEach((dashboard) => {
-			if (umbExtensionsRegistry.isRegistered(dashboard.alias)) return;
-			umbExtensionsRegistry.register(dashboard);
-		});
-	}
-
-	render() {
-		return html`<umb-tree-navigator></umb-tree-navigator>`;
-	}
-}
-
-export default UmbTreeDocumentsElement;
-
-declare global {
-	interface HTMLElementTagNameMap {
-		'umb-tree-documents': UmbTreeDocumentsElement;
-	}
-}