rename data type workspace

src/Umbraco.Web.UI.Client/src/backoffice/settings/data-types/workspace/data-type-workspace.element.ts

@@ -3,15 +3,15 @@ import { UUITextStyles } from '@umbraco-ui/uui-css/lib';
 import { css, html } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
 import { distinctUntilChanged } from 'rxjs';
-import { UmbWorkspaceDataTypeContext } from './workspace-data-type.context';
+import { UmbWorkspaceDataTypeContext } from './data-type-workspace.context';
 import { UmbLitElement } from '@umbraco-cms/element';
 
 /**
- *  @element umb-workspace-data-type
+ *  @element umb-data-type-workspace
  *  @description - Element for displaying a Data Type Workspace
  */
-@customElement('umb-workspace-data-type')
-export class UmbWorkspaceDataTypeElement extends UmbLitElement {
+@customElement('umb-data-type-workspace')
+export class UmbDataTypeWorkspaceElement extends UmbLitElement {
 	static styles = [
 		UUITextStyles,
 		css`
@@ -85,6 +85,6 @@ export default UmbWorkspaceDataTypeElement;
 
 declare global {
 	interface HTMLElementTagNameMap {
-		'umb-workspace-data-type': UmbWorkspaceDataTypeElement;
+		'umb-data-type-workspace': UmbWorkspaceDataTypeElement;
 	}
 }

src/Umbraco.Web.UI.Client/src/backoffice/settings/data-types/workspace/data-type-workspace.stories.ts

@@ -1,18 +1,18 @@
-import './workspace-data-type.element';
+import './data-type-workspace.element';
 
 import { Meta, Story } from '@storybook/web-components';
 import { html } from 'lit-html';
 
 import { data } from '../../../../core/mocks/data/data-type.data';
 
-import type { UmbWorkspaceDataTypeElement } from './workspace-data-type.element';
+import type { UmbWorkspaceDataTypeElement } from './data-type-workspace.element';
 
 export default {
 	title: 'Workspaces/Data Type',
-	component: 'umb-workspace-data-type',
-	id: 'umb-workspace-data-type',
+	component: 'umb-data-type-workspace',
+	id: 'umb-data-type-workspace',
 } as Meta;
 
 export const AAAOverview: Story<UmbWorkspaceDataTypeElement> = () =>
-	html` <umb-workspace-data-type id="${data[0].key}"></umb-workspace-data-type>`;
+	html` <umb-data-type-workspace id="${data[0].key}"></umb-data-type-workspace>`;
 AAAOverview.storyName = 'Overview';

src/Umbraco.Web.UI.Client/src/backoffice/settings/data-types/workspace/manifests.ts

@@ -4,7 +4,7 @@ const workspace: ManifestWorkspace = {
 	type: 'workspace',
 	alias: 'Umb.Workspace.DataType',
 	name: 'Data Type Workspace',
-	loader: () => import('./workspace-data-type.element'),
+	loader: () => import('./data-type-workspace.element'),
 	meta: {
 		entityType: 'data-type',
 	},
@@ -15,7 +15,7 @@ const workspaceViews: Array<ManifestWorkspaceView> = [
 		type: 'workspaceView',
 		alias: 'Umb.WorkspaceView.DataType.Edit',
 		name: 'Data Type Workspace Edit View',
-		loader: () => import('./views/edit/workspace-view-data-type-edit.element'),
+		loader: () => import('./views/edit/data-type-workspace-view-edit.element'),
 		weight: 90,
 		meta: {
 			workspaces: ['Umb.Workspace.DataType'],

src/Umbraco.Web.UI.Client/src/backoffice/settings/data-types/workspace/views/edit/data-type-workspace-view-edit.element.ts

@@ -1,17 +1,17 @@
 import { UUITextStyles } from '@umbraco-ui/uui-css/lib';
 import { css, html, nothing } from 'lit';
 import { customElement, state } from 'lit/decorators.js';
-import { UmbLitElement } from '@umbraco-cms/element';
 import { UmbModalService } from '../../../../../../core/modal';
-import { UmbWorkspaceDataTypeContext } from '../../workspace-data-type.context';
+import { UmbWorkspaceDataTypeContext } from '../../data-type-workspace.context';
+import { UmbLitElement } from '@umbraco-cms/element';
 import type { DataTypeDetails } from '@umbraco-cms/models';
 import { umbExtensionsRegistry } from '@umbraco-cms/extensions-registry';
 
 import '../../../../../shared/property-editors/shared/property-editor-config/property-editor-config.element';
 import '../../../../../shared/components/ref-property-editor-ui/ref-property-editor-ui.element';
 
-@customElement('umb-workspace-view-data-type-edit')
-export class UmbWorkspaceViewDataTypeEditElement extends UmbLitElement {
+@customElement('umb-data-type-workspace-view-edit')
+export class UmbDataTypeWorkspaceViewEditElement extends UmbLitElement {
 	static styles = [
 		UUITextStyles,
 		css`
@@ -164,10 +164,10 @@ export class UmbWorkspaceViewDataTypeEditElement extends UmbLitElement {
 	}
 }
 
-export default UmbWorkspaceViewDataTypeEditElement;
+export default UmbDataTypeWorkspaceViewEditElement;
 
 declare global {
 	interface HTMLElementTagNameMap {
-		'umb-workspace-view-data-type-edit': UmbWorkspaceViewDataTypeEditElement;
+		'umb-data-type-workspace-view-edit': UmbDataTypeWorkspaceViewEditElement;
 	}
 }

src/Umbraco.Web.UI.Client/src/backoffice/settings/data-types/workspace/views/edit/data-type-workspace-view-edit.stories.ts

@@ -3,15 +3,15 @@ import { html } from 'lit-html';
 
 //import { data } from '../../../../../core/mocks/data/data-type.data';
 
-import type { UmbWorkspaceViewDataTypeEditElement } from './workspace-view-data-type-edit.element';
+import type { UmbDataTypeWorkspaceViewEditElement } from './data-type-workspace-view-edit.element';
 
-import './workspace-view-data-type-edit.element';
+import './data-type-workspace-view-edit.element';
 //import { UmbWorkspaceDataTypeContext } from '../../workspace-data-type.context';
 
 export default {
 	title: 'Workspaces/Data Type/Views/Edit',
-	component: 'umb-workspace-view-data-type-edit',
-	id: 'umb-workspace-view-data-type-edit',
+	component: 'umb-data-type-workspace-view-edit',
+	id: 'umb-data-type-workspace-view-edit',
 	decorators: [
 		(story) => {
 			return html`TODO: make use of mocked workspace context??`;
@@ -22,6 +22,6 @@ export default {
 	],
 } as Meta;
 
-export const AAAOverview: Story<UmbWorkspaceViewDataTypeEditElement> = () =>
-	html` <umb-workspace-view-data-type-edit></umb-workspace-view-data-type-edit>`;
+export const AAAOverview: Story<UmbDataTypeWorkspaceViewEditElement> = () =>
+	html` <umb-data-type-workspace-view-edit></umb-data-type-workspace-view-edit>`;
 AAAOverview.storyName = 'Overview';

src/Umbraco.Web.UI.Client/src/backoffice/settings/data-types/workspace/views/info/workspace-view-data-type-info.element.ts

@@ -2,7 +2,7 @@ import { UUITextStyles } from '@umbraco-ui/uui-css/lib';
 import { css, html } from 'lit';
 import { customElement, state } from 'lit/decorators.js';
 import { distinctUntilChanged } from 'rxjs';
-import { UmbWorkspaceDataTypeContext } from '../../workspace-data-type.context';
+import { UmbWorkspaceDataTypeContext } from '../../data-type-workspace.context';
 import type { DataTypeDetails } from '@umbraco-cms/models';
 import { UmbLitElement } from '@umbraco-cms/element';
 
@@ -29,7 +29,7 @@ export class UmbWorkspaceViewDataTypeInfoElement extends UmbLitElement {
 
 		this.observe(this._workspaceContext.data.pipe(distinctUntilChanged()), (dataType) => {
 			if(!dataType) return;
-			
+
 			// TODO: handle if model is not of the type wanted.
 			// TODO: Make method to identify wether data is of type DataTypeDetails
 			this._dataType = (dataType as DataTypeDetails);