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

add stories for property editor and property editor ui ref components

Browse Source
This commit is contained in:
Mads Rasmussen
2022-09-19 10:15:51 +02:00
parent 2e1d93bae4
commit ffc10340a7
4 changed files with 40 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/Umbraco.Web.UI.Client/src/backoffice/components/ref-property-editor-ui/ref-property-editor-ui.element.ts
View File

@@ -3,7 +3,7 @@ import { html } from 'lit';
import { customElement, property } from 'lit/decorators.js';
@customElement('umb-ref-property-editor-ui')
export class UmbRefPropertyEditorUI extends UUIRefNodeElement {
export class UmbRefPropertyEditorUIElement extends UUIRefNodeElement {
static styles = [...UUIRefNodeElement.styles];
protected fallbackIcon =
@@ -27,6 +27,6 @@ export class UmbRefPropertyEditorUI extends UUIRefNodeElement {
declare global {
interface HTMLElementTagNameMap {
'umb-ref-property-editor-ui': UmbRefPropertyEditorUI;
'umb-ref-property-editor-ui': UmbRefPropertyEditorUIElement;
}
}

18
src/Umbraco.Web.UI.Client/src/backoffice/components/ref-property-editor-ui/ref-property-editor-ui.stories.ts Normal file
View File

@@ -0,0 +1,18 @@
import './ref-property-editor-ui.element';
import { Meta, Story } from '@storybook/web-components';
import { html } from 'lit-html';
import type { UmbRefPropertyEditorUIElement } from './ref-property-editor-ui.element';
export default {
title: 'Components/Ref Property Editor UI',
component: 'umb-ref-property-editor-ui',
id: 'umb-ref-property-editor-ui',
} as Meta;
export const AAAOverview: Story<UmbRefPropertyEditorUIElement> = () =>
html` <umb-ref-property-editor-ui
name="Custom Property Editor UI"
alias="Umb.PropertyEditor.CustomUI"></umb-ref-property-editor-ui>`;
AAAOverview.storyName = 'Overview';

4
src/Umbraco.Web.UI.Client/src/backoffice/components/ref-property-editor/ref-property-editor.element.ts
View File

@@ -3,7 +3,7 @@ import { html } from 'lit';
import { customElement, property } from 'lit/decorators.js';
@customElement('umb-ref-property-editor')
export class UmbRefPropertyEditor extends UUIRefNodeElement {
export class UmbRefPropertyEditorElement extends UUIRefNodeElement {
static styles = [...UUIRefNodeElement.styles];
protected fallbackIcon =
@@ -27,6 +27,6 @@ export class UmbRefPropertyEditor extends UUIRefNodeElement {
declare global {
interface HTMLElementTagNameMap {
'umb-ref-property-editor': UmbRefPropertyEditor;
'umb-ref-property-editor': UmbRefPropertyEditorElement;
}
}

18
src/Umbraco.Web.UI.Client/src/backoffice/components/ref-property-editor/ref-property-editor.stories.ts Normal file
View File

@@ -0,0 +1,18 @@
import './ref-property-editor.element';
import { Meta, Story } from '@storybook/web-components';
import { html } from 'lit-html';
import type { UmbRefPropertyEditorElement } from './ref-property-editor.element';
export default {
title: 'Components/Ref Property Editor',
component: 'umb-ref-property-editor',
id: 'umb-ref-property-editor',
} as Meta;
export const AAAOverview: Story<UmbRefPropertyEditorElement> = () =>
html` <umb-ref-property-editor
name="Custom Property Editor"
alias="Umb.PropertyEditor.Custom"></umb-ref-property-editor>`;
AAAOverview.storyName = 'Overview';