From 6619ddac5c1c774fc680a11f2c0c954676aba42d Mon Sep 17 00:00:00 2001 From: Jacob Overgaard <752371+iOvergaard@users.noreply.github.com> Date: Thu, 25 Jul 2024 18:12:13 +0200 Subject: [PATCH] chore: rename component for filesize --- .../packages/tiny-mce/property-editors/manifests.ts | 2 +- ...erty-editor-ui-tiny-mce-maximagesize.element.ts} | 13 +++++-------- ...erty-editor-ui-tiny-mce-maximagesize.stories.ts} | 11 +++++------ ...roperty-editor-ui-tiny-mce-maximagesize.test.ts} | 10 +++++----- 4 files changed, 16 insertions(+), 20 deletions(-) rename src/Umbraco.Web.UI.Client/src/packages/tiny-mce/property-editors/max-image-size/{property-editor-ui-tiny-mce-maximagesize-configuration.element.ts => property-editor-ui-tiny-mce-maximagesize.element.ts} (64%) rename src/Umbraco.Web.UI.Client/src/packages/tiny-mce/property-editors/max-image-size/{property-editor-ui-tiny-mce-maximagesize-configuration.stories.ts => property-editor-ui-tiny-mce-maximagesize.stories.ts} (57%) rename src/Umbraco.Web.UI.Client/src/packages/tiny-mce/property-editors/max-image-size/{property-editor-ui-tiny-mce-maximagesize-configuration.test.ts => property-editor-ui-tiny-mce-maximagesize.test.ts} (54%) diff --git a/src/Umbraco.Web.UI.Client/src/packages/tiny-mce/property-editors/manifests.ts b/src/Umbraco.Web.UI.Client/src/packages/tiny-mce/property-editors/manifests.ts index ecc90270b5..a739d74519 100644 --- a/src/Umbraco.Web.UI.Client/src/packages/tiny-mce/property-editors/manifests.ts +++ b/src/Umbraco.Web.UI.Client/src/packages/tiny-mce/property-editors/manifests.ts @@ -42,7 +42,7 @@ export const manifests: Array = [ 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', diff --git a/src/Umbraco.Web.UI.Client/src/packages/tiny-mce/property-editors/max-image-size/property-editor-ui-tiny-mce-maximagesize-configuration.element.ts b/src/Umbraco.Web.UI.Client/src/packages/tiny-mce/property-editors/max-image-size/property-editor-ui-tiny-mce-maximagesize.element.ts similarity index 64% rename from src/Umbraco.Web.UI.Client/src/packages/tiny-mce/property-editors/max-image-size/property-editor-ui-tiny-mce-maximagesize-configuration.element.ts rename to src/Umbraco.Web.UI.Client/src/packages/tiny-mce/property-editors/max-image-size/property-editor-ui-tiny-mce-maximagesize.element.ts index 30f465b065..685511c569 100644 --- a/src/Umbraco.Web.UI.Client/src/packages/tiny-mce/property-editors/max-image-size/property-editor-ui-tiny-mce-maximagesize-configuration.element.ts +++ b/src/Umbraco.Web.UI.Client/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; } } diff --git a/src/Umbraco.Web.UI.Client/src/packages/tiny-mce/property-editors/max-image-size/property-editor-ui-tiny-mce-maximagesize-configuration.stories.ts b/src/Umbraco.Web.UI.Client/src/packages/tiny-mce/property-editors/max-image-size/property-editor-ui-tiny-mce-maximagesize.stories.ts similarity index 57% rename from src/Umbraco.Web.UI.Client/src/packages/tiny-mce/property-editors/max-image-size/property-editor-ui-tiny-mce-maximagesize-configuration.stories.ts rename to src/Umbraco.Web.UI.Client/src/packages/tiny-mce/property-editors/max-image-size/property-editor-ui-tiny-mce-maximagesize.stories.ts index a8af4a4be1..714136611c 100644 --- a/src/Umbraco.Web.UI.Client/src/packages/tiny-mce/property-editors/max-image-size/property-editor-ui-tiny-mce-maximagesize-configuration.stories.ts +++ b/src/Umbraco.Web.UI.Client/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``; + html``; AAAOverview.storyName = 'Overview'; AAAOverview.args = { value: dataTypeData?.values?.find((x) => x.alias === 'maxImageSize')?.value, diff --git a/src/Umbraco.Web.UI.Client/src/packages/tiny-mce/property-editors/max-image-size/property-editor-ui-tiny-mce-maximagesize-configuration.test.ts b/src/Umbraco.Web.UI.Client/src/packages/tiny-mce/property-editors/max-image-size/property-editor-ui-tiny-mce-maximagesize.test.ts similarity index 54% rename from src/Umbraco.Web.UI.Client/src/packages/tiny-mce/property-editors/max-image-size/property-editor-ui-tiny-mce-maximagesize-configuration.test.ts rename to src/Umbraco.Web.UI.Client/src/packages/tiny-mce/property-editors/max-image-size/property-editor-ui-tiny-mce-maximagesize.test.ts index 7f4c5b411f..2edf9abbf9 100644 --- a/src/Umbraco.Web.UI.Client/src/packages/tiny-mce/property-editors/max-image-size/property-editor-ui-tiny-mce-maximagesize-configuration.test.ts +++ b/src/Umbraco.Web.UI.Client/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` - + `); }); 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) {