@umbraco-cms/backoffice 1.0.0-next.92acfa89 → 1.0.0-next.93ea2ba6

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

@@ -10,6 +10,10 @@ const createTemplate = (dbItem) => {
         content: dbItem.content,
     };
 };
+const createTemplateItem = (dbItem) => ({
+    name: dbItem.name,
+    id: dbItem.id,
+});
 export const data = [
     {
         $type: '',
@@ -59,27 +63,100 @@ export const data = [
         alias: 'Test',
         content: '@using Umbraco.Cms.Web.Common.PublishedModels;\n@inherits Umbraco.Cms.Web.Common.Views.UmbracoViewPage<ContentModels.Test>\r\n@using ContentModels = Umbraco.Cms.Web.Common.PublishedModels;\r\n@{\r\n\tLayout = null;\r\n}',
     },
+    {
+        $type: '',
+        id: '9a84c0b3-03b4-4dd4-84ac-706740acwerer0f72',
+        isContainer: false,
+        parentId: '9a84c0b3-03b4-4dd4-84ac-706740ac0f71',
+        name: 'Has Master Template',
+        type: 'template',
+        icon: 'umb:layout',
+        hasChildren: false,
+        alias: 'hasMasterTemplate',
+        content: '@using Umbraco.Cms.Web.Common.PublishedModels;\n@inherits Umbraco.Cms.Web.Common.Views.UmbracoViewPage<ContentModels.Test>\r\n@using ContentModels = Umbraco.Cms.Web.Common.PublishedModels;\r\n@{\r\n\tLayout = "some/path/to/a/template.cshtml";\r\n}',
+    },
 ];
 export const createTemplateScaffold = (masterTemplateAlias) => {
     return `Template Scaffold Mock for master template: ${masterTemplateAlias}`;
 };
+export const templateQuerySettings = {
+    contentTypeAliases: [],
+    properties: [
+        {
+            alias: 'Id',
+            type: 'Integer',
+        },
+        {
+            alias: 'Name',
+            type: 'String',
+        },
+        {
+            alias: 'CreateDate',
+            type: 'DateTime',
+        },
+        {
+            alias: 'UpdateDate',
+            type: 'DateTime',
+        },
+    ],
+    operators: [
+        {
+            operator: 'Equals',
+            applicableTypes: ['Integer', 'String'],
+        },
+        {
+            operator: 'NotEquals',
+            applicableTypes: ['Integer', 'String'],
+        },
+        {
+            operator: 'LessThan',
+            applicableTypes: ['Integer', 'DateTime'],
+        },
+        {
+            operator: 'LessThanEqualTo',
+            applicableTypes: ['Integer', 'DateTime'],
+        },
+        {
+            operator: 'GreaterThan',
+            applicableTypes: ['Integer', 'DateTime'],
+        },
+        {
+            operator: 'GreaterThanEqualTo',
+            applicableTypes: ['Integer', 'DateTime'],
+        },
+        {
+            operator: 'Contains',
+            applicableTypes: ['String'],
+        },
+        {
+            operator: 'NotContains',
+            applicableTypes: ['String'],
+        },
+    ],
+};
 // Temp mocked database
-// TODO: all properties are optional in the server schema. I don't think this is correct.
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
 class UmbTemplateData extends UmbEntityData {
     constructor() {
         super(data);
+        this.getTemplateQuerySettings = () => templateQuerySettings;
     }
     getById(id) {
         const item = this.data.find((item) => item.id === id);
         return item ? createTemplate(item) : undefined;
     }
-    getScaffold(masterTemplateAlias) {
+    getItemById(id) {
+        const item = this.data.find((item) => item.id === id);
+        return item ? createTemplateItem(item) : null;
+    }
+    getScaffold() {
         return {
-            content: `Template Scaffold Mock: Layout = ${masterTemplateAlias || null};`,
+            content: '@using Umbraco.Cms.Web.Common.PublishedModels;\r\n@inherits Umbraco.Cms.Web.Common.Views.UmbracoViewPage\r\n@{\r\n\tLayout = null;\r\n}',
         };
     }
+    getItems(ids) {
+        const items = ids.map((id) => this.getItemById(id)).filter((item) => item !== null);
+        return items;
+    }
     create(templateData) {
         const template = {
             $type: '',

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/mocks/handlers/template.handlers.js

@@ -1,8 +1,8 @@
 const { rest } = window.MockServiceWorker;
 import { umbTemplateData } from '../data/template.data.js';
 import { umbracoPath } from '../../shared/utils/index.js';
-// TODO: add schema
 export const handlers = [
+    //#region TREE
     rest.get(umbracoPath('/tree/template/root'), (req, res, ctx) => {
         const response = umbTemplateData.getTreeRoot();
         return res(ctx.status(200), ctx.json(response));
@@ -21,11 +21,22 @@ export const handlers = [
         const items = umbTemplateData.getTreeItem(ids);
         return res(ctx.status(200), ctx.json(items));
     }),
+    //#endregion
+    //#region TEMPLATE
     rest.get(umbracoPath('/template/scaffold'), (req, res, ctx) => {
-        const masterTemplateAlias = req.url.searchParams.get('masterTemplateAlias');
-        if (!masterTemplateAlias)
+        const response = umbTemplateData.getScaffold();
+        return res(ctx.status(200), ctx.json(response));
+    }),
+    //This handler must come before the /template/:id handler otherwise it hits the wrong handler
+    rest.get(umbracoPath('/template/item'), (req, res, ctx) => {
+        const id = req.url.searchParams.getAll('id');
+        if (!id)
             return;
-        const response = umbTemplateData.getScaffold(masterTemplateAlias);
+        const response = umbTemplateData.getItems(id);
+        return res(ctx.status(200), ctx.json(response));
+    }),
+    rest.get(umbracoPath('/template/query/settings'), (req, res, ctx) => {
+        const response = umbTemplateData.getTemplateQuerySettings();
         return res(ctx.status(200), ctx.json(response));
     }),
     rest.get(umbracoPath('/template/:id'), (req, res, ctx) => {
@@ -50,4 +61,13 @@ export const handlers = [
         const created = umbTemplateData.create(data);
         return res(ctx.status(200), ctx.json(created));
     }),
+    rest.delete(umbracoPath('/template/:id'), async (req, res, ctx) => {
+        const id = req.params.id;
+        const data = await req.json();
+        if (!id)
+            return;
+        umbTemplateData.delete([data]);
+        return res(ctx.status(200));
+    }),
+    //#endregion
 ];

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

@@ -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/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)[];