From 7a22735b79bb5df74f64d8a1ee0d46114bf03379 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Niels=20Lyngs=C3=B8?= <niels.lyngso@gmail.com>
Date: Thu, 11 Jan 2024 13:22:30 +0100
Subject: [PATCH] rename media-type input with input first

---
 ...editor-ui-tree-picker-source-type-picker.element.ts |  8 ++++----
 .../src/packages/core/tree/tree.stories.ts             |  1 -
 .../src/packages/media/media-types/components/index.ts |  4 ++--
 .../input-media-type.context.ts}                       |  0
 .../input-media-type.element.ts}                       | 10 +++++-----
 .../media-type-workspace-view-structure.element.ts     |  8 ++++----
 6 files changed, 15 insertions(+), 16 deletions(-)
 rename src/Umbraco.Web.UI.Client/src/packages/media/media-types/components/{media-type-input/media-type-input.context.ts => input-media-type/input-media-type.context.ts} (100%)
 rename src/Umbraco.Web.UI.Client/src/packages/media/media-types/components/{media-type-input/media-type-input.element.ts => input-media-type/input-media-type.element.ts} (93%)

diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/property-editor/uis/tree-picker/config/source-type-picker/property-editor-ui-tree-picker-source-type-picker.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/property-editor/uis/tree-picker/config/source-type-picker/property-editor-ui-tree-picker-source-type-picker.element.ts
index f5a5570432..9811678b24 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/property-editor/uis/tree-picker/config/source-type-picker/property-editor-ui-tree-picker-source-type-picker.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/property-editor/uis/tree-picker/config/source-type-picker/property-editor-ui-tree-picker-source-type-picker.element.ts
@@ -1,5 +1,5 @@
 import { UmbDocumentTypeInputElement } from '@umbraco-cms/backoffice/document-type';
-import { UmbMediaTypeInputElement } from '@umbraco-cms/backoffice/media-type';
+import { UmbInputMediaTypeElement } from '@umbraco-cms/backoffice/media-type';
 import { UmbMemberTypeInputElement } from '@umbraco-cms/backoffice/member-type';
 import type { UmbTreePickerSource } from '@umbraco-cms/backoffice/components';
 import type { UmbPropertyEditorUiElement } from '@umbraco-cms/backoffice/extension-registry';
@@ -62,7 +62,7 @@ export class UmbPropertyEditorUITreePickerSourceTypePickerElement extends UmbLit
 				this.value = (<UmbDocumentTypeInputElement>event.target).selectedIds;
 				break;
 			case 'media':
-				this.value = (<UmbMediaTypeInputElement>event.target).selectedIds;
+				this.value = (<UmbInputMediaTypeElement>event.target).selectedIds;
 				break;
 			case 'member':
 				this.value = (<UmbMemberTypeInputElement>event.target).selectedIds;
@@ -98,9 +98,9 @@ export class UmbPropertyEditorUITreePickerSourceTypePickerElement extends UmbLit
 	}
 
 	#renderTypeMedia() {
-		return html`<umb-media-type-input
+		return html`<umb-input-media-type
 			@change=${this.#onChange}
-			.selectedIds=${this.value || []}></umb-media-type-input>`;
+			.selectedIds=${this.value || []}></umb-input-media-type>`;
 	}
 
 	#renderTypeMember() {
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/tree/tree.stories.ts b/src/Umbraco.Web.UI.Client/src/packages/core/tree/tree.stories.ts
index 2f9e0d7be8..b9874fd8f3 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/tree/tree.stories.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/tree/tree.stories.ts
@@ -14,6 +14,5 @@ type Story = StoryObj<UmbTreeElement>;
 export const Overview: Story = {
 	args: {
 		alias: 'Umb.Tree.Document',
-		selectable: true,
 	},
 };
diff --git a/src/Umbraco.Web.UI.Client/src/packages/media/media-types/components/index.ts b/src/Umbraco.Web.UI.Client/src/packages/media/media-types/components/index.ts
index df9290d984..5952801b2b 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/media/media-types/components/index.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/media/media-types/components/index.ts
@@ -1,3 +1,3 @@
-import './media-type-input/media-type-input.element.js';
+import './input-media-type/input-media-type.element.js';
 
-export * from './media-type-input/media-type-input.element.js';
+export * from './input-media-type/input-media-type.element.js';
diff --git a/src/Umbraco.Web.UI.Client/src/packages/media/media-types/components/media-type-input/media-type-input.context.ts b/src/Umbraco.Web.UI.Client/src/packages/media/media-types/components/input-media-type/input-media-type.context.ts
similarity index 100%
rename from src/Umbraco.Web.UI.Client/src/packages/media/media-types/components/media-type-input/media-type-input.context.ts
rename to src/Umbraco.Web.UI.Client/src/packages/media/media-types/components/input-media-type/input-media-type.context.ts
diff --git a/src/Umbraco.Web.UI.Client/src/packages/media/media-types/components/media-type-input/media-type-input.element.ts b/src/Umbraco.Web.UI.Client/src/packages/media/media-types/components/input-media-type/input-media-type.element.ts
similarity index 93%
rename from src/Umbraco.Web.UI.Client/src/packages/media/media-types/components/media-type-input/media-type-input.element.ts
rename to src/Umbraco.Web.UI.Client/src/packages/media/media-types/components/input-media-type/input-media-type.element.ts
index 94e0008525..8f946fc4f0 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/media/media-types/components/media-type-input/media-type-input.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/media/media-types/components/input-media-type/input-media-type.element.ts
@@ -1,12 +1,12 @@
-import { UmbMediaTypePickerContext } from './media-type-input.context.js';
+import { UmbMediaTypePickerContext } from './input-media-type.context.js';
 import { css, html, customElement, property, state, ifDefined } from '@umbraco-cms/backoffice/external/lit';
 import { FormControlMixin } from '@umbraco-cms/backoffice/external/uui';
 import { UmbLitElement } from '@umbraco-cms/internal/lit-element';
 import type { MediaTypeItemResponseModel } from '@umbraco-cms/backoffice/backend-api';
 import { splitStringToArray } from '@umbraco-cms/backoffice/utils';
 
-@customElement('umb-media-type-input')
-export class UmbMediaTypeInputElement extends FormControlMixin(UmbLitElement) {
+@customElement('umb-input-media-type')
+export class UmbInputMediaTypeElement extends FormControlMixin(UmbLitElement) {
 	/**
 	 * This is a minimum amount of selected items in this input.
 	 * @type {number}
@@ -138,10 +138,10 @@ export class UmbMediaTypeInputElement extends FormControlMixin(UmbLitElement) {
 	];
 }
 
-export default UmbMediaTypeInputElement;
+export default UmbInputMediaTypeElement;
 
 declare global {
 	interface HTMLElementTagNameMap {
-		'umb-media-type-input': UmbMediaTypeInputElement;
+		'umb-input-media-type': UmbInputMediaTypeElement;
 	}
 }
diff --git a/src/Umbraco.Web.UI.Client/src/packages/media/media-types/workspace/views/structure/media-type-workspace-view-structure.element.ts b/src/Umbraco.Web.UI.Client/src/packages/media/media-types/workspace/views/structure/media-type-workspace-view-structure.element.ts
index 69159f4a50..63aa48f2e5 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/media/media-types/workspace/views/structure/media-type-workspace-view-structure.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/media/media-types/workspace/views/structure/media-type-workspace-view-structure.element.ts
@@ -1,5 +1,5 @@
 import { UmbMediaTypeWorkspaceContext } from '../../media-type-workspace.context.js';
-import type { UmbMediaTypeInputElement } from '../../../components/media-type-input/media-type-input.element.js';
+import type { UmbInputMediaTypeElement } from '../../../components/input-media-type/input-media-type.element.js';
 import { css, html, customElement, state } from '@umbraco-cms/backoffice/external/lit';
 import { UmbTextStyles } from '@umbraco-cms/backoffice/style';
 import type { UUIToggleElement } from '@umbraco-cms/backoffice/external/uui';
@@ -59,16 +59,16 @@ export class UmbMediaTypeWorkspaceViewStructureElement extends UmbLitElement imp
 					</div>
 					<div slot="editor">
 						<!-- TODO: maybe we want to somehow display the hierarchy, but not necessary in the same way as old backoffice? -->
-						<umb-media-type-input
+						<umb-input-media-type
 							.selectedIds=${this._allowedContentTypeIDs ?? []}
 							@change="${(e: CustomEvent) => {
-								const sortedContentTypesList = (e.target as UmbMediaTypeInputElement).selectedIds.map((id, index) => ({
+								const sortedContentTypesList = (e.target as UmbInputMediaTypeElement).selectedIds.map((id, index) => ({
 									id: id,
 									sortOrder: index,
 								}));
 								this.#workspaceContext?.updateProperty('allowedContentTypes', sortedContentTypesList);
 							}}">
-						</umb-media-type-input>
+						</umb-input-media-type>
 					</div>
 				</umb-property-layout>
 			</uui-box>