move textarea and textbox + align naming
This commit is contained in:
@@ -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';
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
}
|
||||
@@ -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';
|
||||
@@ -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;
|
||||
}
|
||||
}
|
||||
@@ -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';
|
||||
@@ -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';
|
||||
|
||||
@@ -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';
|
||||
@@ -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';
|
||||
@@ -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',
|
||||
|
||||
@@ -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'],
|
||||
},
|
||||
},
|
||||
{
|
||||
|
||||
@@ -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',
|
||||
|
||||
Reference in New Issue
Block a user