@umbraco-cms/backoffice 1.0.0-next.ea1e6e6f → 1.0.0-next.ed0b8881

package/dist-cms/packages/core/components/code-editor/code-editor.element.d.ts

@@ -1,5 +1,5 @@
 import { UmbCodeEditorController } from './code-editor.controller.js';
-import { CodeEditorLanguage, CodeEditorTheme, UmbCodeEditorHost } from './code-editor.model.js';
+import { CodeEditorLanguage, CodeEditorSearchOptions, CodeEditorTheme, UmbCodeEditorHost } from './code-editor.model.js';
 import { PropertyValues } from '../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 /**
@@ -72,7 +72,7 @@ export declare class UmbCodeEditorElement extends UmbLitElement implements UmbCo
      * @return {*}
      * @memberof UmbCodeEditorElement
      */
-    find(text: string): import("./code-editor.model.js").UmbCodeEditorRange[] | undefined;
+    find(text: string, searchOptions?: CodeEditorSearchOptions): import("./code-editor.model.js").UmbCodeEditorRange[] | undefined;
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
 }

package/dist-cms/packages/core/components/code-editor/code-editor.element.js

@@ -6,7 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { UMB_THEME_CONTEXT_TOKEN } from '../../../settings/themes/theme.context.js';
 import { UmbCodeEditorController } from './code-editor.controller.js';
-import { CodeEditorTheme } from './code-editor.model.js';
+import { CodeEditorTheme, } from './code-editor.model.js';
 import { monacoEditorStyles, monacoJumpingCursorHack } from './styles.js';
 import { css, html, createRef, ref, customElement, property, } from '../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
@@ -129,8 +129,8 @@ let UmbCodeEditorElement = class UmbCodeEditorElement extends UmbLitElement {
      * @return {*}
      * @memberof UmbCodeEditorElement
      */
-    find(text) {
-        return this.#editor?.find(text);
+    find(text, searchOptions = {}) {
+        return this.#editor?.find(text, searchOptions);
     }
     render() {
         return html ` <div id="editor-container" ${ref(this.containerRef)}></div> `;

package/dist-cms/packages/core/components/code-editor/code-editor.model.d.ts

@@ -190,33 +190,33 @@ export interface CodeEditorSearchOptions {
      * @type {boolean}
      * @memberof CodeEditorSearchOptions
      */
-    searchOnlyEditableRange: boolean;
+    searchOnlyEditableRange?: boolean;
     /**
      * Used to indicate that searchString is a regular expression.
      *
      * @type {boolean}
      * @memberof CodeEditorSearchOptions
      */
-    isRegex: boolean;
+    isRegex?: boolean;
     /**
      * Force the matching to match lower/upper case exactly.
      *
      * @type {boolean}
      * @memberof CodeEditorSearchOptions
      */
-    matchCase: boolean;
+    matchCase?: boolean;
     /**
      * Force the matching to match entire words only. Pass null otherwise.
      *
      * @type {string}
      * @memberof CodeEditorSearchOptions
      */
-    wordSeparators: string | null;
+    wordSeparators?: string | null;
     /**
      * The result will contain the captured groups.
      *
      * @type {boolean}
      * @memberof CodeEditorSearchOptions
      */
-    captureMatches: boolean;
+    captureMatches?: boolean;
 }

package/dist-cms/packages/core/components/data-type/data-type-property-collection.class.d.ts

@@ -5,6 +5,7 @@ import { DataTypePropertyPresentationModel } from '../../../../external/backend-
  */
 export declare class UmbDataTypePropertyCollection extends Array<DataTypePropertyPresentationModel> {
     constructor(args?: Array<DataTypePropertyPresentationModel>);
+    static get [Symbol.species](): ArrayConstructor;
     getValueByAlias<T>(alias: string): T | undefined;
     getByAlias(alias: string): DataTypePropertyPresentationModel | undefined;
 }

package/dist-cms/packages/core/components/data-type/data-type-property-collection.class.js

@@ -6,6 +6,9 @@ export class UmbDataTypePropertyCollection extends Array {
     constructor(args = []) {
         super(...args);
     }
+    static get [Symbol.species]() {
+        return Array;
+    }
     getValueByAlias(alias) {
         const property = this.getByAlias(alias);
         if (property?.value === undefined || property?.value === null) {

package/dist-cms/packages/core/components/footer-layout/footer-layout.element.js

@@ -30,7 +30,7 @@ let UmbFooterLayoutElement = class UmbFooterLayoutElement extends LitElement {
 				align-items: center;
 				justify-content: space-between;
 				width: 100%;
-				height: 54px; /* TODO: missing var(--uui-size-18);*/
+				height: var(--umb-footer-layout-height);
 				border-top: 1px solid var(--uui-color-border);
 				background-color: var(--uui-color-surface);
 				box-sizing: border-box;

package/dist-cms/packages/core/components/index.js

@@ -4,8 +4,7 @@ export * from './backoffice-modal-container/backoffice-modal-container.element.j
 export * from './backoffice-notification-container/backoffice-notification-container.element.js';
 export * from './body-layout/body-layout.element.js';
 export * from './button-with-dropdown/button-with-dropdown.element.js'; // TODO: delete this and change usage to umb-dropdown
-//export * from './code-block.js';
-//export * from './code-editor.js';
+// export * from './code-block.js';
 export * from './data-type/index.js';
 export * from './date-input/index.js';
 export * from './dropdown/index.js';

package/dist-cms/packages/core/components/property-editor-config/property-editor-config.element.d.ts

@@ -26,10 +26,10 @@ export declare class UmbPropertyEditorConfigElement extends UmbLitElement {
     }>;
     private _properties;
     private _propertyEditorModelConfigDefaultData;
-    private _propertyEditorUIConfigDefaultData;
+    private _propertyEditorUISettingsDefaultData;
     private _configDefaultData?;
     private _propertyEditorModelConfigProperties;
-    private _propertyEditorUIConfigProperties;
+    private _propertyEditorUISettingsProperties;
     private _observePropertyEditorUIConfig;
     private _observePropertyEditorModelConfig;
     private _mergeConfigProperties;

package/dist-cms/packages/core/components/property-editor-config/property-editor-config.element.js

@@ -32,9 +32,9 @@ let UmbPropertyEditorConfigElement = class UmbPropertyEditorConfigElement extend
         this.data = [];
         this._properties = [];
         this._propertyEditorModelConfigDefaultData = [];
-        this._propertyEditorUIConfigDefaultData = [];
+        this._propertyEditorUISettingsDefaultData = [];
         this._propertyEditorModelConfigProperties = [];
-        this._propertyEditorUIConfigProperties = [];
+        this._propertyEditorUISettingsProperties = [];
     }
     get propertyEditorUiAlias() {
         return this._propertyEditorUiAlias;
@@ -48,10 +48,10 @@ let UmbPropertyEditorConfigElement = class UmbPropertyEditorConfigElement extend
     _observePropertyEditorUIConfig() {
         if (!this._propertyEditorUiAlias)
             return;
-        this.observe(umbExtensionsRegistry.getByTypeAndAlias('propertyEditorUI', this.propertyEditorUiAlias), (manifest) => {
-            this._observePropertyEditorModelConfig(manifest?.meta.propertyEditorModel);
-            this._propertyEditorUIConfigProperties = manifest?.meta.config?.properties || [];
-            this._propertyEditorUIConfigDefaultData = manifest?.meta.config?.defaultData || [];
+        this.observe(umbExtensionsRegistry.getByTypeAndAlias('propertyEditorUi', this.propertyEditorUiAlias), (manifest) => {
+            this._observePropertyEditorModelConfig(manifest?.meta.propertyEditorAlias);
+            this._propertyEditorUISettingsProperties = manifest?.meta.settings?.properties || [];
+            this._propertyEditorUISettingsDefaultData = manifest?.meta.settings?.defaultData || [];
             this._mergeConfigProperties();
             this._mergeConfigDefaultData();
         });
@@ -60,19 +60,19 @@ let UmbPropertyEditorConfigElement = class UmbPropertyEditorConfigElement extend
         if (!propertyEditorAlias)
             return;
         this.observe(umbExtensionsRegistry.getByTypeAndAlias('propertyEditorModel', propertyEditorAlias), (manifest) => {
-            this._propertyEditorModelConfigProperties = manifest?.meta.config?.properties || [];
-            this._propertyEditorModelConfigDefaultData = manifest?.meta.config?.defaultData || [];
+            this._propertyEditorModelConfigProperties = manifest?.meta.settings?.properties || [];
+            this._propertyEditorModelConfigDefaultData = manifest?.meta.settings?.defaultData || [];
             this._mergeConfigProperties();
             this._mergeConfigDefaultData();
         });
     }
     _mergeConfigProperties() {
-        this._properties = [...this._propertyEditorModelConfigProperties, ...this._propertyEditorUIConfigProperties];
+        this._properties = [...this._propertyEditorModelConfigProperties, ...this._propertyEditorUISettingsProperties];
     }
     _mergeConfigDefaultData() {
         this._configDefaultData = [
             ...this._propertyEditorModelConfigDefaultData,
-            ...this._propertyEditorUIConfigDefaultData,
+            ...this._propertyEditorUISettingsDefaultData,
         ];
     }
     /**
@@ -80,8 +80,10 @@ let UmbPropertyEditorConfigElement = class UmbPropertyEditorConfigElement extend
      */
     _getValue(property) {
         const value = this.data.find((data) => data.alias === property.alias)?.value;
+        if (value)
+            return value;
         const defaultValue = this._configDefaultData?.find((data) => data.alias === property.alias)?.value;
-        return value ?? defaultValue ?? null;
+        return defaultValue ?? null;
     }
     render() {
         return html `
@@ -92,8 +94,9 @@ let UmbPropertyEditorConfigElement = class UmbPropertyEditorConfigElement extend
 									label="${property.label}"
 									description="${ifDefined(property.description)}"
 									alias="${property.alias}"
-									property-editor-ui-alias="${property.propertyEditorUI}"
-									.value=${this._getValue(property)}></umb-workspace-property>
+									property-editor-ui-alias="${property.propertyEditorUiAlias}"
+									.value=${this._getValue(property)}
+									.config=${property.config}></umb-workspace-property>
 							`)}
 				  `
             : html `<div>No configuration</div>`}

package/dist-cms/packages/core/components/property-type-based-property/property-type-based-property.element.js

@@ -9,6 +9,7 @@ import { css, html, ifDefined, customElement, property, state } from '../../../.
 import { UmbDataTypeRepository } from '../../../settings/data-types/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 import { UMB_ENTITY_WORKSPACE_CONTEXT } from '../../workspace/index.js';
+import { umbExtensionsRegistry } from '../../extension-registry/index.js';
 let UmbPropertyTypeBasedPropertyElement = class UmbPropertyTypeBasedPropertyElement extends UmbLitElement {
     get property() {
         return this._property;
@@ -64,7 +65,17 @@ let UmbPropertyTypeBasedPropertyElement = class UmbPropertyTypeBasedPropertyElem
             this._dataTypeObserver = this.observe(await this._dataTypeRepository.byId(dataTypeId), (dataType) => {
                 this._dataTypeData = dataType?.values || [];
                 this._propertyEditorUiAlias = dataType?.propertyEditorUiAlias || undefined;
-            }, 'observeDataType');
+                // If there is no UI, we will look up the Property editor model to find the default UI alias:
+                if (!this._propertyEditorUiAlias && dataType?.propertyEditorAlias) {
+                    //use 'dataType.propertyEditorAlias' to look up the extension in the registry:
+                    this.observe(umbExtensionsRegistry.getByTypeAndAlias('propertyEditorModel', dataType.propertyEditorAlias), (extension) => {
+                        if (!extension)
+                            return;
+                        this._propertyEditorUiAlias = extension?.meta.defaultPropertyEditorUiAlias;
+                        this.removeControllerByUnique('_observePropertyEditorModel');
+                    }, '_observePropertyEditorModel');
+                }
+            }, '_observeDataType');
         }
     }
     render() {

package/dist-cms/packages/core/components/table/table.element.js

@@ -181,8 +181,7 @@ let UmbTableElement = class UmbTableElement extends LitElement {
         UUITextStyles,
         css `
 			:host {
-				height: 100%;
-				overflow: auto;
+				height: fit-content;
 				padding: var(--uui-size-space-4);
 				padding-top: 0;
 			}

package/dist-cms/packages/core/extension-registry/models/index.d.ts

@@ -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, ManifestPropertyEditorModel } 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';
@@ -53,4 +53,4 @@ export * from './workspace-action.model.js';
 export * from './workspace-view-collection.model.js';
 export * from './workspace-editor-view.model.js';
 export * from './workspace.model.js';
-export type ManifestTypes = ManifestCollectionView | ManifestDashboard | ManifestDashboardCollection | ManifestEntityAction | ManifestEntityBulkAction | ManifestEntryPoint | ManifestExternalLoginProvider | ManifestHeaderApp | ManifestHeaderAppButtonKind | ManifestHealthCheck | ManifestItemStore | ManifestMenu | ManifestMenuItem | ManifestMenuItemTreeKind | ManifestModal | ManifestPackageView | ManifestPropertyAction | ManifestPropertyEditorModel | ManifestPropertyEditorUI | ManifestRepository | ManifestSection | ManifestSectionSidebarApp | ManifestSectionSidebarAppMenuKind | ManifestSectionView | ManifestStore | ManifestTheme | ManifestTree | ManifestTreeItem | ManifestTreeStore | ManifestUserProfileApp | ManifestWorkspace | ManifestWorkspaceAction | ManifestWorkspaceEditorView | ManifestWorkspaceViewCollection | ManifestBase;
+export type ManifestTypes = ManifestCollectionView | ManifestDashboard | ManifestDashboardCollection | ManifestEntityAction | ManifestEntityBulkAction | ManifestEntryPoint | ManifestExternalLoginProvider | ManifestHeaderApp | ManifestHeaderAppButtonKind | ManifestHealthCheck | ManifestItemStore | ManifestMenu | ManifestMenuItem | ManifestMenuItemTreeKind | ManifestModal | ManifestPackageView | ManifestPropertyAction | ManifestPropertyEditorModel | ManifestPropertyEditorUi | ManifestRepository | ManifestSection | ManifestSectionSidebarApp | ManifestSectionSidebarAppMenuKind | ManifestSectionView | ManifestStore | ManifestTheme | ManifestTree | ManifestTreeItem | ManifestTreeStore | ManifestUserProfileApp | ManifestWorkspace | ManifestWorkspaceAction | ManifestWorkspaceEditorView | ManifestWorkspaceViewCollection | ManifestBase;

package/dist-cms/packages/core/extension-registry/models/property-editor.model.d.ts

@@ -1,15 +1,16 @@
 import type { UmbPropertyEditorExtensionElement } from '../interfaces/index.js';
+import { DataTypePropertyPresentationModel } from '../../../../external/backend-api/index.js';
 import type { ManifestElement, ManifestBase } from '../../../../libs/extension-api/index.js';
-export interface ManifestPropertyEditorUI extends ManifestElement<UmbPropertyEditorExtensionElement> {
-    type: 'propertyEditorUI';
-    meta: MetaPropertyEditorUI;
+export interface ManifestPropertyEditorUi extends ManifestElement<UmbPropertyEditorExtensionElement> {
+    type: 'propertyEditorUi';
+    meta: MetaPropertyEditorUi;
 }
-export interface MetaPropertyEditorUI {
+export interface MetaPropertyEditorUi {
     label: string;
-    propertyEditorModel: string;
+    propertyEditorAlias: string;
     icon: string;
     group: string;
-    config?: PropertyEditorConfig;
+    settings?: PropertyEditorSettings;
     supportsReadOnly?: boolean;
 }
 export interface ManifestPropertyEditorModel extends ManifestBase {
@@ -17,9 +18,10 @@ export interface ManifestPropertyEditorModel extends ManifestBase {
     meta: MetaPropertyEditorModel;
 }
 export interface MetaPropertyEditorModel {
-    config?: PropertyEditorConfig;
+    defaultPropertyEditorUiAlias: string;
+    settings?: PropertyEditorSettings;
 }
-export interface PropertyEditorConfig {
+export interface PropertyEditorSettings {
     properties: PropertyEditorConfigProperty[];
     defaultData?: PropertyEditorConfigDefaultData[];
 }
@@ -27,9 +29,10 @@ export interface PropertyEditorConfigProperty {
     label: string;
     description?: string;
     alias: string;
-    propertyEditorUI: string;
+    propertyEditorUiAlias: string;
+    config?: Array<DataTypePropertyPresentationModel>;
 }
 export interface PropertyEditorConfigDefaultData {
     alias: string;
-    value: any;
+    value: unknown;
 }

package/dist-cms/packages/core/modal/common/tree-picker/tree-picker-modal.element.js

@@ -51,10 +51,6 @@ let UmbTreePickerModalElement = class UmbTreePickerModalElement extends UmbModal
     static { this.styles = [
         UUITextStyles,
         css `
-			:host {
-				--umb-header-layout-height: 70px;
-			}
-
 			uui-box {
 				margin: var(--uui-size-layout-1);
 			}

package/dist-cms/packages/core/modal/token/allowed-document-types-modal.token.d.ts

@@ -1,6 +1,7 @@
 import { UmbModalToken } from '../index.js';
 export interface UmbAllowedDocumentTypesModalData {
-    id: string | null;
+    parentId: string | null;
+    parentName?: string;
 }
 export interface UmbAllowedDocumentTypesModalResult {
     documentTypeKey: string;

package/dist-cms/packages/core/modal/token/dictionary-item-picker-modal.token.d.ts

@@ -1,10 +1,6 @@
-import { UmbModalToken } from '../index.js';
-export interface UmbDictionaryItemPickerModalData {
-    multiple: boolean;
-    selection: string[];
-}
-export interface UmbDictionaryItemPickerModalResult {
-    selection: Array<string | null>;
-}
+import { EntityTreeItemResponseModel } from '../../../../external/backend-api/index.js';
+import { UmbModalToken, UmbPickerModalResult, UmbTreePickerModalData } from '../index.js';
+export type UmbDictionaryItemPickerModalData = UmbTreePickerModalData<EntityTreeItemResponseModel>;
+export type UmbDictionaryItemPickerModalResult = UmbPickerModalResult;
 export declare const UMB_DICTIONARY_ITEM_PICKER_MODAL_ALIAS = "Umb.Modal.DictionaryItemPicker";
-export declare const UMB_DICTIONARY_ITEM_PICKER_MODAL: UmbModalToken<UmbDictionaryItemPickerModalData, UmbDictionaryItemPickerModalResult>;
+export declare const UMB_DICTIONARY_ITEM_PICKER_MODAL: UmbModalToken<UmbDictionaryItemPickerModalData, UmbPickerModalResult>;

package/dist-cms/packages/core/modal/token/dictionary-item-picker-modal.token.js

@@ -1,6 +1,8 @@
 import { UmbModalToken } from '../index.js';
 export const UMB_DICTIONARY_ITEM_PICKER_MODAL_ALIAS = 'Umb.Modal.DictionaryItemPicker';
-export const UMB_DICTIONARY_ITEM_PICKER_MODAL = new UmbModalToken(UMB_DICTIONARY_ITEM_PICKER_MODAL_ALIAS, {
+export const UMB_DICTIONARY_ITEM_PICKER_MODAL = new UmbModalToken('Umb.Modal.TreePicker', {
     type: 'sidebar',
     size: 'small',
+}, {
+    treeAlias: 'Umb.Tree.Dictionary',
 });

package/dist-cms/packages/core/property-actions/manifests.js

@@ -5,7 +5,7 @@ export const manifests = [
         name: 'Copy Property Action',
         loader: () => import('./common/copy/property-action-copy.element.js'),
         conditions: {
-            propertyEditors: ['Umb.PropertyEditorUI.TextBox'],
+            propertyEditors: ['Umb.PropertyEditorUi.TextBox'],
         },
     },
     {
@@ -14,7 +14,7 @@ export const manifests = [
         name: 'Clear Property Action',
         loader: () => import('./common/clear/property-action-clear.element.js'),
         conditions: {
-            propertyEditors: ['Umb.PropertyEditorUI.TextBox'],
+            propertyEditors: ['Umb.PropertyEditorUi.TextBox'],
         },
     },
 ];

package/dist-cms/packages/core/property-editors/manifests.d.ts

@@ -1 +1 @@
-export declare const manifests: (import("../index.js").ManifestPropertyEditorUI | import("../index.js").ManifestPropertyEditorModel)[];
+export declare const manifests: (import("../index.js").ManifestPropertyEditorUi | import("../index.js").ManifestPropertyEditorModel)[];

package/dist-cms/packages/core/property-editors/models/Umbraco.BlockGrid.js

@@ -3,35 +3,36 @@ export const manifest = {
     name: 'Block Grid',
     alias: 'Umbraco.BlockGrid',
     meta: {
-        config: {
+        defaultPropertyEditorUiAlias: 'Umb.PropertyEditorUi.BlockGrid',
+        settings: {
             properties: [
                 {
                     alias: 'blocks',
                     label: 'Blocks',
                     description: 'Define Blocks based on Element Types. Use Groups to help organise their selection. Example Groups: Layout and Content',
-                    propertyEditorUI: 'Umb.PropertyEditorUI.BlockGrid.BlockConfiguration',
+                    propertyEditorUiAlias: 'Umb.PropertyEditorUi.BlockGrid.BlockConfiguration',
                 },
                 {
                     alias: 'blockGroups',
                     label: 'Block Groups',
-                    propertyEditorUI: 'Umb.PropertyEditorUI.BlockGrid.GroupConfiguration',
+                    propertyEditorUiAlias: 'Umb.PropertyEditorUi.BlockGrid.GroupConfiguration',
                 },
                 {
                     alias: 'validationLimit',
                     label: 'Amount',
-                    propertyEditorUI: 'Umb.PropertyEditorUI.NumberRange',
+                    propertyEditorUiAlias: 'Umb.PropertyEditorUi.NumberRange',
                 },
                 {
                     alias: 'gridColumns',
                     label: 'Grid Columns',
                     description: 'Set the number of columns for the layout. (defaults to 12)',
-                    propertyEditorUI: 'Umb.PropertyEditorUI.Number',
+                    propertyEditorUiAlias: 'Umb.PropertyEditorUi.Number',
                 },
                 {
                     alias: 'layoutStylesheet',
                     label: 'Layout Stylesheet',
                     description: 'Override default stylesheet for backoffice layout.',
-                    propertyEditorUI: 'Umb.PropertyEditorUI.BlockGrid.StylesheetPicker',
+                    propertyEditorUiAlias: 'Umb.PropertyEditorUi.BlockGrid.StylesheetPicker',
                 },
             ],
             defaultData: [

package/dist-cms/packages/core/property-editors/models/Umbraco.BlockList.js

@@ -3,19 +3,20 @@ export const manifest = {
     name: 'Block List',
     alias: 'Umbraco.BlockList',
     meta: {
-        config: {
+        defaultPropertyEditorUiAlias: 'Umb.PropertyEditorUi.BlockList',
+        settings: {
             properties: [
                 {
                     alias: 'blocks',
                     label: 'Available Blocks',
                     description: 'Define the available blocks.',
-                    propertyEditorUI: 'Umb.PropertyEditorUI.BlockList.BlockConfiguration',
+                    propertyEditorUiAlias: 'Umb.PropertyEditorUi.BlockList.BlockConfiguration',
                 },
                 {
                     alias: 'validationLimit',
                     label: 'Amount',
                     description: 'Set a required range of blocks',
-                    propertyEditorUI: 'Umb.PropertyEditorUI.NumberRange',
+                    propertyEditorUiAlias: 'Umb.PropertyEditorUi.NumberRange',
                 },
             ],
         },

package/dist-cms/packages/core/property-editors/models/Umbraco.CheckboxList.js

@@ -2,5 +2,7 @@ export const manifest = {
     type: 'propertyEditorModel',
     name: 'Checkbox List',
     alias: 'Umbraco.CheckboxList',
-    meta: {},
+    meta: {
+        defaultPropertyEditorUiAlias: 'Umb.PropertyEditorUi.CheckboxList',
+    },
 };

package/dist-cms/packages/core/property-editors/models/Umbraco.ColorPicker.EyeDropper.js

@@ -2,5 +2,7 @@ export const manifest = {
     type: 'propertyEditorModel',
     name: 'Eye Dropper Color Picker',
     alias: 'Umbraco.ColorPicker.EyeDropper',
-    meta: {},
+    meta: {
+        defaultPropertyEditorUiAlias: 'Umb.PropertyEditorUi.EyeDropper',
+    },
 };

package/dist-cms/packages/core/property-editors/models/Umbraco.ColorPicker.js

@@ -3,19 +3,20 @@ export const manifest = {
     name: 'Color Picker',
     alias: 'Umbraco.ColorPicker',
     meta: {
-        config: {
+        defaultPropertyEditorUiAlias: 'Umb.PropertyEditorUi.ColorPicker',
+        settings: {
             properties: [
                 {
                     alias: 'useLabel',
                     label: 'Include labels?',
                     description: 'Stores colors as a Json object containing both the color hex string and label, rather than just the hex string.',
-                    propertyEditorUI: 'Umb.PropertyEditorUI.Toggle',
+                    propertyEditorUiAlias: 'Umb.PropertyEditorUi.Toggle',
                 },
                 {
                     alias: 'items',
                     label: 'Colors',
                     description: 'Add, remove or sort colors',
-                    propertyEditorUI: 'Umb.PropertyEditorUI.ColorPicker',
+                    propertyEditorUiAlias: 'Umb.PropertyEditorUi.ColorPicker',
                 },
             ],
         },

package/dist-cms/packages/core/property-editors/models/Umbraco.DateTime.js

@@ -4,13 +4,28 @@ export const manifest = {
     name: 'Date/Time',
     alias: 'Umbraco.DateTime',
     meta: {
-        config: {
+        defaultPropertyEditorUiAlias: 'Umb.PropertyEditorUi.DatePicker',
+        settings: {
             properties: [
                 {
                     alias: 'offsetTime',
                     label: 'Offset time',
                     description: 'When enabled the time displayed will be offset with the servers timezone, this is useful for scenarios like scheduled publishing when an editor is in a different timezone than the hosted server',
-                    propertyEditorUI: 'Umb.PropertyEditorUI.Toggle',
+                    propertyEditorUiAlias: 'Umb.PropertyEditorUi.Toggle',
+                    config: [
+                        {
+                            alias: 'labelOff',
+                            value: 'Adjust to local time',
+                        },
+                        {
+                            alias: 'labelOn',
+                            value: 'Adjust to local time',
+                        },
+                        {
+                            alias: 'showLabels',
+                            value: true,
+                        },
+                    ],
                 },
             ],
         },

package/dist-cms/packages/core/property-editors/models/Umbraco.Decimal.js

@@ -3,25 +3,26 @@ export const manifest = {
     name: 'Decimal',
     alias: 'Umbraco.Decimal',
     meta: {
-        config: {
+        defaultPropertyEditorUiAlias: 'Umb.PropertyEditorUi.Decimal',
+        settings: {
             properties: [
                 {
                     alias: 'min',
                     label: 'Minimum',
                     description: 'Enter the minimum amount of number to be entered',
-                    propertyEditorUI: 'Umb.PropertyEditorUI.Number',
+                    propertyEditorUiAlias: 'Umb.PropertyEditorUi.Number',
                 },
                 {
                     alias: 'max',
                     label: 'Maximum',
                     description: 'Enter the minimum amount of number to be entered',
-                    propertyEditorUI: 'Umb.PropertyEditorUI.Number',
+                    propertyEditorUiAlias: 'Umb.PropertyEditorUi.Number',
                 },
                 {
                     alias: 'step',
                     label: 'Step size',
                     description: 'Enter the intervals amount between each step of number to be entered',
-                    propertyEditorUI: 'Umb.PropertyEditorUI.Number',
+                    propertyEditorUiAlias: 'Umb.PropertyEditorUi.Number',
                 },
             ],
         },

package/dist-cms/packages/core/property-editors/models/Umbraco.Dropdown.Flexible.js

@@ -3,5 +3,7 @@ export const manifest = {
     type: 'propertyEditorModel',
     name: 'Dropdown',
     alias: 'Umbraco.DropDown.Flexible',
-    meta: {},
+    meta: {
+        defaultPropertyEditorUiAlias: 'Umb.PropertyEditorUi.DropDown.Flexible',
+    },
 };

package/dist-cms/packages/core/property-editors/models/Umbraco.EmailAddress.js

@@ -2,5 +2,7 @@ export const manifest = {
     type: 'propertyEditorModel',
     name: 'Email Address',
     alias: 'Umbraco.EmailAddress',
-    meta: {},
+    meta: {
+        defaultPropertyEditorUiAlias: 'Umb.PropertyEditorUi.EmailAddress',
+    },
 };

package/dist-cms/packages/core/property-editors/models/Umbraco.IconPicker.d.ts

@@ -0,0 +1,2 @@
+import type { ManifestPropertyEditorModel } from '../../extension-registry/index.js';
+export declare const manifest: ManifestPropertyEditorModel;

package/dist-cms/packages/core/property-editors/models/Umbraco.IconPicker.js

@@ -0,0 +1,8 @@
+export const manifest = {
+    type: 'propertyEditorModel',
+    name: 'Icon Picker',
+    alias: 'Umbraco.IconPicker',
+    meta: {
+        defaultPropertyEditorUiAlias: 'Umb.PropertyEditorUi.IconPicker',
+    },
+};

package/dist-cms/packages/core/property-editors/models/Umbraco.ImageCropper.js

@@ -3,12 +3,13 @@ export const manifest = {
     name: 'Email Address',
     alias: 'Umbraco.ImageCropper',
     meta: {
-        config: {
+        defaultPropertyEditorUiAlias: 'Umb.PropertyEditorUi.ImageCropper',
+        settings: {
             properties: [
                 {
                     alias: 'crops',
                     label: 'Define Crops',
-                    propertyEditorUI: 'Umb.PropertyEditorUI.ImageCropsConfiguration',
+                    propertyEditorUiAlias: 'Umb.PropertyEditorUi.ImageCropsConfiguration',
                 },
             ],
         },