chore: rename component for filesize

Author: iOvergaard

src/packages/tiny-mce/property-editors/manifests.ts

@@ -42,7 +42,7 @@ export const manifests: Array<ManifestTypes> = [
 		type: 'propertyEditorUi',
 		alias: 'Umb.PropertyEditorUI.TinyMCE.MaxImageSizeConfiguration',
 		name: 'TinyMCE Max Image Size Property Editor UI',
-		js: () => import('./max-image-size/property-editor-ui-tiny-mce-maximagesize-configuration.element.js'),
+		js: () => import('./max-image-size/property-editor-ui-tiny-mce-maximagesize.element.js'),
 		meta: {
 			label: 'TinyMCE Max Image Size Configuration',
 			icon: 'icon-autofill',

src/packages/tiny-mce/property-editors/max-image-size/property-editor-ui-tiny-mce-maximagesize-configuration.element.ts renamed to src/packages/tiny-mce/property-editors/max-image-size/property-editor-ui-tiny-mce-maximagesize.element.ts

@@ -5,13 +5,10 @@ import type { UmbPropertyEditorUiElement } from '@umbraco-cms/backoffice/extensi
 import type { UUIInputEvent } from '@umbraco-cms/backoffice/external/uui';
 
 /**
- * @element umb-property-editor-ui-tiny-mce-maximagesize-configuration
+ * @element umb-property-editor-ui-tiny-mce-maximagesize
  */
-@customElement('umb-property-editor-ui-tiny-mce-maximagesize-configuration')
-export class UmbPropertyEditorUITinyMceMaxImageSizeConfigurationElement
-	extends UmbLitElement
-	implements UmbPropertyEditorUiElement
-{
+@customElement('umb-property-editor-ui-tiny-mce-maximagesize')
+export class UmbPropertyEditorUITinyMceMaxImageSizeElement extends UmbLitElement implements UmbPropertyEditorUiElement {
 	@property({ type: Number })
 	value: number = 0;
 
@@ -34,10 +31,10 @@ export class UmbPropertyEditorUITinyMceMaxImageSizeConfigurationElement
 	}
 }
 
-export default UmbPropertyEditorUITinyMceMaxImageSizeConfigurationElement;
+export default UmbPropertyEditorUITinyMceMaxImageSizeElement;
 
 declare global {
 	interface HTMLElementTagNameMap {
-		'umb-property-editor-ui-tiny-mce-maximagesize-configuration': UmbPropertyEditorUITinyMceMaxImageSizeConfigurationElement;
+		'umb-property-editor-ui-tiny-mce-maximagesize': UmbPropertyEditorUITinyMceMaxImageSizeElement;
 	}
 }

src/packages/tiny-mce/property-editors/max-image-size/property-editor-ui-tiny-mce-maximagesize-configuration.stories.ts renamed to src/packages/tiny-mce/property-editors/max-image-size/property-editor-ui-tiny-mce-maximagesize.stories.ts

@@ -1,20 +1,19 @@
 import { umbDataTypeMockDb } from '../../../../mocks/data/data-type/data-type.db.js';
 import type { Meta } from '@storybook/web-components';
 import { html } from '@umbraco-cms/backoffice/external/lit';
-import './property-editor-ui-tiny-mce-maximagesize-configuration.element.js';
+import './property-editor-ui-tiny-mce-maximagesize.element.js';
 import type { UmbDataTypeDetailModel } from '@umbraco-cms/backoffice/data-type';
 
 const dataTypeData = umbDataTypeMockDb.read('dt-richTextEditor') as unknown as UmbDataTypeDetailModel;
 
 export default {
-	title: 'Property Editor UIs/Tiny Mce Max Image Size Configuration',
-	component: 'umb-property-editor-ui-tiny-mce-maximagesize-configuration',
-	id: 'umb-property-editor-ui-tiny-mce-maximagesize-configuration',
+	title: 'Property Editor UIs/Tiny Mce Max Image Size',
+	component: 'umb-property-editor-ui-tiny-mce-maximagesize',
+	id: 'umb-property-editor-ui-tiny-mce-maximagesize',
 } as Meta;
 
 export const AAAOverview = ({ value }: any) =>
-	html`<umb-property-editor-ui-tiny-mce-maximagesize-configuration
-		.value=${value}></umb-property-editor-ui-tiny-mce-maximagesize-configuration>`;
+	html`<umb-property-editor-ui-tiny-mce-maximagesize .value=${value}></umb-property-editor-ui-tiny-mce-maximagesize>`;
 AAAOverview.storyName = 'Overview';
 AAAOverview.args = {
 	value: dataTypeData?.values?.find((x) => x.alias === 'maxImageSize')?.value,

src/packages/tiny-mce/property-editors/max-image-size/property-editor-ui-tiny-mce-maximagesize-configuration.test.ts renamed to src/packages/tiny-mce/property-editors/max-image-size/property-editor-ui-tiny-mce-maximagesize.test.ts

@@ -1,18 +1,18 @@
-import { UmbPropertyEditorUITinyMceMaxImageSizeConfigurationElement } from './property-editor-ui-tiny-mce-maximagesize-configuration.element.js';
+import { UmbPropertyEditorUITinyMceMaxImageSizeElement } from './property-editor-ui-tiny-mce-maximagesize.element.js';
 import { expect, fixture, html } from '@open-wc/testing';
 import { type UmbTestRunnerWindow, defaultA11yConfig } from '@umbraco-cms/internal/test-utils';
 
-describe('UmbPropertyEditorUITinyMceMaxImSizeConfigurationElement', () => {
-	let element: UmbPropertyEditorUITinyMceMaxImageSizeConfigurationElement;
+describe('UmbPropertyEditorUITinyMceMaxImSizeElement', () => {
+	let element: UmbPropertyEditorUITinyMceMaxImageSizeElement;
 
 	beforeEach(async () => {
 		element = await fixture(html`
-			<umb-property-editor-ui-tiny-mce-maximagesize-configuration></umb-property-editor-ui-tiny-mce-maximagesize-configuration>
+			<umb-property-editor-ui-tiny-mce-maximagesize></umb-property-editor-ui-tiny-mce-maximagesize>
 		`);
 	});
 
 	it('is defined with its own instance', () => {
-		expect(element).to.be.instanceOf(UmbPropertyEditorUITinyMceMaxImageSizeConfigurationElement);
+		expect(element).to.be.instanceOf(UmbPropertyEditorUITinyMceMaxImageSizeElement);
 	});
 
 	if ((window as UmbTestRunnerWindow).__UMBRACO_TEST_RUN_A11Y_TEST) {