data-type-views
This commit is contained in:
@@ -11,7 +11,7 @@ import { umbExtensionsRegistry } from '@umbraco-cms/extensions-registry';
|
||||
import '../../../../property-editor-uis/shared/property-editor-config/property-editor-config.element';
|
||||
import '../../../../components/ref-property-editor-ui/ref-property-editor-ui.element';
|
||||
|
||||
@customElement('umb-editor-view-data-type-edit')
|
||||
@customElement('umb-workspace-view-data-type-edit')
|
||||
export class UmbEditorViewDataTypeEditElement extends UmbContextConsumerMixin(UmbObserverMixin(LitElement)) {
|
||||
static styles = [
|
||||
UUITextStyles,
|
||||
@@ -163,6 +163,6 @@ export default UmbEditorViewDataTypeEditElement;
|
||||
|
||||
declare global {
|
||||
interface HTMLElementTagNameMap {
|
||||
'umb-editor-view-data-type-edit': UmbEditorViewDataTypeEditElement;
|
||||
'umb-workspace-view-data-type-edit': UmbEditorViewDataTypeEditElement;
|
||||
}
|
||||
}
|
||||
@@ -4,14 +4,14 @@ import { html } from 'lit-html';
|
||||
import { data } from '../../../../../core/mocks/data/data-type.data';
|
||||
import { UmbDataTypeContext } from '../../data-type.context';
|
||||
|
||||
import type { UmbEditorViewDataTypeEditElement } from './editor-view-data-type-edit.element';
|
||||
import type { UmbEditorViewDataTypeEditElement } from './workspace-view-data-type-edit.element';
|
||||
|
||||
import './editor-view-data-type-edit.element';
|
||||
import './workspace-view-data-type-edit.element';
|
||||
|
||||
export default {
|
||||
title: 'Editors/Data Type/Views/Edit',
|
||||
component: 'umb-editor-view-data-type-edit',
|
||||
id: 'umb-editor-view-data-type-edit',
|
||||
component: 'umb-workspace-view-data-type-edit',
|
||||
id: 'umb-workspace-view-data-type-edit',
|
||||
decorators: [
|
||||
(story) =>
|
||||
html` <umb-context-provider key="umbDataTypeContext" .value=${new UmbDataTypeContext(data[0])}>
|
||||
@@ -21,5 +21,5 @@ export default {
|
||||
} as Meta;
|
||||
|
||||
export const AAAOverview: Story<UmbEditorViewDataTypeEditElement> = () =>
|
||||
html` <umb-editor-view-data-type-edit></umb-editor-view-data-type-edit>`;
|
||||
html` <umb-workspace-view-data-type-edit></umb-workspace-view-data-type-edit>`;
|
||||
AAAOverview.storyName = 'Overview';
|
||||
@@ -7,8 +7,8 @@ import type { DataTypeDetails } from '@umbraco-cms/models';
|
||||
import { UmbObserverMixin } from '@umbraco-cms/observable-api';
|
||||
import { UmbContextConsumerMixin } from '@umbraco-cms/context-api';
|
||||
|
||||
@customElement('umb-editor-view-data-type-info')
|
||||
export class UmbEditorViewDataTypeInfoElement extends UmbContextConsumerMixin(UmbObserverMixin(LitElement)) {
|
||||
@customElement('umb-workspace-view-data-type-info')
|
||||
export class UmbWorkspaceViewDataTypeInfoElement extends UmbContextConsumerMixin(UmbObserverMixin(LitElement)) {
|
||||
static styles = [UUITextStyles, css``];
|
||||
|
||||
@state()
|
||||
@@ -63,10 +63,10 @@ export class UmbEditorViewDataTypeInfoElement extends UmbContextConsumerMixin(Um
|
||||
}
|
||||
}
|
||||
|
||||
export default UmbEditorViewDataTypeInfoElement;
|
||||
export default UmbWorkspaceViewDataTypeInfoElement;
|
||||
|
||||
declare global {
|
||||
interface HTMLElementTagNameMap {
|
||||
'umb-editor-view-data-type-info': UmbEditorViewDataTypeInfoElement;
|
||||
'umb-workspace-view-data-type-info': UmbWorkspaceViewDataTypeInfoElement;
|
||||
}
|
||||
}
|
||||
@@ -1,4 +1,4 @@
|
||||
import './editor-view-data-type-info.element';
|
||||
import './workspace-view-data-type-info.element';
|
||||
|
||||
import { Meta, Story } from '@storybook/web-components';
|
||||
import { html } from 'lit-html';
|
||||
@@ -6,12 +6,12 @@ import { html } from 'lit-html';
|
||||
import { data } from '../../../../../core/mocks/data/data-type.data';
|
||||
import { UmbDataTypeContext } from '../../data-type.context';
|
||||
|
||||
import type { UmbEditorViewDataTypeInfoElement } from './editor-view-data-type-info.element';
|
||||
import type { UmbWorkspaceViewDataTypeInfoElement } from './workspace-view-data-type-info.element';
|
||||
|
||||
export default {
|
||||
title: 'Editors/Data Type/Views/Info',
|
||||
component: 'umb-editor-view-data-type-info',
|
||||
id: 'umb-editor-view-data-type-info',
|
||||
component: 'umb-workspace-view-data-type-info',
|
||||
id: 'umb-workspace-view-data-type-info',
|
||||
decorators: [
|
||||
(story) =>
|
||||
html` <umb-context-provider key="umbDataTypeContext" .value=${new UmbDataTypeContext(data[0])}>
|
||||
@@ -20,6 +20,6 @@ export default {
|
||||
],
|
||||
} as Meta;
|
||||
|
||||
export const AAAOverview: Story<UmbEditorViewDataTypeInfoElement> = () =>
|
||||
html` <umb-editor-view-data-type-info></umb-editor-view-data-type-info>`;
|
||||
export const AAAOverview: Story<UmbWorkspaceViewDataTypeInfoElement> = () =>
|
||||
html` <umb-workspace-view-data-type-info></umb-workspace-view-data-type-info>`;
|
||||
AAAOverview.storyName = 'Overview';
|
||||
@@ -61,7 +61,7 @@ export class UmbWorkspaceDataTypeElement extends UmbContextProviderMixin(
|
||||
type: 'workspaceView',
|
||||
alias: 'Umb.WorkspaceView.DataType.Edit',
|
||||
name: 'Data Type Workspace Edit View',
|
||||
loader: () => import('./views/edit/editor-view-data-type-edit.element'),
|
||||
loader: () => import('./views/edit/workspace-view-data-type-edit.element'),
|
||||
weight: 90,
|
||||
meta: {
|
||||
workspaces: ['Umb.Workspace.DataType'],
|
||||
@@ -74,7 +74,7 @@ export class UmbWorkspaceDataTypeElement extends UmbContextProviderMixin(
|
||||
type: 'workspaceView',
|
||||
alias: 'Umb.WorkspaceView.DataType.Info',
|
||||
name: 'Data Type Workspace Info View',
|
||||
loader: () => import('./views/info/editor-view-data-type-info.element'),
|
||||
loader: () => import('./views/info/workspace-view-data-type-info.element'),
|
||||
weight: 90,
|
||||
meta: {
|
||||
workspaces: ['Umb.Workspace.DataType'],
|
||||
|
||||
Reference in New Issue
Block a user