@umbraco-cms/backoffice 1.0.0-next.3ef9a292 → 1.0.0-next.416f0335

package/dist-cms/mocks/data/data-type.data.js

@@ -18,7 +18,7 @@ export const data = [
         parentId: null,
         name: 'Textstring',
         propertyEditorAlias: 'Umbraco.TextBox',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.TextBox',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.TextBox',
         values: [],
     },
     {
@@ -28,7 +28,7 @@ export const data = [
         id: 'dt-textBox',
         parentId: null,
         propertyEditorAlias: 'Umbraco.TextBox',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.TextBox',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.TextBox',
         values: [
             {
                 alias: 'maxChars',
@@ -43,7 +43,7 @@ export const data = [
         id: 'dt-textArea',
         parentId: null,
         propertyEditorAlias: 'Umbraco.TextArea',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.TextArea',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.TextArea',
         values: [],
     },
     {
@@ -63,7 +63,7 @@ export const data = [
         id: 'dt-colorPicker',
         parentId: null,
         propertyEditorAlias: 'Umbraco.ColorPicker',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.ColorPicker',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.ColorPicker',
         values: [
             {
                 alias: 'useLabel',
@@ -119,7 +119,7 @@ export const data = [
         id: 'dt-contentPicker',
         parentId: null,
         propertyEditorAlias: 'Umbraco.ContentPicker',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.DocumentPicker',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.DocumentPicker',
         values: [
             {
                 alias: 'validationLimit',
@@ -134,7 +134,7 @@ export const data = [
         id: 'dt-eyeDropper',
         parentId: null,
         propertyEditorAlias: 'Umbraco.ColorPicker.EyeDropper',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.EyeDropper',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.EyeDropper',
         values: [
             {
                 //showPalette
@@ -171,7 +171,7 @@ export const data = [
         id: 'dt-multiUrlPicker',
         parentId: null,
         propertyEditorAlias: 'Umbraco.MultiUrlPicker',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.MultiUrlPicker',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.MultiUrlPicker',
         values: [
             {
                 alias: 'overlaySize',
@@ -202,7 +202,7 @@ export const data = [
         id: 'dt-multiNodeTreePicker',
         parentId: null,
         propertyEditorAlias: 'Umbraco.MultiNodeTreePicker',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.TreePicker',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.TreePicker',
         values: [],
     },
     {
@@ -212,7 +212,7 @@ export const data = [
         id: 'dt-datePicker',
         parentId: null,
         propertyEditorAlias: 'Umbraco.DateTime',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.DatePicker',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.DatePicker',
         values: [
             {
                 alias: 'format',
@@ -236,7 +236,6 @@ export const data = [
         id: 'dt-datePicker-time',
         parentId: null,
         propertyEditorAlias: 'Umbraco.DateTime',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.DatePicker',
         values: [
             {
                 alias: 'format',
@@ -255,7 +254,7 @@ export const data = [
         id: 'dt-time',
         parentId: null,
         propertyEditorAlias: 'Umbraco.DateTime',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.DatePicker',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.DatePicker',
         values: [
             {
                 alias: 'format',
@@ -274,7 +273,7 @@ export const data = [
         id: 'dt-email',
         parentId: null,
         propertyEditorAlias: 'Umbraco.EmailAddress',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.Email',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.Email',
         values: [],
     },
     {
@@ -284,7 +283,7 @@ export const data = [
         id: 'dt-multipleTextString',
         parentId: null,
         propertyEditorAlias: 'Umbraco.MultipleTextString',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.MultipleTextString',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.MultipleTextString',
         values: [
             {
                 alias: 'minNumber',
@@ -303,7 +302,7 @@ export const data = [
         id: 'dt-dropdown',
         parentId: null,
         propertyEditorAlias: 'Umbraco.DropDown.Flexible',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.Dropdown',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.Dropdown',
         values: [],
     },
     {
@@ -313,7 +312,7 @@ export const data = [
         id: 'dt-slider',
         parentId: null,
         propertyEditorAlias: 'Umbraco.Slider',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.Slider',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.Slider',
         values: [
             {
                 alias: 'enableRange',
@@ -348,7 +347,7 @@ export const data = [
         id: 'dt-toggle',
         parentId: null,
         propertyEditorAlias: 'Umbraco.TrueFalse',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.Toggle',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.Toggle',
         values: [
             {
                 alias: 'default',
@@ -375,7 +374,7 @@ export const data = [
         id: 'dt-tags',
         parentId: null,
         propertyEditorAlias: 'Umbraco.Tags',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.Tags',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.Tags',
         values: [
             {
                 alias: 'group',
@@ -394,7 +393,7 @@ export const data = [
         id: 'dt-markdownEditor',
         parentId: null,
         propertyEditorAlias: 'Umbraco.MarkdownEditor',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.MarkdownEditor',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.MarkdownEditor',
         values: [],
     },
     {
@@ -404,7 +403,7 @@ export const data = [
         id: 'dt-radioButtonList',
         parentId: null,
         propertyEditorAlias: 'Umbraco.RadioButtonList',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.RadioButtonList',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.RadioButtonList',
         values: [
             {
                 alias: 'items',
@@ -423,7 +422,7 @@ export const data = [
         id: 'dt-checkboxList',
         parentId: null,
         propertyEditorAlias: 'Umbraco.CheckboxList',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.CheckboxList',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.CheckboxList',
         values: [
             {
                 alias: 'items',
@@ -442,7 +441,7 @@ export const data = [
         id: 'dt-blockList',
         parentId: null,
         propertyEditorAlias: 'Umbraco.BlockList',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.BlockList',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.BlockList',
         values: [],
     },
     {
@@ -452,7 +451,7 @@ export const data = [
         id: 'dt-mediaPicker',
         parentId: null,
         propertyEditorAlias: 'Umbraco.MediaPicker3',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.MediaPicker',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.MediaPicker',
         values: [],
     },
     {
@@ -462,7 +461,7 @@ export const data = [
         id: 'dt-imageCropper',
         parentId: null,
         propertyEditorAlias: 'Umbraco.ImageCropper',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.ImageCropper',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.ImageCropper',
         values: [],
     },
     {
@@ -472,7 +471,7 @@ export const data = [
         id: 'dt-uploadField',
         parentId: null,
         propertyEditorAlias: 'Umbraco.UploadField',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.UploadField',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.UploadField',
         values: [
             {
                 alias: 'fileExtensions',
@@ -491,7 +490,7 @@ export const data = [
         id: 'dt-blockGrid',
         parentId: null,
         propertyEditorAlias: 'Umbraco.BlockGrid',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.BlockGrid',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.BlockGrid',
         values: [],
     },
     {
@@ -501,7 +500,7 @@ export const data = [
         id: 'dt-collectionView',
         parentId: null,
         propertyEditorAlias: 'Umbraco.ListView',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.CollectionView',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.CollectionView',
         values: [],
     },
     {
@@ -511,7 +510,7 @@ export const data = [
         id: 'dt-iconPicker',
         parentId: null,
         propertyEditorAlias: 'Umbraco.IconPicker',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.IconPicker',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.IconPicker',
         values: [],
     },
     {
@@ -521,7 +520,7 @@ export const data = [
         id: 'dt-numberRange',
         parentId: null,
         propertyEditorAlias: 'Umbraco.JSON',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.NumberRange',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.NumberRange',
         values: [],
     },
     {
@@ -531,7 +530,7 @@ export const data = [
         id: 'dt-orderDirection',
         parentId: null,
         propertyEditorAlias: 'Umbraco.JSON',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.OrderDirection',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.OrderDirection',
         values: [],
     },
     {
@@ -541,7 +540,7 @@ export const data = [
         id: 'dt-overlaySize',
         parentId: null,
         propertyEditorAlias: 'Umbraco.JSON',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.OverlaySize',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.OverlaySize',
         values: [],
     },
     {
@@ -551,7 +550,7 @@ export const data = [
         id: 'dt-richTextEditor',
         parentId: null,
         propertyEditorAlias: 'Umbraco.TinyMCE',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.TinyMCE',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.TinyMCE',
         values: [],
     },
     {
@@ -561,7 +560,7 @@ export const data = [
         id: 'dt-label',
         parentId: null,
         propertyEditorAlias: 'Umbraco.Label',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.Label',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.Label',
         values: [],
     },
     {
@@ -571,7 +570,7 @@ export const data = [
         id: 'dt-integer',
         parentId: null,
         propertyEditorAlias: 'Umbraco.Integer',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.Integer',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.Integer',
         values: [],
     },
     {
@@ -581,7 +580,7 @@ export const data = [
         id: 'dt-decimal',
         parentId: null,
         propertyEditorAlias: 'Umbraco.Decimal',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.Decimal',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.Decimal',
         values: [
             {
                 alias: 'step',
@@ -596,7 +595,7 @@ export const data = [
         id: 'dt-userPicker',
         parentId: null,
         propertyEditorAlias: 'Umbraco.UserPicker',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.UserPicker',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.UserPicker',
         values: [],
     },
     {
@@ -606,7 +605,7 @@ export const data = [
         id: 'dt-memberPicker',
         parentId: null,
         propertyEditorAlias: 'Umbraco.MemberPicker',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.MemberPicker',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.MemberPicker',
         values: [],
     },
     {
@@ -616,7 +615,7 @@ export const data = [
         id: 'dt-memberGroupPicker',
         parentId: null,
         propertyEditorAlias: 'Umbraco.MemberGroupPicker',
-        propertyEditorUiAlias: 'Umb.PropertyEditorUI.MemberGroupPicker',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.MemberGroupPicker',
         values: [],
     },
 ];

package/dist-cms/mocks/data/document-type.data.js

@@ -129,6 +129,25 @@ export const data = [
                     labelOnTop: false,
                 },
             },
+            {
+                id: '7b',
+                containerId: 'all-properties-group-key',
+                alias: 'datePicker-b',
+                name: 'Date Picker With Time',
+                description: '',
+                dataTypeId: 'dt-datePicker-time',
+                variesByCulture: false,
+                variesBySegment: false,
+                validation: {
+                    mandatory: true,
+                    mandatoryMessage: null,
+                    regEx: null,
+                    regExMessage: null,
+                },
+                appearance: {
+                    labelOnTop: false,
+                },
+            },
             {
                 id: '8',
                 containerId: 'all-properties-group-key',

package/dist-cms/mocks/handlers/manifests.handlers.js

@@ -21,7 +21,7 @@ export const manifestDevelopmentHandler = rest.get(umbracoPath('/package/manifes
                     },
                 },
                 {
-                    type: 'propertyEditorUI',
+                    type: 'propertyEditorUi',
                     alias: 'My.PropertyEditorUI.Custom',
                     name: 'My Custom Property Editor UI',
                     js: '/App_Plugins/property-editor.js',

package/dist-cms/packages/core/collection/collection.element.js

@@ -57,7 +57,7 @@ let UmbCollectionElement = class UmbCollectionElement extends UmbLitElement {
             });
         }
         this._routes.push({
-            path: '**',
+            path: '',
             redirectTo: views?.[0]?.meta.pathName ?? '/',
         });
     }
@@ -67,7 +67,7 @@ let UmbCollectionElement = class UmbCollectionElement extends UmbLitElement {
 				<umb-collection-toolbar slot="header"></umb-collection-toolbar>
 				<umb-router-slot id="router-slot" .routes="${this._routes}"></umb-router-slot>
 				${this._selection && this._selection.length > 0
-            ? html `<umb-collection-selection-actions slot="footer"></umb-collection-selection-actions>`
+            ? html `<umb-collection-selection-actions slot="footer-info"></umb-collection-selection-actions>`
             : nothing}
 			</umb-body-layout>
 		`;

package/dist-cms/packages/core/components/body-layout/body-layout.element.d.ts

@@ -4,8 +4,9 @@ import { LitElement } from '../../../../external/lit/index.js';
  * @description Layout element to arrange elements in a body layout. A general layout for most views.
  * @slot icon - Slot for icon
  * @slot name - Slot for name
- * @slot footer - Slot for workspace footer
- * @slot actions - Slot for workspace footer actions
+ * @slot footer - Slot for footer element
+ * @slot footer-info - Slot for info in the footer
+ * @slot actions - Slot for actions in the footer
  * @slot default - slot for main content
  * @export
  * @class UmbBodyLayout

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

@@ -11,8 +11,9 @@ import { UUITextStyles } from '../../../../external/uui/index.js';
  * @description Layout element to arrange elements in a body layout. A general layout for most views.
  * @slot icon - Slot for icon
  * @slot name - Slot for name
- * @slot footer - Slot for workspace footer
- * @slot actions - Slot for workspace footer actions
+ * @slot footer - Slot for footer element
+ * @slot footer-info - Slot for info in the footer
+ * @slot actions - Slot for actions in the footer
  * @slot default - slot for main content
  * @export
  * @class UmbBodyLayout
@@ -29,6 +30,10 @@ let UmbBodyLayoutElement = class UmbBodyLayoutElement extends LitElement {
          * @default ''
          */
         this.headline = '';
+        /*
+        @property({ type: Boolean, attribute: 'no-scroll' })
+        public noScroll = false;
+    */
         this._headerSlotHasChildren = false;
         this._tabsSlotHasChildren = false;
         this._actionsMenuSlotHasChildren = false;
@@ -69,12 +74,19 @@ let UmbBodyLayoutElement = class UmbBodyLayoutElement extends LitElement {
             this._actionsMenuSlotHasChildren = this.#hasNodes(e);
         }}></slot>
 			</div>
-			<uui-scroll-container id="main">
-				<slot></slot>
-			</uui-scroll-container>
+			${
+        //this.noScroll
+        //? html`<slot></slot>`
+        //:
+        html `
+					<uui-scroll-container id="main">
+						<slot></slot>
+					</uui-scroll-container>
+				`}
+			<slot name="footer"></slot>
 			<umb-footer-layout style="display:${this._footerSlotHasChildren || this._actionsSlotHasChildren ? '' : 'none'}">
 				<slot
-					name="footer"
+					name="footer-info"
 					@slotchange=${(e) => {
             this._footerSlotHasChildren = this.#hasNodes(e);
         }}></slot>
@@ -98,6 +110,14 @@ let UmbBodyLayoutElement = class UmbBodyLayoutElement extends LitElement {
 				flex-direction: column;
 			}
 
+			/*
+			:host([no-scroll]) slot:not([name]) {
+				position: relative;
+				display: block;
+				height: 100%;
+			}
+			*/
+
 			#header {
 				display: flex;
 				align-items: center;

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/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;