From 21afdd6ceb3a5c73ce4ea1236872c98b102b8bc3 Mon Sep 17 00:00:00 2001
From: leekelleher <leekelleher@gmail.com>
Date: Thu, 4 Apr 2024 11:18:46 +0100
Subject: [PATCH] Package Builder: DocumentType Picker

---
 .../workspace-package-builder.element.ts       | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/packages/packages/package-builder/workspace/workspace-package-builder.element.ts b/src/Umbraco.Web.UI.Client/src/packages/packages/package-builder/workspace/workspace-package-builder.element.ts
index c49b8f68f8..3e76167027 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/packages/package-builder/workspace/workspace-package-builder.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/packages/package-builder/workspace/workspace-package-builder.element.ts
@@ -176,10 +176,7 @@ export class UmbWorkspacePackageBuilderElement extends UmbLitElement {
 			<uui-box headline="Package Content">
 				${this.#renderDocumentSection()}
 				${this.#renderMediaSection()}
-
-			<umb-property-layout label="Document Types" description="">
 				${this.#renderDocumentTypeSection()}
-			</umb-property-layout>
 
 			<umb-property-layout label="Media Types" description=""> ${this.#renderMediaTypeSection()} </umb-property-layout>
 
@@ -271,9 +268,18 @@ export class UmbWorkspacePackageBuilderElement extends UmbLitElement {
 	}
 
 	#renderDocumentTypeSection() {
-		return html`<div slot="editor">
-			<umb-input-checkbox-list></umb-input-checkbox-list>
-		</div>`;
+		if (!this._package) return nothing;
+		return html`
+			<umb-property-layout label="Document Types">
+				<div slot="editor">
+					<umb-input-document-type
+						.selection=${this._package.documentTypes ?? []}
+						@change=${(e: CustomEvent) =>
+							(this._package!.documentTypes = (e.target as UmbInputDocumentTypeElement).selection)}>
+					</umb-input-document-type>
+				</div>
+			</umb-property-layout>
+		`;
 	}
 
 	#renderMediaTypeSection() {