move textarea and textbox + align naming

This commit is contained in:
Mads Rasmussen
2022-09-30 15:23:52 +02:00
parent 2f29fef2f0
commit c0d82eb210
11 changed files with 46 additions and 47 deletions

View File

@@ -15,6 +15,6 @@ export const AAAOverview: Story<UmbEntityPropertyElement> = () =>
label="Property"
description="Description"
alias="textProperty"
property-editor-ui-alias="Umb.PropertyEditorUI.Text"
property-editor-ui-alias="Umb.PropertyEditorUI.TextBox"
.value="${'Hello'}"></umb-entity-property>`;
AAAOverview.storyName = 'Overview';

View File

@@ -2,8 +2,8 @@ import { css, html, LitElement } from 'lit';
import { UUITextStyles } from '@umbraco-ui/uui-css/lib';
import { customElement, property } from 'lit/decorators.js';
@customElement('umb-property-editor-text')
export class UmbPropertyEditorTextElement extends LitElement {
@customElement('umb-property-editor-ui-text-box')
export class UmbPropertyEditorUITextBoxElement extends LitElement {
static styles = [
UUITextStyles,
css`
@@ -29,10 +29,10 @@ export class UmbPropertyEditorTextElement extends LitElement {
}
}
export default UmbPropertyEditorTextElement;
export default UmbPropertyEditorUITextBoxElement;
declare global {
interface HTMLElementTagNameMap {
'umb-property-editor-text': UmbPropertyEditorTextElement;
'umb-property-editor-ui-text-box': UmbPropertyEditorUITextBoxElement;
}
}

View File

@@ -0,0 +1,15 @@
import { Meta, Story } from '@storybook/web-components';
import { html } from 'lit-html';
import type { UmbPropertyEditorUITextBoxElement } from './property-editor-ui-text-box.element';
import './property-editor-ui-text-box.element';
export default {
title: 'Property Editor UIs/Text Box',
component: 'umb-property-editor-ui-text-box',
id: 'umb-property-editor-ui-text-box',
} as Meta;
export const AAAOverview: Story<UmbPropertyEditorUITextBoxElement> = () =>
html` <umb-property-editor-ui-text-box></umb-property-editor-ui-text-box>`;
AAAOverview.storyName = 'Overview';

View File

@@ -2,8 +2,8 @@ import { css, html, LitElement } from 'lit';
import { UUITextStyles } from '@umbraco-ui/uui-css/lib';
import { customElement, property } from 'lit/decorators.js';
@customElement('umb-property-editor-textarea')
export class UmbPropertyEditorTextareaElement extends LitElement {
@customElement('umb-property-editor-ui-textarea')
export class UmbPropertyEditorUITextareaElement extends LitElement {
static styles = [
UUITextStyles,
css`
@@ -30,10 +30,10 @@ export class UmbPropertyEditorTextareaElement extends LitElement {
}
}
export default UmbPropertyEditorTextareaElement;
export default UmbPropertyEditorUITextareaElement;
declare global {
interface HTMLElementTagNameMap {
'umb-property-editor-textarea': UmbPropertyEditorTextareaElement;
'umb-property-editor-ui-textarea': UmbPropertyEditorUITextareaElement;
}
}

View File

@@ -0,0 +1,15 @@
import { Meta, Story } from '@storybook/web-components';
import { html } from 'lit-html';
import type { UmbPropertyEditorUITextareaElement } from './property-editor-ui-textarea.element';
import './property-editor-ui-textarea.element';
export default {
title: 'Property Editor UIs/Textarea',
component: 'umb-property-editor-ui-textarea',
id: 'umb-property-editor-ui-textarea',
} as Meta;
export const AAAOverview: Story<UmbPropertyEditorUITextareaElement> = () =>
html` <umb-property-editor-ui-textarea></umb-property-editor-ui-textarea>`;
AAAOverview.storyName = 'Overview';

View File

@@ -20,6 +20,6 @@ const data = [
export const AAAOverview: Story<UmbPropertyEditorConfigElement> = () =>
html`<umb-property-editor-config
property-editor-alias="Umbraco.TextBox"
property-editor-ui-alias="Umb.PropertyEditorUI.Text"
property-editor-ui-alias="Umb.PropertyEditorUI.TextBox"
.data="${data}"></umb-property-editor-config>`;
AAAOverview.storyName = 'Overview';

View File

@@ -1,15 +0,0 @@
import { Meta, Story } from '@storybook/web-components';
import { html } from 'lit-html';
import type { UmbPropertyEditorTextElement } from './property-editor-text.element';
import './property-editor-text.element';
export default {
title: 'Property Editors/Text',
component: 'umb-property-editor-text',
id: 'umb-property-editor-text',
} as Meta;
export const AAAOverview: Story<UmbPropertyEditorTextElement> = () =>
html` <umb-property-editor-text></umb-property-editor-text>`;
AAAOverview.storyName = 'Overview';

View File

@@ -1,15 +0,0 @@
import { Meta, Story } from '@storybook/web-components';
import { html } from 'lit-html';
import type { UmbPropertyEditorTextareaElement } from './property-editor-textarea.element';
import './property-editor-textarea.element';
export default {
title: 'Property Editors/Textarea',
component: 'umb-property-editor-textarea',
id: 'umb-property-editor-textarea',
} as Meta;
export const AAAOverview: Story<UmbPropertyEditorTextareaElement> = () =>
html` <umb-property-editor-textarea></umb-property-editor-textarea>`;
AAAOverview.storyName = 'Overview';

View File

@@ -26,7 +26,7 @@ export const data: Array<DataTypeDetails> = [
hasChildren: false,
icon: 'umb:autofill',
propertyEditorAlias: 'Umbraco.TextBox',
propertyEditorUIAlias: 'Umb.PropertyEditorUI.Text',
propertyEditorUIAlias: 'Umb.PropertyEditorUI.TextBox',
data: [
{
alias: 'maxChars',

View File

@@ -257,7 +257,7 @@ export const internalManifests: Array<ManifestTypes & { loader: () => Promise<ob
elementName: 'umb-property-action-copy',
loader: () => import('../backoffice/property-actions/copy/property-action-copy.element'),
meta: {
propertyEditors: ['Umb.PropertyEditorUI.Text'],
propertyEditors: ['Umb.PropertyEditorUI.TextBox'],
},
},
{
@@ -267,7 +267,7 @@ export const internalManifests: Array<ManifestTypes & { loader: () => Promise<ob
elementName: 'umb-property-action-clear',
loader: () => import('../backoffice/property-actions/clear/property-action-clear.element'),
meta: {
propertyEditors: ['Umb.PropertyEditorUI.Text'],
propertyEditors: ['Umb.PropertyEditorUI.TextBox'],
},
},
{

View File

@@ -39,9 +39,9 @@ export const manifests: Array<ManifestTypes & { loader: () => Promise<object | H
},
{
type: 'propertyEditorUI',
alias: 'Umb.PropertyEditorUI.Text',
alias: 'Umb.PropertyEditorUI.TextBox',
name: 'Text Property Editor UI',
loader: () => import('../backoffice/property-editors/text/property-editor-text.element'),
loader: () => import('../backoffice/property-editor-uis/text-box/property-editor-ui-text-box.element'),
meta: {
label: 'Text',
icon: 'umb:edit',
@@ -53,8 +53,7 @@ export const manifests: Array<ManifestTypes & { loader: () => Promise<object | H
type: 'propertyEditorUI',
alias: 'Umb.PropertyEditorUI.Textarea',
name: 'Textarea Property Editor UI',
elementName: 'umb-property-editor-textarea',
loader: () => import('../backoffice/property-editors/textarea/property-editor-textarea.element'),
loader: () => import('../backoffice/property-editor-uis/textarea/property-editor-ui-textarea.element'),
meta: {
label: 'Textarea',
icon: 'umb:edit',