This commit is contained in:
Niels Lyngsø
2023-06-22 15:22:10 +02:00
parent d6c965dfab
commit edea0bde85
92 changed files with 207 additions and 204 deletions

View File

@@ -34,7 +34,7 @@ export const manifestDevelopmentHandler = rest.get(umbracoPath('/package/manifes
label: 'My Custom Property',
icon: 'document',
group: 'Common',
propertyEditorModel: 'Umbraco.JSON',
propertyEditorSchema: 'Umbraco.JSON',
},
},
],

View File

@@ -45,12 +45,12 @@ export class UmbPropertyEditorConfigElement extends UmbLitElement {
@state()
private _properties: Array<PropertyEditorConfigProperty> = [];
private _propertyEditorModelConfigDefaultData: Array<PropertyEditorConfigDefaultData> = [];
private _propertyEditorSchemaConfigDefaultData: Array<PropertyEditorConfigDefaultData> = [];
private _propertyEditorUISettingsDefaultData: Array<PropertyEditorConfigDefaultData> = [];
private _configDefaultData?: Array<PropertyEditorConfigDefaultData>;
private _propertyEditorModelConfigProperties: Array<PropertyEditorConfigProperty> = [];
private _propertyEditorSchemaConfigProperties: Array<PropertyEditorConfigProperty> = [];
private _propertyEditorUISettingsProperties: Array<PropertyEditorConfigProperty> = [];
private _observePropertyEditorUIConfig() {
@@ -59,7 +59,7 @@ export class UmbPropertyEditorConfigElement extends UmbLitElement {
this.observe(
umbExtensionsRegistry.getByTypeAndAlias('propertyEditorUi', this.propertyEditorUiAlias),
(manifest) => {
this._observePropertyEditorModelConfig(manifest?.meta.propertyEditorAlias);
this._observePropertyEditorSchemaConfig(manifest?.meta.propertyEditorSchemaAlias);
this._propertyEditorUISettingsProperties = manifest?.meta.settings?.properties || [];
this._propertyEditorUISettingsDefaultData = manifest?.meta.settings?.defaultData || [];
this._mergeConfigProperties();
@@ -68,24 +68,27 @@ export class UmbPropertyEditorConfigElement extends UmbLitElement {
);
}
private _observePropertyEditorModelConfig(propertyEditorAlias?: string) {
if (!propertyEditorAlias) return;
private _observePropertyEditorSchemaConfig(propertyEditorSchemaAlias?: string) {
if (!propertyEditorSchemaAlias) return;
this.observe(umbExtensionsRegistry.getByTypeAndAlias('propertyEditorModel', propertyEditorAlias), (manifest) => {
this._propertyEditorModelConfigProperties = manifest?.meta.settings?.properties || [];
this._propertyEditorModelConfigDefaultData = manifest?.meta.settings?.defaultData || [];
this._mergeConfigProperties();
this._mergeConfigDefaultData();
});
this.observe(
umbExtensionsRegistry.getByTypeAndAlias('propertyEditorSchema', propertyEditorSchemaAlias),
(manifest) => {
this._propertyEditorSchemaConfigProperties = manifest?.meta.settings?.properties || [];
this._propertyEditorSchemaConfigDefaultData = manifest?.meta.settings?.defaultData || [];
this._mergeConfigProperties();
this._mergeConfigDefaultData();
}
);
}
private _mergeConfigProperties() {
this._properties = [...this._propertyEditorModelConfigProperties, ...this._propertyEditorUISettingsProperties];
this._properties = [...this._propertyEditorSchemaConfigProperties, ...this._propertyEditorUISettingsProperties];
}
private _mergeConfigDefaultData() {
this._configDefaultData = [
...this._propertyEditorModelConfigDefaultData,
...this._propertyEditorSchemaConfigDefaultData,
...this._propertyEditorUISettingsDefaultData,
];
}

View File

@@ -98,13 +98,13 @@ export class UmbPropertyTypeBasedPropertyElement extends UmbLitElement {
if (!this._propertyEditorUiAlias && dataType?.propertyEditorAlias) {
//use 'dataType.propertyEditorAlias' to look up the extension in the registry:
this.observe(
umbExtensionsRegistry.getByTypeAndAlias('propertyEditorModel', dataType.propertyEditorAlias),
umbExtensionsRegistry.getByTypeAndAlias('propertyEditorSchema', dataType.propertyEditorAlias),
(extension) => {
if (!extension) return;
this._propertyEditorUiAlias = extension?.meta.defaultPropertyEditorUiAlias;
this.removeControllerByUnique('_observePropertyEditorModel');
this.removeControllerByUnique('_observePropertyEditorSchema');
},
'_observePropertyEditorModel'
'_observePropertyEditorSchema'
);
}
},

View File

@@ -26,8 +26,8 @@ export class UmbRefPropertyEditorUIElement extends UUIRefNodeElement {
* @attr
* @default ''
*/
@property({ type: String, attribute: 'property-editor-model-alias' })
propertyEditorModelAlias = '';
@property({ type: String, attribute: 'property-editor-schema-alias' })
propertyEditorSchemaAlias = '';
protected renderDetail() {
const details: string[] = [];
@@ -36,8 +36,8 @@ export class UmbRefPropertyEditorUIElement extends UUIRefNodeElement {
details.push(this.alias);
}
if (this.propertyEditorModelAlias !== '') {
details.push(this.propertyEditorModelAlias);
if (this.propertyEditorSchemaAlias !== '') {
details.push(this.propertyEditorSchemaAlias);
} else {
details.push('Property Editor Missing');
}

View File

@@ -15,7 +15,7 @@ export const Overview: Story = {
args: {
name: 'Custom Property Editor UI',
alias: 'Umb.PropertyEditorUi.CustomUI',
propertyEditorModelAlias: 'Umbraco.JSON',
propertyEditorSchemaAlias: 'Umbraco.JSON',
},
};
@@ -23,7 +23,7 @@ export const WithDetail: Story = {
args: {
name: 'Custom Property Editor UI',
alias: 'Umb.PropertyEditorUi.CustomUI',
propertyEditorModelAlias: 'Umbraco.JSON',
propertyEditorSchemaAlias: 'Umbraco.JSON',
detail: 'With some custom details',
},
};
@@ -32,14 +32,14 @@ export const WithSlots: Story = {
args: {
name: 'Custom Property Editor UI',
alias: 'Umb.PropertyEditorUi.CustomUI',
propertyEditorModelAlias: 'Umbraco.JSON',
propertyEditorSchemaAlias: 'Umbraco.JSON',
detail: 'With some custom details',
},
render: (args) => html`
<umb-ref-property-editor-ui
.name=${args.name}
.alias=${args.alias}
.propertyEditorAlias=${args.propertyEditorModelAlias}
.propertyEditorSchemaAlias=${args.propertyEditorSchemaAlias}
.detail=${args.detail}>
<div slot="tag"><uui-tag color="positive">10</uui-tag></div>
<div slot="actions">

View File

@@ -11,7 +11,7 @@ import type { ManifestMenuItem, ManifestMenuItemTreeKind } from './menu-item.mod
import type { ManifestModal } from './modal.model.js';
import type { ManifestPackageView } from './package-view.model.js';
import type { ManifestPropertyAction } from './property-action.model.js';
import type { ManifestPropertyEditorUi, ManifestPropertyEditorModel } from './property-editor.model.js';
import type { ManifestPropertyEditorUi, ManifestPropertyEditorSchema } from './property-editor.model.js';
import type { ManifestRepository } from './repository.model.js';
import type { ManifestSection } from './section.model.js';
import type { ManifestSectionSidebarApp, ManifestSectionSidebarAppMenuKind } from './section-sidebar-app.model.js';
@@ -74,7 +74,7 @@ export type ManifestTypes =
| ManifestModal
| ManifestPackageView
| ManifestPropertyAction
| ManifestPropertyEditorModel
| ManifestPropertyEditorSchema
| ManifestPropertyEditorUi
| ManifestRepository
| ManifestSection

View File

@@ -9,7 +9,7 @@ export interface ManifestPropertyEditorUi extends ManifestElement<UmbPropertyEdi
export interface MetaPropertyEditorUi {
label: string;
propertyEditorAlias: string;
propertyEditorSchemaAlias: string;
icon: string;
group: string;
settings?: PropertyEditorSettings;
@@ -17,12 +17,12 @@ export interface MetaPropertyEditorUi {
}
// Model
export interface ManifestPropertyEditorModel extends ManifestBase {
type: 'propertyEditorModel';
meta: MetaPropertyEditorModel;
export interface ManifestPropertyEditorSchema extends ManifestBase {
type: 'propertyEditorSchema';
meta: MetaPropertyEditorSchema;
}
export interface MetaPropertyEditorModel {
export interface MetaPropertyEditorSchema {
defaultPropertyEditorUiAlias: string;
settings?: PropertyEditorSettings;
}

View File

@@ -1,4 +1,4 @@
import { manifests as propertyEditorModelManifests } from './models/manifests.js';
import { manifests as propertyEditorSchemaManifests } from './models/manifests.js';
import { manifests as propertyEditorUIManifests } from './uis/manifests.js';
export const manifests = [...propertyEditorModelManifests, ...propertyEditorUIManifests];
export const manifests = [...propertyEditorSchemaManifests, ...propertyEditorUIManifests];

View File

@@ -1,7 +1,7 @@
import type { ManifestPropertyEditorModel } from '@umbraco-cms/backoffice/extension-registry';
import type { ManifestPropertyEditorSchema } from '@umbraco-cms/backoffice/extension-registry';
export const manifest: ManifestPropertyEditorModel = {
type: 'propertyEditorModel',
export const manifest: ManifestPropertyEditorSchema = {
type: 'propertyEditorSchema',
name: 'Block Grid',
alias: 'Umbraco.BlockGrid',
meta: {

View File

@@ -1,7 +1,7 @@
import type { ManifestPropertyEditorModel } from '@umbraco-cms/backoffice/extension-registry';
import type { ManifestPropertyEditorSchema } from '@umbraco-cms/backoffice/extension-registry';
export const manifest: ManifestPropertyEditorModel = {
type: 'propertyEditorModel',
export const manifest: ManifestPropertyEditorSchema = {
type: 'propertyEditorSchema',
name: 'Block List',
alias: 'Umbraco.BlockList',
meta: {

View File

@@ -1,7 +1,7 @@
import type { ManifestPropertyEditorModel } from '@umbraco-cms/backoffice/extension-registry';
import type { ManifestPropertyEditorSchema } from '@umbraco-cms/backoffice/extension-registry';
export const manifest: ManifestPropertyEditorModel = {
type: 'propertyEditorModel',
export const manifest: ManifestPropertyEditorSchema = {
type: 'propertyEditorSchema',
name: 'Checkbox List',
alias: 'Umbraco.CheckboxList',
meta: {

View File

@@ -1,7 +1,7 @@
import type { ManifestPropertyEditorModel } from '@umbraco-cms/backoffice/extension-registry';
import type { ManifestPropertyEditorSchema } from '@umbraco-cms/backoffice/extension-registry';
export const manifest: ManifestPropertyEditorModel = {
type: 'propertyEditorModel',
export const manifest: ManifestPropertyEditorSchema = {
type: 'propertyEditorSchema',
name: 'Eye Dropper Color Picker',
alias: 'Umbraco.ColorPicker.EyeDropper',
meta: {

View File

@@ -1,7 +1,7 @@
import type { ManifestPropertyEditorModel } from '@umbraco-cms/backoffice/extension-registry';
import type { ManifestPropertyEditorSchema } from '@umbraco-cms/backoffice/extension-registry';
export const manifest: ManifestPropertyEditorModel = {
type: 'propertyEditorModel',
export const manifest: ManifestPropertyEditorSchema = {
type: 'propertyEditorSchema',
name: 'Color Picker',
alias: 'Umbraco.ColorPicker',
meta: {

View File

@@ -1,8 +1,8 @@
import type { ManifestPropertyEditorModel } from '@umbraco-cms/backoffice/extension-registry';
import type { ManifestPropertyEditorSchema } from '@umbraco-cms/backoffice/extension-registry';
// TODO: We won't include momentjs anymore so we need to find a way to handle date formats
export const manifest: ManifestPropertyEditorModel = {
type: 'propertyEditorModel',
export const manifest: ManifestPropertyEditorSchema = {
type: 'propertyEditorSchema',
name: 'Date/Time',
alias: 'Umbraco.DateTime',
meta: {

View File

@@ -1,7 +1,7 @@
import type { ManifestPropertyEditorModel } from '@umbraco-cms/backoffice/extension-registry';
import type { ManifestPropertyEditorSchema } from '@umbraco-cms/backoffice/extension-registry';
export const manifest: ManifestPropertyEditorModel = {
type: 'propertyEditorModel',
export const manifest: ManifestPropertyEditorSchema = {
type: 'propertyEditorSchema',
name: 'Decimal',
alias: 'Umbraco.Decimal',
meta: {

View File

@@ -1,8 +1,8 @@
import type { ManifestPropertyEditorModel } from '@umbraco-cms/backoffice/extension-registry';
import type { ManifestPropertyEditorSchema } from '@umbraco-cms/backoffice/extension-registry';
// TODO: We won't include momentjs anymore so we need to find a way to handle date formats
export const manifest: ManifestPropertyEditorModel = {
type: 'propertyEditorModel',
export const manifest: ManifestPropertyEditorSchema = {
type: 'propertyEditorSchema',
name: 'Dropdown',
alias: 'Umbraco.DropDown.Flexible',
meta: {

View File

@@ -1,7 +1,7 @@
import type { ManifestPropertyEditorModel } from '@umbraco-cms/backoffice/extension-registry';
import type { ManifestPropertyEditorSchema } from '@umbraco-cms/backoffice/extension-registry';
export const manifest: ManifestPropertyEditorModel = {
type: 'propertyEditorModel',
export const manifest: ManifestPropertyEditorSchema = {
type: 'propertyEditorSchema',
name: 'Email Address',
alias: 'Umbraco.EmailAddress',
meta: {

View File

@@ -1,7 +1,7 @@
import type { ManifestPropertyEditorModel } from '@umbraco-cms/backoffice/extension-registry';
import type { ManifestPropertyEditorSchema } from '@umbraco-cms/backoffice/extension-registry';
export const manifest: ManifestPropertyEditorModel = {
type: 'propertyEditorModel',
export const manifest: ManifestPropertyEditorSchema = {
type: 'propertyEditorSchema',
name: 'Icon Picker',
alias: 'Umbraco.IconPicker',
meta: {

View File

@@ -1,7 +1,7 @@
import type { ManifestPropertyEditorModel } from '@umbraco-cms/backoffice/extension-registry';
import type { ManifestPropertyEditorSchema } from '@umbraco-cms/backoffice/extension-registry';
export const manifest: ManifestPropertyEditorModel = {
type: 'propertyEditorModel',
export const manifest: ManifestPropertyEditorSchema = {
type: 'propertyEditorSchema',
name: 'Email Address',
alias: 'Umbraco.ImageCropper',
meta: {

View File

@@ -1,7 +1,7 @@
import type { ManifestPropertyEditorModel } from '@umbraco-cms/backoffice/extension-registry';
import type { ManifestPropertyEditorSchema } from '@umbraco-cms/backoffice/extension-registry';
export const manifest: ManifestPropertyEditorModel = {
type: 'propertyEditorModel',
export const manifest: ManifestPropertyEditorSchema = {
type: 'propertyEditorSchema',
name: 'Decimal',
alias: 'Umbraco.Integer',
meta: {

View File

@@ -1,7 +1,7 @@
import type { ManifestPropertyEditorModel } from '@umbraco-cms/backoffice/extension-registry';
import type { ManifestPropertyEditorSchema } from '@umbraco-cms/backoffice/extension-registry';
export const manifest: ManifestPropertyEditorModel = {
type: 'propertyEditorModel',
export const manifest: ManifestPropertyEditorSchema = {
type: 'propertyEditorSchema',
name: 'JSON model',
alias: 'Umbraco.JSON',
meta: {

View File

@@ -1,7 +1,7 @@
import type { ManifestPropertyEditorModel } from '@umbraco-cms/backoffice/extension-registry';
import type { ManifestPropertyEditorSchema } from '@umbraco-cms/backoffice/extension-registry';
export const manifest: ManifestPropertyEditorModel = {
type: 'propertyEditorModel',
export const manifest: ManifestPropertyEditorSchema = {
type: 'propertyEditorSchema',
name: 'Label',
alias: 'Umbraco.Label',
meta: {

View File

@@ -1,7 +1,7 @@
import type { ManifestPropertyEditorModel } from '@umbraco-cms/backoffice/extension-registry';
import type { ManifestPropertyEditorSchema } from '@umbraco-cms/backoffice/extension-registry';
export const manifest: ManifestPropertyEditorModel = {
type: 'propertyEditorModel',
export const manifest: ManifestPropertyEditorSchema = {
type: 'propertyEditorSchema',
name: 'List View',
alias: 'Umbraco.ListView',
meta: {

View File

@@ -1,7 +1,7 @@
import type { ManifestPropertyEditorModel } from '@umbraco-cms/backoffice/extension-registry';
import type { ManifestPropertyEditorSchema } from '@umbraco-cms/backoffice/extension-registry';
export const manifest: ManifestPropertyEditorModel = {
type: 'propertyEditorModel',
export const manifest: ManifestPropertyEditorSchema = {
type: 'propertyEditorSchema',
name: 'Markdown Editor',
alias: 'Umbraco.MarkdownEditor',
meta: {

View File

@@ -1,7 +1,7 @@
import type { ManifestPropertyEditorModel } from '@umbraco-cms/backoffice/extension-registry';
import type { ManifestPropertyEditorSchema } from '@umbraco-cms/backoffice/extension-registry';
export const manifest: ManifestPropertyEditorModel = {
type: 'propertyEditorModel',
export const manifest: ManifestPropertyEditorSchema = {
type: 'propertyEditorSchema',
name: 'Media Picker 3',
alias: 'Umbraco.MediaPicker3',
meta: {

View File

@@ -1,7 +1,7 @@
import type { ManifestPropertyEditorModel } from '@umbraco-cms/backoffice/extension-registry';
import type { ManifestPropertyEditorSchema } from '@umbraco-cms/backoffice/extension-registry';
export const manifest: ManifestPropertyEditorModel = {
type: 'propertyEditorModel',
export const manifest: ManifestPropertyEditorSchema = {
type: 'propertyEditorSchema',
name: 'Member Group Picker',
alias: 'Umbraco.MemberGroupPicker',
meta: {

View File

@@ -1,7 +1,7 @@
import type { ManifestPropertyEditorModel } from '@umbraco-cms/backoffice/extension-registry';
import type { ManifestPropertyEditorSchema } from '@umbraco-cms/backoffice/extension-registry';
export const manifest: ManifestPropertyEditorModel = {
type: 'propertyEditorModel',
export const manifest: ManifestPropertyEditorSchema = {
type: 'propertyEditorSchema',
name: 'Member Picker',
alias: 'Umbraco.MemberPicker',
meta: {

View File

@@ -1,7 +1,7 @@
import type { ManifestPropertyEditorModel } from '@umbraco-cms/backoffice/extension-registry';
import type { ManifestPropertyEditorSchema } from '@umbraco-cms/backoffice/extension-registry';
export const manifest: ManifestPropertyEditorModel = {
type: 'propertyEditorModel',
export const manifest: ManifestPropertyEditorSchema = {
type: 'propertyEditorSchema',
name: 'Multi Node Tree Picker',
alias: 'Umbraco.MultiNodeTreePicker',
meta: {

View File

@@ -1,7 +1,7 @@
import type { ManifestPropertyEditorModel } from '@umbraco-cms/backoffice/extension-registry';
import type { ManifestPropertyEditorSchema } from '@umbraco-cms/backoffice/extension-registry';
export const manifest: ManifestPropertyEditorModel = {
type: 'propertyEditorModel',
export const manifest: ManifestPropertyEditorSchema = {
type: 'propertyEditorSchema',
name: 'Multi URL Picker',
alias: 'Umbraco.MultiUrlPicker',
meta: {

View File

@@ -1,7 +1,7 @@
import type { ManifestPropertyEditorModel } from '@umbraco-cms/backoffice/extension-registry';
import type { ManifestPropertyEditorSchema } from '@umbraco-cms/backoffice/extension-registry';
export const manifest: ManifestPropertyEditorModel = {
type: 'propertyEditorModel',
export const manifest: ManifestPropertyEditorSchema = {
type: 'propertyEditorSchema',
name: 'Multiple Text String',
alias: 'Umbraco.MultipleTextString',
meta: {

View File

@@ -1,7 +1,7 @@
import type { ManifestPropertyEditorModel } from '@umbraco-cms/backoffice/extension-registry';
import type { ManifestPropertyEditorSchema } from '@umbraco-cms/backoffice/extension-registry';
export const manifest: ManifestPropertyEditorModel = {
type: 'propertyEditorModel',
export const manifest: ManifestPropertyEditorSchema = {
type: 'propertyEditorSchema',
name: 'Radio Button List',
alias: 'Umbraco.RadioButtonList',
meta: {

View File

@@ -1,7 +1,7 @@
import type { ManifestPropertyEditorModel } from '@umbraco-cms/backoffice/extension-registry';
import type { ManifestPropertyEditorSchema } from '@umbraco-cms/backoffice/extension-registry';
export const manifest: ManifestPropertyEditorModel = {
type: 'propertyEditorModel',
export const manifest: ManifestPropertyEditorSchema = {
type: 'propertyEditorSchema',
name: 'Slider',
alias: 'Umbraco.Slider',
meta: {

View File

@@ -1,7 +1,7 @@
import type { ManifestPropertyEditorModel } from '@umbraco-cms/backoffice/extension-registry';
import type { ManifestPropertyEditorSchema } from '@umbraco-cms/backoffice/extension-registry';
export const manifest: ManifestPropertyEditorModel = {
type: 'propertyEditorModel',
export const manifest: ManifestPropertyEditorSchema = {
type: 'propertyEditorSchema',
name: 'Tags',
alias: 'Umbraco.Tags',
meta: {

View File

@@ -1,7 +1,7 @@
import type { ManifestPropertyEditorModel } from '@umbraco-cms/backoffice/extension-registry';
import type { ManifestPropertyEditorSchema } from '@umbraco-cms/backoffice/extension-registry';
export const manifest: ManifestPropertyEditorModel = {
type: 'propertyEditorModel',
export const manifest: ManifestPropertyEditorSchema = {
type: 'propertyEditorSchema',
name: 'Textarea',
alias: 'Umbraco.TextArea',
meta: {

View File

@@ -1,7 +1,7 @@
import type { ManifestPropertyEditorModel } from '@umbraco-cms/backoffice/extension-registry';
import type { ManifestPropertyEditorSchema } from '@umbraco-cms/backoffice/extension-registry';
export const manifest: ManifestPropertyEditorModel = {
type: 'propertyEditorModel',
export const manifest: ManifestPropertyEditorSchema = {
type: 'propertyEditorSchema',
name: 'Text Box',
alias: 'Umbraco.TextBox',
meta: {

View File

@@ -1,7 +1,7 @@
import type { ManifestPropertyEditorModel } from '@umbraco-cms/backoffice/extension-registry';
import type { ManifestPropertyEditorSchema } from '@umbraco-cms/backoffice/extension-registry';
export const manifest: ManifestPropertyEditorModel = {
type: 'propertyEditorModel',
export const manifest: ManifestPropertyEditorSchema = {
type: 'propertyEditorSchema',
name: 'Tiny MCE',
alias: 'Umbraco.TinyMCE',
meta: {

View File

@@ -1,8 +1,8 @@
import type { ManifestPropertyEditorModel } from '@umbraco-cms/backoffice/extension-registry';
import type { ManifestPropertyEditorSchema } from '@umbraco-cms/backoffice/extension-registry';
// TODO: We won't include momentjs anymore so we need to find a way to handle date formats
export const manifest: ManifestPropertyEditorModel = {
type: 'propertyEditorModel',
export const manifest: ManifestPropertyEditorSchema = {
type: 'propertyEditorSchema',
name: 'Date/Time',
alias: 'Umbraco.TrueFalse',
meta: {

View File

@@ -1,8 +1,8 @@
import type { ManifestPropertyEditorModel } from '@umbraco-cms/backoffice/extension-registry';
import type { ManifestPropertyEditorSchema } from '@umbraco-cms/backoffice/extension-registry';
// TODO: We won't include momentjs anymore so we need to find a way to handle date formats
export const manifest: ManifestPropertyEditorModel = {
type: 'propertyEditorModel',
export const manifest: ManifestPropertyEditorSchema = {
type: 'propertyEditorSchema',
name: 'File upload',
alias: 'Umbraco.UploadField',
meta: {

View File

@@ -1,7 +1,7 @@
import type { ManifestPropertyEditorModel } from '@umbraco-cms/backoffice/extension-registry';
import type { ManifestPropertyEditorSchema } from '@umbraco-cms/backoffice/extension-registry';
export const manifest: ManifestPropertyEditorModel = {
type: 'propertyEditorModel',
export const manifest: ManifestPropertyEditorSchema = {
type: 'propertyEditorSchema',
name: 'User Picker',
alias: 'Umbraco.UserPicker',
meta: {

View File

@@ -30,9 +30,9 @@ import { manifest as trueFalse } from './Umbraco.TrueFalse.js';
import { manifest as uploadField } from './Umbraco.UploadField.js';
import { manifest as userPicker } from './Umbraco.UserPicker.js';
import type { ManifestPropertyEditorModel } from '@umbraco-cms/backoffice/extension-registry';
import type { ManifestPropertyEditorSchema } from '@umbraco-cms/backoffice/extension-registry';
export const manifests: Array<ManifestPropertyEditorModel> = [
export const manifests: Array<ManifestPropertyEditorSchema> = [
blockGrid,
blockList,
checkboxList,

View File

@@ -7,7 +7,7 @@ export const manifest: ManifestPropertyEditorUi = {
loader: () => import('./property-editor-ui-block-grid-block-configuration.element.js'),
meta: {
label: 'Block Grid Block Configuration',
propertyEditorAlias: 'Umbraco.BlockGrid.BlockConfiguration',
propertyEditorSchemaAlias: 'Umbraco.BlockGrid.BlockConfiguration',
icon: 'umb:autofill',
group: 'blocks',
},

View File

@@ -7,7 +7,7 @@ export const manifest: ManifestPropertyEditorUi = {
loader: () => import('./property-editor-ui-block-grid-group-configuration.element.js'),
meta: {
label: 'Block Grid Group Configuration',
propertyEditorAlias: 'Umbraco.BlockGrid.GroupConfiguration',
propertyEditorSchemaAlias: 'Umbraco.BlockGrid.GroupConfiguration',
icon: 'umb:autofill',
group: 'blocks',
},

View File

@@ -7,7 +7,7 @@ export const manifest: ManifestPropertyEditorUi = {
loader: () => import('./property-editor-ui-block-grid-stylesheet-picker.element.js'),
meta: {
label: 'Block Grid Stylesheet Picker',
propertyEditorAlias: '',
propertyEditorSchemaAlias: '',
icon: 'umb:autofill',
group: 'blocks',
},

View File

@@ -10,7 +10,7 @@ const manifest: ManifestPropertyEditorUi = {
loader: () => import('./property-editor-ui-block-grid.element.js'),
meta: {
label: 'Block Grid',
propertyEditorAlias: 'Umbraco.BlockGrid',
propertyEditorSchemaAlias: 'Umbraco.BlockGrid',
icon: 'umb:icon-layout',
group: 'richContent',
settings: {

View File

@@ -7,7 +7,7 @@ export const manifest: ManifestPropertyEditorUi = {
loader: () => import('./property-editor-ui-block-list-block-configuration.element.js'),
meta: {
label: 'Block List Block Configuration',
propertyEditorAlias: '',
propertyEditorSchemaAlias: '',
icon: 'umb:autofill',
group: 'common',
},

View File

@@ -8,7 +8,7 @@ const manifest: ManifestPropertyEditorUi = {
loader: () => import('./property-editor-ui-block-list.element.js'),
meta: {
label: 'Block List',
propertyEditorAlias: 'Umbraco.BlockList',
propertyEditorSchemaAlias: 'Umbraco.BlockList',
icon: 'umb:thumbnail-list',
group: 'lists',
settings: {

View File

@@ -7,7 +7,7 @@ export const manifest: ManifestPropertyEditorUi = {
loader: () => import('./property-editor-ui-checkbox-list.element.js'),
meta: {
label: 'Checkbox List',
propertyEditorAlias: 'Umbraco.CheckboxList',
propertyEditorSchemaAlias: 'Umbraco.CheckboxList',
icon: 'umb:bulleted-list',
group: 'lists',
settings: {

View File

@@ -7,7 +7,7 @@ export const manifest: ManifestPropertyEditorUi = {
loader: () => import('./property-editor-ui-collection-view-bulk-action-permissions.element.js'),
meta: {
label: 'Collection View Bulk Action Permissions',
propertyEditorAlias: '',
propertyEditorSchemaAlias: '',
icon: 'umb:autofill',
group: 'lists',
},

View File

@@ -7,7 +7,7 @@ export const manifest: ManifestPropertyEditorUi = {
loader: () => import('./property-editor-ui-collection-view-column-configuration.element.js'),
meta: {
label: 'Collection View Column Configuration',
propertyEditorAlias: '',
propertyEditorSchemaAlias: '',
icon: 'umb:autofill',
group: 'lists',
},

View File

@@ -7,7 +7,7 @@ export const manifest: ManifestPropertyEditorUi = {
loader: () => import('./property-editor-ui-collection-view-layout-configuration.element.js'),
meta: {
label: 'Collection View Layout Configuration',
propertyEditorAlias: '',
propertyEditorSchemaAlias: '',
icon: 'umb:autofill',
group: 'lists',
},

View File

@@ -7,7 +7,7 @@ export const manifest: ManifestPropertyEditorUi = {
loader: () => import('./property-editor-ui-collection-view-order-by.element.js'),
meta: {
label: 'Collection View Order By',
propertyEditorAlias: '',
propertyEditorSchemaAlias: '',
icon: 'umb:autofill',
group: 'lists',
},

View File

@@ -11,7 +11,7 @@ const manifest: ManifestPropertyEditorUi = {
loader: () => import('./property-editor-ui-collection-view.element.js'),
meta: {
label: 'Collection View',
propertyEditorAlias: 'Umbraco.ListView',
propertyEditorSchemaAlias: 'Umbraco.ListView',
icon: 'umb:bulleted-list',
group: 'lists',
settings: {

View File

@@ -7,7 +7,7 @@ export const manifest: ManifestPropertyEditorUi = {
loader: () => import('./property-editor-ui-color-picker.element.js'),
meta: {
label: 'Color Picker',
propertyEditorAlias: 'Umbraco.ColorPicker',
propertyEditorSchemaAlias: 'Umbraco.ColorPicker',
icon: 'umb:colorpicker',
group: 'pickers',
},

View File

@@ -7,7 +7,7 @@ export const manifest: ManifestPropertyEditorUi = {
loader: () => import('./property-editor-ui-date-picker.element.js'),
meta: {
label: 'Date Picker',
propertyEditorAlias: 'Umbraco.DateTime',
propertyEditorSchemaAlias: 'Umbraco.DateTime',
icon: 'umb:time',
group: 'pickers',
settings: {

View File

@@ -7,7 +7,7 @@ export const manifest: ManifestPropertyEditorUi = {
loader: () => import('./property-editor-ui-dropdown.element.js'),
meta: {
label: 'Dropdown',
propertyEditorAlias: 'Umbraco.Dropdown',
propertyEditorSchemaAlias: 'Umbraco.Dropdown',
icon: 'umb:time',
group: 'pickers',
settings: {

View File

@@ -9,7 +9,7 @@ export const manifest: ManifestPropertyEditorUi = {
label: 'Eye Dropper Color Picker',
icon: 'umb:colorpicker',
group: 'pickers',
propertyEditorAlias: 'Umbraco.ColorPicker.EyeDropper',
propertyEditorSchemaAlias: 'Umbraco.ColorPicker.EyeDropper',
settings: {
properties: [
{

View File

@@ -7,7 +7,7 @@ export const manifest: ManifestPropertyEditorUi = {
loader: () => import('./property-editor-ui-icon-picker.element.js'),
meta: {
label: 'Icon Picker',
propertyEditorAlias: 'Umbraco.JSON',
propertyEditorSchemaAlias: 'Umbraco.JSON',
icon: 'umb:autofill',
group: 'common',
},

View File

@@ -9,6 +9,6 @@ export const manifest: ManifestPropertyEditorUi = {
label: 'Image Cropper',
icon: 'umb:colorpicker',
group: 'pickers',
propertyEditorAlias: 'Umbraco.ImageCropper',
propertyEditorSchemaAlias: 'Umbraco.ImageCropper',
},
};

View File

@@ -9,6 +9,6 @@ export const manifest: ManifestPropertyEditorUi = {
label: 'Image Crops Configuration',
icon: 'umb:autofill',
group: 'common',
propertyEditorAlias: '',
propertyEditorSchemaAlias: '',
},
};

View File

@@ -9,6 +9,6 @@ export const manifest: ManifestPropertyEditorUi = {
label: 'Label',
icon: 'umb:readonly',
group: 'pickers',
propertyEditorAlias: 'Umbraco.Label',
propertyEditorSchemaAlias: 'Umbraco.Label',
},
};

View File

@@ -74,7 +74,7 @@ export const manifests: Array<ManifestPropertyEditorUi> = [
label: 'Number',
icon: 'umb:autofill',
group: 'common',
propertyEditorAlias: 'Umbraco.Integer',
propertyEditorSchemaAlias: 'Umbraco.Integer',
},
},
];

View File

@@ -7,7 +7,7 @@ export const manifest: ManifestPropertyEditorUi = {
loader: () => import('./property-editor-ui-markdown-editor.element.js'),
meta: {
label: 'Markdown Editor',
propertyEditorAlias: 'Umbraco.MarkdownEditor',
propertyEditorSchemaAlias: 'Umbraco.MarkdownEditor',
icon: 'umb:code',
group: 'pickers',
settings: {

View File

@@ -7,7 +7,7 @@ export const manifest: ManifestPropertyEditorUi = {
loader: () => import('./property-editor-ui-media-picker.element.js'),
meta: {
label: 'Media Picker',
propertyEditorAlias: 'Umbraco.MediaPicker3',
propertyEditorSchemaAlias: 'Umbraco.MediaPicker3',
icon: 'umb:picture',
group: 'pickers',
},

View File

@@ -7,7 +7,7 @@ export const manifest: ManifestPropertyEditorUi = {
loader: () => import('./property-editor-ui-member-group-picker.element.js'),
meta: {
label: 'Member Group Picker',
propertyEditorAlias: 'Umbraco.MemberGroupPicker',
propertyEditorSchemaAlias: 'Umbraco.MemberGroupPicker',
icon: 'umb:users-alt',
group: 'people',
},

View File

@@ -7,7 +7,7 @@ export const manifest: ManifestPropertyEditorUi = {
loader: () => import('./property-editor-ui-member-picker.element.js'),
meta: {
label: 'Member Picker',
propertyEditorAlias: 'Umbraco.MemberPicker',
propertyEditorSchemaAlias: 'Umbraco.MemberPicker',
icon: 'umb:user',
group: 'people',
},

View File

@@ -7,7 +7,7 @@ export const manifest: ManifestPropertyEditorUi = {
loader: () => import('./property-editor-ui-multi-url-picker.element.js'),
meta: {
label: 'Multi URL Picker',
propertyEditorAlias: 'Umbraco.MultiUrlPicker',
propertyEditorSchemaAlias: 'Umbraco.MultiUrlPicker',
icon: 'umb:link',
group: 'pickers',
settings: {

View File

@@ -7,7 +7,7 @@ export const manifest: ManifestPropertyEditorUi = {
loader: () => import('./property-editor-ui-multiple-text-string.element.js'),
meta: {
label: 'Multiple Text String',
propertyEditorAlias: 'Umbraco.MultipleTextString',
propertyEditorSchemaAlias: 'Umbraco.MultipleTextString',
icon: 'umb:ordered-list',
group: '',
supportsReadOnly: true,

View File

@@ -7,7 +7,7 @@ export const manifest: ManifestPropertyEditorUi = {
loader: () => import('./property-editor-ui-number-range.element.js'),
meta: {
label: 'Number Range',
propertyEditorAlias: '',
propertyEditorSchemaAlias: '',
icon: 'umb:autofill',
group: 'common',
},

View File

@@ -15,7 +15,7 @@ export const manifests: Array<ManifestPropertyEditorUi> = [
loader: () => import('./property-editor-ui-number.element.js'),
meta: {
label: 'Integer',
propertyEditorAlias: 'Umbraco.Integer',
propertyEditorSchemaAlias: 'Umbraco.Integer',
icon: 'umb:autofill',
group: 'common',
settings: {
@@ -36,7 +36,7 @@ export const manifests: Array<ManifestPropertyEditorUi> = [
loader: () => import('./property-editor-ui-number.element.js'),
meta: {
label: 'Decimal',
propertyEditorAlias: 'Umbraco.Decimal',
propertyEditorSchemaAlias: 'Umbraco.Decimal',
icon: 'umb:autofill',
group: 'common',
settings: {

View File

@@ -7,7 +7,7 @@ export const manifest: ManifestPropertyEditorUi = {
loader: () => import('./property-editor-ui-order-direction.element.js'),
meta: {
label: 'Order Direction',
propertyEditorAlias: '',
propertyEditorSchemaAlias: '',
icon: 'umb:autofill',
group: 'common',
},

View File

@@ -7,7 +7,7 @@ export const manifest: ManifestPropertyEditorUi = {
loader: () => import('./property-editor-ui-overlay-size.element.js'),
meta: {
label: 'Overlay Size',
propertyEditorAlias: '',
propertyEditorSchemaAlias: '',
icon: 'umb:document',
group: '',
},

View File

@@ -7,7 +7,7 @@ export const manifest: ManifestPropertyEditorUi = {
loader: () => import('./property-editor-ui-radio-button-list.element.js'),
meta: {
label: 'Radio Button List',
propertyEditorAlias: 'Umbraco.RadioButtonList',
propertyEditorSchemaAlias: 'Umbraco.RadioButtonList',
icon: 'umb:target',
group: 'lists',
settings: {

View File

@@ -7,7 +7,7 @@ export const manifest: ManifestPropertyEditorUi = {
loader: () => import('./property-editor-ui-slider.element.js'),
meta: {
label: 'Slider',
propertyEditorAlias: 'Umbraco.Slider',
propertyEditorSchemaAlias: 'Umbraco.Slider',
icon: 'umb:navigation-horizontal',
group: 'common',
settings: {

View File

@@ -16,7 +16,7 @@ export const manifests: Array<ManifestPropertyEditorUi> = [
loader: () => import('./property-editor-ui-text-box.element.js'),
meta: {
label: 'Text Box',
propertyEditorAlias: 'Umbraco.TextBox',
propertyEditorSchemaAlias: 'Umbraco.TextBox',
icon: 'umb:autofill',
group: 'common',
settings: {
@@ -37,7 +37,7 @@ export const manifests: Array<ManifestPropertyEditorUi> = [
loader: () => import('./property-editor-ui-text-box.element.js'),
meta: {
label: 'Email',
propertyEditorAlias: 'Umbraco.EmailAddress',
propertyEditorSchemaAlias: 'Umbraco.EmailAddress',
icon: 'umb:message',
group: 'common',
settings: {

View File

@@ -7,7 +7,7 @@ export const manifest: ManifestPropertyEditorUi = {
loader: () => import('./property-editor-ui-textarea.element.js'),
meta: {
label: 'Text Area',
propertyEditorAlias: 'Umbraco.TextArea',
propertyEditorSchemaAlias: 'Umbraco.TextArea',
icon: 'umb:edit',
group: 'common',
settings: {

View File

@@ -7,7 +7,7 @@ export const manifest: ManifestPropertyEditorUi = {
loader: () => import('./property-editor-ui-tiny-mce-configuration.element.js'),
meta: {
label: 'Rich Text Editor Configuration',
propertyEditorAlias: 'Umbraco.TinyMCE.Configuration',
propertyEditorSchemaAlias: 'Umbraco.TinyMCE.Configuration',
icon: 'umb:autofill',
group: 'common',
},

View File

@@ -8,7 +8,7 @@ const manifest: ManifestPropertyEditorUi = {
loader: () => import('./property-editor-ui-tiny-mce.element.js'),
meta: {
label: 'Rich Text Editor',
propertyEditorAlias: 'Umbraco.TinyMCE',
propertyEditorSchemaAlias: 'Umbraco.TinyMCE',
icon: 'umb:browser-window',
group: 'richText',
settings: {

View File

@@ -7,7 +7,7 @@ export const manifest: ManifestPropertyEditorUi = {
loader: () => import('./property-editor-ui-toggle.element.js'),
meta: {
label: 'Toggle',
propertyEditorAlias: 'Umbraco.TrueFalse',
propertyEditorSchemaAlias: 'Umbraco.TrueFalse',
icon: 'umb:checkbox',
group: 'common',
settings: {

View File

@@ -9,6 +9,6 @@ export const manifest: ManifestPropertyEditorUi = {
label: 'Tree Picker Start Node',
icon: 'umb:page-add',
group: 'pickers',
propertyEditorAlias: '',
propertyEditorSchemaAlias: '',
},
};

View File

@@ -10,7 +10,7 @@ const manifest: ManifestPropertyEditorUi = {
label: 'Tree Picker',
icon: 'umb:page-add',
group: 'pickers',
propertyEditorAlias: 'Umbraco.MultiNodeTreePicker',
propertyEditorSchemaAlias: 'Umbraco.MultiNodeTreePicker',
settings: {
properties: [
{

View File

@@ -7,7 +7,7 @@ export const manifest: ManifestPropertyEditorUi = {
loader: () => import('./property-editor-ui-upload-field.element.js'),
meta: {
label: 'Upload Field',
propertyEditorAlias: 'Umbraco.UploadField',
propertyEditorSchemaAlias: 'Umbraco.UploadField',
icon: 'umb:download-alt',
group: 'common',
},

View File

@@ -7,7 +7,7 @@ export const manifest: ManifestPropertyEditorUi = {
loader: () => import('./property-editor-ui-user-picker.element.js'),
meta: {
label: 'User Picker',
propertyEditorAlias: 'Umbraco.UserPicker',
propertyEditorSchemaAlias: 'Umbraco.UserPicker',
icon: 'umb:user',
group: 'people',
},

View File

@@ -9,6 +9,6 @@ export const manifest: ManifestPropertyEditorUi = {
label: 'Value Type',
icon: 'umb:autofill',
group: 'common',
propertyEditorAlias: 'Umbraco.JSON',
propertyEditorSchemaAlias: 'Umbraco.JSON',
},
};

View File

@@ -1,7 +1,7 @@
import type { ManifestPropertyEditorModel } from '@umbraco-cms/backoffice/extension-registry';
import type { ManifestPropertyEditorSchema } from '@umbraco-cms/backoffice/extension-registry';
export const manifest: ManifestPropertyEditorModel = {
type: 'propertyEditorModel',
export const manifest: ManifestPropertyEditorSchema = {
type: 'propertyEditorSchema',
name: 'Content Picker',
alias: 'Umbraco.ContentPicker',
meta: {

View File

@@ -7,7 +7,7 @@ export const manifest: ManifestPropertyEditorUi = {
loader: () => import('./property-editor-ui-document-picker.element.js'),
meta: {
label: 'Document Picker',
propertyEditorAlias: 'Umbraco.ContentPicker',
propertyEditorSchemaAlias: 'Umbraco.ContentPicker',
icon: 'umb:document',
group: 'common',
settings: {

View File

@@ -29,7 +29,7 @@ export class UmbRefDataTypeElement extends UmbElementMixin(UUIRefNodeElement) {
if (dataType) {
this.name = dataType.name ?? '';
this.propertyEditorUiAlias = dataType.propertyEditorUiAlias ?? '';
this.propertyEditorModelAlias = dataType.propertyEditorAlias ?? '';
this.propertyEditorSchemaAlias = dataType.propertyEditorAlias ?? '';
}
},
'dataType'
@@ -51,7 +51,7 @@ export class UmbRefDataTypeElement extends UmbElementMixin(UUIRefNodeElement) {
* Property Editor Model Alias
*/
@state()
propertyEditorModelAlias = '';
propertyEditorSchemaAlias = '';
protected renderDetail() {
const details: string[] = [];
@@ -63,8 +63,8 @@ export class UmbRefDataTypeElement extends UmbElementMixin(UUIRefNodeElement) {
}
/*
// TODO: Revisit if its fine to leave this out:
if (this.propertyEditorModelAlias !== '') {
details.push(this.propertyEditorModelAlias);
if (this.propertyEditorSchemaAlias !== '') {
details.push(this.propertyEditorSchemaAlias);
} else {
details.push('Property Editor Model Missing');
}

View File

@@ -15,7 +15,7 @@ export const Overview: Story = {
args: {
name: 'Custom Data Type',
propertyEditorUiAlias: 'Umb.DataTypeInput.CustomUI',
propertyEditorModelAlias: 'Umbraco.JSON',
propertyEditorSchemaAlias: 'Umbraco.JSON',
},
};
@@ -23,7 +23,7 @@ export const WithDetail: Story = {
args: {
name: 'Custom Data Type',
propertyEditorUiAlias: 'Umb.DataType.CustomUI',
propertyEditorModelAlias: 'UmbracoInput.JSON',
propertyEditorSchemaAlias: 'UmbracoInput.JSON',
detail: 'With some custom details',
},
};
@@ -32,14 +32,14 @@ export const WithSlots: Story = {
args: {
name: 'Custom Data Type',
propertyEditorUiAlias: 'Umb.DataTypeInput.CustomUI',
propertyEditorModelAlias: 'Umbraco.JSON',
propertyEditorSchemaAlias: 'Umbraco.JSON',
detail: 'With some custom details',
},
render: (args) => html`
<umb-ref-data-type
.name=${args.name}
.propertyEditorUiAlias=${args.propertyEditorUiAlias}
.propertyEditorModelAlias=${args.propertyEditorModelAlias}
.propertyEditorSchemaAlias=${args.propertyEditorSchemaAlias}
.detail=${args.detail}>
<div slot="tag"><uui-tag color="positive">10</uui-tag></div>
<div slot="actions">

View File

@@ -55,7 +55,7 @@ export class UmbDataTypeWorkspaceContext
this.#data.update({ name });
}
setPropertyEditorAlias(alias?: string) {
setPropertyEditorSchemaAlias(alias?: string) {
this.#data.update({ propertyEditorAlias: alias });
}
setPropertyEditorUiAlias(alias?: string) {

View File

@@ -32,7 +32,7 @@ export class UmbDataTypeDetailsWorkspaceViewEditElement
private _propertyEditorUiAlias?: string;
@state()
private _propertyEditorAlias?: string;
private _propertyEditorSchemaAlias?: string;
@state()
private _data: Array<any> = [];
@@ -69,13 +69,13 @@ export class UmbDataTypeDetailsWorkspaceViewEditElement
if (this._dataType.propertyEditorAlias) {
// Get the property editor UI alias from the property editor alias:
this.observe(
umbExtensionsRegistry.getByTypeAndAlias('propertyEditorModel', this._dataType.propertyEditorAlias),
(propertyEditorModel) => {
// TODO: show error. We have stored a PropertyEditorModelAlias and can't find the PropertyEditorModel in the registry.
if (!propertyEditorModel) return;
this._setPropertyEditorUiAlias(propertyEditorModel.meta.defaultPropertyEditorUiAlias ?? undefined);
umbExtensionsRegistry.getByTypeAndAlias('propertyEditorSchema', this._dataType.propertyEditorAlias),
(propertyEditorSchema) => {
// TODO: show error. We have stored a propertyEditorSchemaAlias and can't find the PropertyEditorSchema in the registry.
if (!propertyEditorSchema) return;
this._setPropertyEditorUiAlias(propertyEditorSchema.meta.defaultPropertyEditorUiAlias ?? undefined);
},
'_observePropertyEditorModelForDefaultUI'
'_observepropertyEditorSchemaForDefaultUI'
);
} else {
this._setPropertyEditorUiAlias(undefined);
@@ -105,8 +105,8 @@ export class UmbDataTypeDetailsWorkspaceViewEditElement
return;
}
// remove the '_observePropertyEditorModelForDefaultUI' controller, as we do not want to observe for default value anymore:
this.removeControllerByUnique('_observePropertyEditorModelForDefaultUI');
// remove the '_observepropertyEditorSchemaForDefaultUI' controller, as we do not want to observe for default value anymore:
this.removeControllerByUnique('_observepropertyEditorSchemaForDefaultUI');
this.observe(
umbExtensionsRegistry.getByTypeAndAlias('propertyEditorUi', propertyEditorUiAlias),
@@ -117,9 +117,9 @@ export class UmbDataTypeDetailsWorkspaceViewEditElement
this._propertyEditorUiName = propertyEditorUI?.meta.label ?? propertyEditorUI?.name ?? '';
this._propertyEditorUiAlias = propertyEditorUI?.alias ?? '';
this._propertyEditorUiIcon = propertyEditorUI?.meta.icon ?? '';
this._propertyEditorAlias = propertyEditorUI?.meta.propertyEditorAlias ?? '';
this._propertyEditorSchemaAlias = propertyEditorUI?.meta.propertyEditorSchemaAlias ?? '';
this._workspaceContext?.setPropertyEditorAlias(this._propertyEditorAlias);
this._workspaceContext?.setPropertyEditorSchemaAlias(this._propertyEditorSchemaAlias);
},
'_observePropertyEditorUI'
);
@@ -158,7 +158,7 @@ export class UmbDataTypeDetailsWorkspaceViewEditElement
slot="editor"
name=${this._propertyEditorUiName}
alias=${this._propertyEditorUiAlias}
property-editor-model-alias=${this._propertyEditorAlias}
property-editor-model-alias=${this._propertyEditorSchemaAlias}
border>
<uui-icon name="${this._propertyEditorUiIcon}" slot="icon"></uui-icon>
<uui-action-bar slot="actions">
@@ -180,7 +180,7 @@ export class UmbDataTypeDetailsWorkspaceViewEditElement
private _renderConfig() {
return html`
${this._propertyEditorAlias && this._propertyEditorUiAlias
${this._propertyEditorSchemaAlias && this._propertyEditorUiAlias
? html`
<uui-box headline="Settings">
<umb-property-editor-config

View File

@@ -7,7 +7,7 @@ export const manifest: ManifestPropertyEditorUi = {
loader: () => import('./property-editor-ui-tags-storage-type.element.js'),
meta: {
label: 'Tags Storage Type',
propertyEditorAlias: '',
propertyEditorSchemaAlias: '',
icon: 'umb:autofill',
group: 'common',
},

View File

@@ -8,7 +8,7 @@ const manifest: ManifestPropertyEditorUi = {
loader: () => import('./property-editor-ui-tags.element.js'),
meta: {
label: 'Tags',
propertyEditorAlias: 'Umbraco.Tags',
propertyEditorSchemaAlias: 'Umbraco.Tags',
icon: 'umb:tags',
group: 'common',
},

View File

@@ -26,7 +26,7 @@ import { Meta } from '@storybook/addon-docs';
```json
{
"type": "propertyEditorModel",
"type": "propertyEditorSchema",
"name": "Text Box",
"alias": "Umbraco.TextBox",
};
@@ -43,7 +43,7 @@ import { Meta } from '@storybook/addon-docs';
"js": "./my-text-box.element.js",
"meta": {
"label": "My Text Box",
"propertyEditorModel": "Umbraco.TextBox",
"propertyEditorSchema": "Umbraco.TextBox",
"icon": "umb:autofill",
"group": "common"
}