Housekeeping / boilerplate

Adding `elementName` constant + linting

Author: leekelleher

src/packages/core/picker-input/picker-input.context.ts

@@ -99,6 +99,7 @@ export class UmbPickerInputContext<
 			content: 'Are you sure you want to remove this item',
 			confirmLabel: 'Remove',
 		});
+
 		this.#removeItem(unique);
 	}
 

src/packages/core/validation/controllers/form-control-validator.controller.ts

@@ -4,7 +4,7 @@ import type { UmbFormControlMixinInterface } from '../mixins/form-control.mixin.
 import { UmbValidationInvalidEvent } from '../events/validation-invalid.event.js';
 import { UmbValidationValidEvent } from '../events/validation-valid.event.js';
 import { UmbControllerBase } from '@umbraco-cms/backoffice/class-api';
-import type { UmbControllerAlias, UmbControllerHost } from '@umbraco-cms/backoffice/controller-api';
+import type { UmbControllerHost } from '@umbraco-cms/backoffice/controller-api';
 
 export class UmbFormControlValidator extends UmbControllerBase implements UmbValidator {
 	// The path to the data that this validator is validating.

src/packages/documents/documents/components/input-document/input-document.element.ts

@@ -2,15 +2,17 @@ import { UmbDocumentPickerContext } from './input-document.context.js';
 import { classMap, css, customElement, html, property, repeat, state } from '@umbraco-cms/backoffice/external/lit';
 import { splitStringToArray } from '@umbraco-cms/backoffice/utils';
 import { UmbChangeEvent } from '@umbraco-cms/backoffice/event';
+import { UmbFormControlMixin } from '@umbraco-cms/backoffice/validation';
 import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 import { UmbSorterController } from '@umbraco-cms/backoffice/sorter';
 import { UMB_WORKSPACE_MODAL } from '@umbraco-cms/backoffice/modal';
 import { UmbModalRouteRegistrationController } from '@umbraco-cms/backoffice/router';
 import type { UmbDocumentItemModel } from '@umbraco-cms/backoffice/document';
 import type { UmbTreeStartNode } from '@umbraco-cms/backoffice/tree';
-import { UmbFormControlMixin } from '@umbraco-cms/backoffice/validation';
 
-@customElement('umb-input-document')
+const elementName = 'umb-input-document';
+
+@customElement(elementName)
 export class UmbInputDocumentElement extends UmbFormControlMixin<string | undefined, typeof UmbLitElement>(
 	UmbLitElement,
 ) {
@@ -243,8 +245,10 @@ export class UmbInputDocumentElement extends UmbFormControlMixin<string | undefi
 	];
 }
 
+export { UmbInputDocumentElement as element };
+
 declare global {
 	interface HTMLElementTagNameMap {
-		'umb-input-document': UmbInputDocumentElement;
+		[elementName]: UmbInputDocumentElement;
 	}
 }

src/packages/members/member/components/input-member/input-member.element.ts

@@ -9,7 +9,9 @@ import { UmbModalRouteRegistrationController } from '@umbraco-cms/backoffice/rou
 import { UmbSorterController } from '@umbraco-cms/backoffice/sorter';
 import { UmbFormControlMixin } from '@umbraco-cms/backoffice/validation';
 
-@customElement('umb-input-member')
+const elementName = 'umb-input-member';
+
+@customElement(elementName)
 export class UmbInputMemberElement extends UmbFormControlMixin<string | undefined, typeof UmbLitElement>(
 	UmbLitElement,
 ) {
@@ -220,10 +222,10 @@ export class UmbInputMemberElement extends UmbFormControlMixin<string | undefine
 	];
 }
 
-export default UmbInputMemberElement;
+export { UmbInputMemberElement as element };
 
 declare global {
 	interface HTMLElementTagNameMap {
-		'umb-input-member': UmbInputMemberElement;
+		[elementName]: UmbInputMemberElement;
 	}
 }

src/packages/members/member/property-editor/member-picker/property-editor-ui-member-picker.element.ts

@@ -22,7 +22,7 @@ export class UmbPropertyEditorUIMemberPickerElement extends UmbLitElement implem
 	}
 
 	override render() {
-		return html` <umb-input-member min="0" max="1" .value=${this.value} @change=${this.#onChange}></umb-input-member> `;
+		return html`<umb-input-member min="0" max="1" .value=${this.value} @change=${this.#onChange}></umb-input-member>`;
 	}
 }
 

src/packages/property-editors/content-picker/components/input-content/input-content.element.ts

@@ -11,6 +11,7 @@ import { splitStringToArray } from '@umbraco-cms/backoffice/utils';
 import { UmbFormControlMixin } from '@umbraco-cms/backoffice/validation';
 
 const elementName = 'umb-input-content';
+
 @customElement(elementName)
 export class UmbInputContentElement extends UmbFormControlMixin<string | undefined, typeof UmbLitElement>(
 	UmbLitElement,
@@ -156,7 +157,7 @@ export class UmbInputContentElement extends UmbFormControlMixin<string | undefin
 	];
 }
 
-export default UmbInputContentElement;
+export { UmbInputContentElement as element };
 
 declare global {
 	interface HTMLElementTagNameMap {

src/packages/property-editors/content-picker/property-editor-ui-content-picker.element.ts

@@ -4,21 +4,23 @@ import type { UmbContentPickerSource, UmbContentPickerSourceType } from './types
 import { html, customElement, property, state } from '@umbraco-cms/backoffice/external/lit';
 import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 import { UmbPropertyValueChangeEvent } from '@umbraco-cms/backoffice/property-editor';
-import { UMB_ENTITY_WORKSPACE_CONTEXT } from '@umbraco-cms/backoffice/workspace';
-import type { UmbPropertyEditorConfigCollection } from '@umbraco-cms/backoffice/property-editor';
-import type { UmbPropertyEditorUiElement } from '@umbraco-cms/backoffice/extension-registry';
 import { UMB_DOCUMENT_ENTITY_TYPE } from '@umbraco-cms/backoffice/document';
+import { UMB_ENTITY_WORKSPACE_CONTEXT } from '@umbraco-cms/backoffice/workspace';
 import { UMB_MEDIA_ENTITY_TYPE } from '@umbraco-cms/backoffice/media';
 import { UMB_MEMBER_ENTITY_TYPE } from '@umbraco-cms/backoffice/member';
+import type { UmbPropertyEditorConfigCollection } from '@umbraco-cms/backoffice/property-editor';
+import type { UmbPropertyEditorUiElement } from '@umbraco-cms/backoffice/extension-registry';
 import type { UmbTreeStartNode } from '@umbraco-cms/backoffice/tree';
 
 // import of local component
 import './components/input-content/index.js';
 
+const elementName = 'umb-property-editor-ui-content-picker';
+
 /**
  * @element umb-property-editor-ui-content-picker
  */
-@customElement('umb-property-editor-ui-content-picker')
+@customElement(elementName)
 export class UmbPropertyEditorUIContentPickerElement extends UmbLitElement implements UmbPropertyEditorUiElement {
 	@property({ type: Array })
 	value: UmbInputContentElement['items'] = [];
@@ -118,10 +120,10 @@ export class UmbPropertyEditorUIContentPickerElement extends UmbLitElement imple
 	}
 }
 
-export default UmbPropertyEditorUIContentPickerElement;
+export { UmbPropertyEditorUIContentPickerElement as element };
 
 declare global {
 	interface HTMLElementTagNameMap {
-		'umb-property-editor-ui-content-picker': UmbPropertyEditorUIContentPickerElement;
+		[elementName]: UmbPropertyEditorUIContentPickerElement;
 	}
 }