yv01p/Umbraco-CMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: rename component for filesize

Browse Source
This commit is contained in:
Jacob Overgaard
2024-07-25 18:12:13 +02:00
parent c2fbb54f03
commit 6619ddac5c
4 changed files with 16 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/Umbraco.Web.UI.Client/src/packages/tiny-mce/property-editors/manifests.ts
View File

@@ -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',

13
src/Umbraco.Web.UI.Client/src/packages/tiny-mce/property-editors/max-image-size/property-editor-ui-tiny-mce-maximagesize-configuration.element.ts → src/Umbraco.Web.UI.Client/src/packages/tiny-mce/property-editors/max-image-size/property-editor-ui-tiny-mce-maximagesize.element.ts
View File

@@ -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;
}
}

11
src/Umbraco.Web.UI.Client/src/packages/tiny-mce/property-editors/max-image-size/property-editor-ui-tiny-mce-maximagesize-configuration.stories.ts → src/Umbraco.Web.UI.Client/src/packages/tiny-mce/property-editors/max-image-size/property-editor-ui-tiny-mce-maximagesize.stories.ts
View File

@@ -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,

10
src/Umbraco.Web.UI.Client/src/packages/tiny-mce/property-editors/max-image-size/property-editor-ui-tiny-mce-maximagesize-configuration.test.ts → src/Umbraco.Web.UI.Client/src/packages/tiny-mce/property-editors/max-image-size/property-editor-ui-tiny-mce-maximagesize.test.ts
View File

@@ -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) {