chore: optimise the path length of the property-editor-ui-image-crops-configuration element

Author: iOvergaard

src/packages/media/media/property-editors/image-crops-configuration/index.ts

@@ -0,0 +1 @@
+export * from './property-editor-ui-image-crops.element.js';

src/packages/media/media/property-editors/image-crops-configuration/property-editor-ui-image-crops-configuration.stories.ts

@@ -3,8 +3,8 @@ import type { ManifestPropertyEditorUi } from '@umbraco-cms/backoffice/extension
 export const manifest: ManifestPropertyEditorUi = {
 	type: 'propertyEditorUi',
 	alias: 'Umb.PropertyEditorUi.ImageCropsConfiguration',
-	name: 'Image Crops Configuration Property Editor UI',
-	element: () => import('./property-editor-ui-image-crops-configuration.element.js'),
+	name: 'Image Crops Property Editor UI',
+	element: () => import('./property-editor-ui-image-crops.element.js'),
 	meta: {
 		label: 'Image Crops Configuration',
 		icon: 'icon-autofill',

src/packages/media/media/property-editors/image-crops/index.ts

@@ -13,13 +13,10 @@ export type UmbCrop = {
 };
 
 /**
- * @element umb-property-editor-ui-image-crops-configuration
+ * @element umb-property-editor-ui-image-crops
  */
-@customElement('umb-property-editor-ui-image-crops-configuration')
-export class UmbPropertyEditorUIImageCropsConfigurationElement
-	extends UmbLitElement
-	implements UmbPropertyEditorUiElement
-{
+@customElement('umb-property-editor-ui-image-crops')
+export class UmbPropertyEditorUIImageCropsElement extends UmbLitElement implements UmbPropertyEditorUiElement {
 	@query('#label')
 	private _labelInput!: HTMLInputElement;
 
@@ -244,10 +241,10 @@ export class UmbPropertyEditorUIImageCropsConfigurationElement
 	];
 }
 
-export default UmbPropertyEditorUIImageCropsConfigurationElement;
+export default UmbPropertyEditorUIImageCropsElement;
 
 declare global {
 	interface HTMLElementTagNameMap {
-		'umb-property-editor-ui-image-crops-configuration': UmbPropertyEditorUIImageCropsConfigurationElement;
+		'umb-property-editor-ui-image-crops': UmbPropertyEditorUIImageCropsElement;
 	}
 }

src/packages/media/media/property-editors/image-crops-configuration/manifests.ts renamed to src/packages/media/media/property-editors/image-crops/manifests.ts

@@ -0,0 +1,15 @@
+import type { UmbPropertyEditorUIImageCropsElement } from './property-editor-ui-image-crops.element.js';
+import type { Meta, StoryObj } from '@storybook/web-components';
+
+import './property-editor-ui-image-crops.element.js';
+
+const meta: Meta<UmbPropertyEditorUIImageCropsElement> = {
+	title: 'Property Editor UIs/Image Crops',
+	id: 'umb-property-editor-ui-image-crops',
+	component: 'umb-property-editor-ui-image-crops',
+};
+
+export default meta;
+type Story = StoryObj<UmbPropertyEditorUIImageCropsElement>;
+
+export const Overview: Story = {};

src/packages/media/media/property-editors/image-crops-configuration/property-editor-ui-image-crops-configuration.element.ts renamed to src/packages/media/media/property-editors/image-crops/property-editor-ui-image-crops.element.ts

@@ -1,19 +1,17 @@
-import { UmbPropertyEditorUIImageCropsConfigurationElement } from './property-editor-ui-image-crops-configuration.element.js';
+import { UmbPropertyEditorUIImageCropsElement } from './property-editor-ui-image-crops.element.js';
 import { expect, fixture, html } from '@open-wc/testing';
 import type { UmbTestRunnerWindow } from '@umbraco-cms/internal/test-utils';
 //import { type UmbTestRunnerWindow, defaultA11yConfig } from '@umbraco-cms/internal/test-utils';
 
-describe('UmbPropertyEditorUIImageCropsConfigurationElement', () => {
-	let element: UmbPropertyEditorUIImageCropsConfigurationElement;
+describe('UmbPropertyEditorUIImageCropsElement', () => {
+	let element: UmbPropertyEditorUIImageCropsElement;
 
 	beforeEach(async () => {
-		element = await fixture(html`
-			<umb-property-editor-ui-image-crops-configuration></umb-property-editor-ui-image-crops-configuration>
-		`);
+		element = await fixture(html` <umb-property-editor-ui-image-crops-></umb-property-editor-ui-image-crops-> `);
 	});
 
 	it('is defined with its own instance', () => {
-		expect(element).to.be.instanceOf(UmbPropertyEditorUIImageCropsConfigurationElement);
+		expect(element).to.be.instanceOf(UmbPropertyEditorUIImageCropsElement);
 	});
 
 	/*

src/packages/media/media/property-editors/image-crops/property-editor-ui-image-crops.stories.ts

@@ -1,5 +1,5 @@
 export * from './image-cropper/index.js';
-export * from './image-crops-configuration/index.js';
+export * from './image-crops/index.js';
 export * from './media-entity-picker/index.js';
 export * from './media-picker/index.js';
 export * from './upload-field/index.js';

src/packages/media/media/property-editors/image-crops-configuration/property-editor-ui-image-crops-configuration.test.ts renamed to src/packages/media/media/property-editors/image-crops/property-editor-ui-image-crops.test.ts

@@ -1,4 +1,4 @@
-import { manifest as imageCropsConfiguration } from './image-crops-configuration/manifests.js';
+import { manifest as imageCropsConfiguration } from './image-crops/manifests.js';
 import { manifest as mediaEntityPicker } from './media-entity-picker/manifests.js';
 import { manifests as imageCropperManifests } from './image-cropper/manifests.js';
 import { manifests as mediaPickerManifests } from './media-picker/manifests.js';