@umbraco-cms/backoffice 14.0.0-a8a86579 → 14.0.0-b0704cee

package/dist-cms/mocks/data/template.data.d.ts

@@ -1,36 +1,18 @@
 import { UmbEntityData } from './entity.data.js';
-import { EntityTreeItemResponseModel, PagedEntityTreeItemResponseModel, TemplateResponseModel, TemplateScaffoldResponseModel, CreateTemplateRequestModel, TemplateItemResponseModel } from '../../external/backend-api/index.js';
+import { EntityTreeItemResponseModel, PagedEntityTreeItemResponseModel, TemplateResponseModel, TemplateScaffoldResponseModel, CreateTemplateRequestModel, TemplateItemResponseModel, TemplateQuerySettingsResponseModel, TemplateQueryResultResponseModel } from '../../external/backend-api/index.js';
 type TemplateDBItem = TemplateResponseModel & EntityTreeItemResponseModel;
 export declare const data: Array<TemplateDBItem>;
 export declare const createTemplateScaffold: (masterTemplateAlias: string) => string;
-export declare const templateQuerySettings: {
-    contentTypeAliases: never[];
-    properties: {
-        alias: string;
-        type: string;
-    }[];
-    operators: {
-        operator: string;
-        applicableTypes: string[];
-    }[];
-};
+export declare const templateQueryResult: TemplateQueryResultResponseModel;
+export declare const templateQuerySettings: TemplateQuerySettingsResponseModel;
 declare class UmbTemplateData extends UmbEntityData<TemplateDBItem> {
     constructor();
     getById(id: string): TemplateResponseModel | undefined;
     getItemById(id: string): TemplateItemResponseModel | null;
     getScaffold(masterTemplateId?: string | null): TemplateScaffoldResponseModel;
     getItems(ids: string[]): TemplateItemResponseModel[];
-    getTemplateQuerySettings: () => {
-        contentTypeAliases: never[];
-        properties: {
-            alias: string;
-            type: string;
-        }[];
-        operators: {
-            operator: string;
-            applicableTypes: string[];
-        }[];
-    };
+    getTemplateQuerySettings: () => TemplateQuerySettingsResponseModel;
+    getTemplateQueryResult: () => TemplateQueryResultResponseModel;
     create(templateData: CreateTemplateRequestModel): {
         name?: string | undefined;
         alias?: string | undefined;

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

@@ -1,6 +1,7 @@
 import { UmbEntityData } from './entity.data.js';
 import { createEntityTreeItem } from './utils.js';
 import { UmbId } from '../../packages/core/id/index.js';
+import { TemplateQueryPropertyTypeModel, OperatorModel, } from '../../external/backend-api/index.js';
 const createTemplate = (dbItem) => {
     return {
         $type: '',
@@ -87,58 +88,79 @@ export const createTemplateScaffold = (masterTemplateAlias) => {
 	Layout = ${masterTemplateAlias};
 }`;
 };
+//prettier-ignore
+const templateQueryExpressions = [
+    `Umbraco.ContentAtRoot().FirstOrDefault()
+.ChildrenOfType("docTypeWithTemplate")
+.Where(x => x.IsVisible())`,
+    `Umbraco.Content(Guid.Parse("0b3498dc-255a-4d62-aa4f-ef7bff333544"))
+.ChildrenOfType("docTypeWithTemplate")
+.Where(x => x.IsVisible())`,
+    `Umbraco.ContentAtRoot().FirstOrDefault()
+.ChildrenOfType("docTypeWithTemplate")
+.Where(x => (x.Id != -6))
+.Where(x => x.IsVisible())
+.OrderBy(x => x.UpdateDate)`,
+];
+const randomIndex = () => Math.floor(Math.random() * 3);
+export const templateQueryResult = {
+    queryExpression: templateQueryExpressions[randomIndex()],
+    sampleResults: [],
+    resultCount: 0,
+    executionTime: 0,
+};
 export const templateQuerySettings = {
-    contentTypeAliases: [],
+    contentTypeAliases: ['docTypeWithTemplate', 'propertyTypeWithTemplate', 'somethingElse'],
     properties: [
         {
             alias: 'Id',
-            type: 'Integer',
+            type: TemplateQueryPropertyTypeModel.INTEGER,
         },
         {
             alias: 'Name',
-            type: 'String',
+            type: TemplateQueryPropertyTypeModel.STRING,
         },
         {
             alias: 'CreateDate',
-            type: 'DateTime',
+            type: TemplateQueryPropertyTypeModel.DATE_TIME,
         },
         {
             alias: 'UpdateDate',
-            type: 'DateTime',
+            type: TemplateQueryPropertyTypeModel.DATE_TIME,
         },
     ],
     operators: [
         {
-            operator: 'Equals',
-            applicableTypes: ['Integer', 'String'],
+            operator: OperatorModel.EQUALS,
+            applicableTypes: [TemplateQueryPropertyTypeModel.INTEGER, TemplateQueryPropertyTypeModel.STRING],
         },
         {
-            operator: 'NotEquals',
-            applicableTypes: ['Integer', 'String'],
+            operator: OperatorModel.NOT_EQUALS,
+            applicableTypes: [TemplateQueryPropertyTypeModel.INTEGER, TemplateQueryPropertyTypeModel.STRING],
         },
         {
-            operator: 'LessThan',
-            applicableTypes: ['Integer', 'DateTime'],
+            operator: OperatorModel.LESS_THAN,
+            applicableTypes: [TemplateQueryPropertyTypeModel.INTEGER, TemplateQueryPropertyTypeModel.DATE_TIME],
         },
         {
-            operator: 'LessThanEqualTo',
-            applicableTypes: ['Integer', 'DateTime'],
+            operator: OperatorModel.GREATER_THAN_EQUAL_TO,
+            applicableTypes: [TemplateQueryPropertyTypeModel.INTEGER, TemplateQueryPropertyTypeModel.DATE_TIME],
         },
         {
-            operator: 'GreaterThan',
-            applicableTypes: ['Integer', 'DateTime'],
+            operator: OperatorModel.GREATER_THAN,
+            applicableTypes: [TemplateQueryPropertyTypeModel.INTEGER, TemplateQueryPropertyTypeModel.DATE_TIME],
         },
         {
-            operator: 'GreaterThanEqualTo',
-            applicableTypes: ['Integer', 'DateTime'],
+            operator: OperatorModel.GREATER_THAN_EQUAL_TO,
+            applicableTypes: [TemplateQueryPropertyTypeModel.INTEGER, TemplateQueryPropertyTypeModel.DATE_TIME],
         },
         {
-            operator: 'Contains',
-            applicableTypes: ['String'],
+            operator: OperatorModel.CONTAINS,
+            applicableTypes: [TemplateQueryPropertyTypeModel.STRING],
         },
         {
-            operator: 'NotContains',
-            applicableTypes: ['String'],
+            operator: OperatorModel.NOT_CONTAINS,
+            applicableTypes: [TemplateQueryPropertyTypeModel.STRING],
         },
     ],
 };
@@ -147,6 +169,7 @@ class UmbTemplateData extends UmbEntityData {
     constructor() {
         super(data);
         this.getTemplateQuerySettings = () => templateQuerySettings;
+        this.getTemplateQueryResult = () => templateQueryResult;
     }
     getById(id) {
         const item = this.data.find((item) => item.id === id);

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

@@ -39,6 +39,10 @@ export const handlers = [
         const response = umbTemplateData.getTemplateQuerySettings();
         return res(ctx.status(200), ctx.json(response));
     }),
+    rest.post(umbracoPath('/template/query/execute'), (req, res, ctx) => {
+        const response = umbTemplateData.getTemplateQueryResult();
+        return res(ctx.status(200), ctx.json(response));
+    }),
     rest.get(umbracoPath('/template/:id'), (req, res, ctx) => {
         const id = req.params.id;
         if (!id)

package/dist-cms/packages/core/components/button-with-dropdown/button-with-dropdown.element.d.ts

@@ -10,6 +10,8 @@ export declare class UmbButtonWithDropdownElement extends LitElement {
     compact: boolean;
     symbolExpand: UUISymbolExpandElement;
     popover: UUIPopoverElement;
+    openPopover(): void;
+    closePopover(): void;
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("@lit/reactive-element/css-tag").CSSResult[];
 }

package/dist-cms/packages/core/components/button-with-dropdown/button-with-dropdown.element.js

@@ -18,22 +18,22 @@ export let UmbButtonWithDropdownElement = class UmbButtonWithDropdownElement ext
         this.placement = 'bottom-start';
         this.compact = false;
     }
-    #openPopover() {
+    openPopover() {
         this.open = true;
         this.popover.open = true;
         this.symbolExpand.open = true;
     }
-    #closePopover() {
+    closePopover() {
         this.open = false;
         this.popover.open = false;
         this.symbolExpand.open = false;
     }
     #togglePopover() {
-        this.open ? this.#closePopover() : this.#openPopover();
+        this.open ? this.closePopover() : this.openPopover();
     }
     render() {
         return html `
-			<uui-popover placement=${this.placement} id="popover" @close=${this.#closePopover}>
+			<uui-popover placement=${this.placement} id="popover" @close=${this.closePopover}>
 				<uui-button
 					slot="trigger"
 					.look=${this.look}

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

@@ -1,10 +1,15 @@
 import { LitElement } from '../../../../external/lit/index.js';
 /**
- *  A simple styled box for showing code-based error messages.
+ *  A simple styled box for showing code-based error messages or blocks od code.
  *  @slot the full message
  *
  */
 export declare class UmbCodeBlockElement extends LitElement {
+    language: string;
+    copy: boolean;
+    nodes: NodeListOf<ChildNode>;
+    copyState: 'idle' | 'success';
+    copyCode(): Promise<void>;
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("@lit/reactive-element/css-tag").CSSResult[];
 }

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

@@ -5,54 +5,128 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { UUITextStyles } from '../../../../external/uui/index.js';
-import { css, html, LitElement, customElement } from '../../../../external/lit/index.js';
+import { css, html, LitElement, customElement, property, queryAssignedNodes, state, } from '../../../../external/lit/index.js';
+//TODO consider adding a highlight prop to the code block, that could spin up/access monaco instance and highlight the code
 /**
- *  A simple styled box for showing code-based error messages.
+ *  A simple styled box for showing code-based error messages or blocks od code.
  *  @slot the full message
  *
  */
 export let UmbCodeBlockElement = class UmbCodeBlockElement extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.language = '';
+        this.copy = false;
+        this.copyState = 'idle';
+    }
+    async copyCode() {
+        const text = this.textContent;
+        if (text) {
+            await navigator.clipboard.writeText(text);
+            this.copyState = 'success';
+            setTimeout(() => {
+                this.copyState = 'idle';
+            }, 2000);
+        }
+    }
     render() {
-        return html `<div id="container">
-			<uui-scroll-container>
-				<pre>
+        return html `
+			${this.language
+            ? html `<div id="header">
+						<span id="lang">${this.language}</span> ${this.copy
+                ? html `<button @click=${this.copyCode}>
+									${this.copyState === 'idle'
+                    ? html `<uui-icon name="copy"></uui-icon>Copy`
+                    : html `<uui-icon name="check"></uui-icon>Copied!`}
+							  </button>`
+                : ''}
+				  </div>`
+            : ''}
+			<pre style="${this.language ? 'border-top: 1px solid var(--uui-color-divider-emphasis);' : ''}">
+				<uui-scroll-container>
 					<code>
 						<slot></slot>
 					</code>
+					</uui-scroll-container>
 				</pre>
-			</uui-scroll-container>
-		</div> `;
+		`;
     }
     static { this.styles = [
         UUITextStyles,
         css `
 			:host {
 				display: block;
-				font-family: monospace;
-			}
-
-			#container {
 				border: 1px solid var(--uui-color-divider-emphasis);
-				color: var(--uui-color-text-alt);
-				background-color: var(--uui-color-divider-standalone);
-				padding: var(--uui-size-space-2);
 				border-radius: var(--uui-border-radius);
-				line-height: var(--uui-size-10);
 			}
-			:host uui-scroll-container {
+
+			uui-scroll-container {
 				max-height: 500px;
 				overflow-y: auto;
 				overflow-wrap: anywhere;
 			}
+
 			pre {
-				max-width: 100%;
+				font-family: monospace;
+				background-color: var(--uui-color-surface-alt);
+				color: #303033;
+				display: block;
+				font-family: Lato, Helvetica Neue, Helvetica, Arial, sans-serif;
+				margin: 0;
+				overflow-x: auto;
+				padding: 9.5px;
+			}
+
+			pre,
+			code {
+				word-wrap: normal;
 				white-space: pre-line;
-				word-break: break-word;
-				overflow-wrap: break-word;
+			}
+
+			#header {
+				display: flex;
+				justify-content: space-between;
+				align-items: center;
+				background-color: var(--uui-color-surface-alt);
+			}
+
+			#lang {
+				margin-left: 16px;
+				font-weight: bold;
+				text-transform: uppercase;
+			}
+
+			button {
+				font-family: inherit;
+				padding: 6px 16px;
+				background-color: transparent;
+				border: none;
+				border-left: 1px solid var(--uui-color-divider-emphasis);
+				border-radius: 0;
+				color: #000;
+				display: flex;
+				align-items: center;
+				gap: 8px;
+			}
+
+			button:hover {
+				background-color: var(--uui-color-surface-emphasis);
 			}
 		`,
     ]; }
 };
+__decorate([
+    property()
+], UmbCodeBlockElement.prototype, "language", void 0);
+__decorate([
+    property({ type: Boolean })
+], UmbCodeBlockElement.prototype, "copy", void 0);
+__decorate([
+    queryAssignedNodes()
+], UmbCodeBlockElement.prototype, "nodes", void 0);
+__decorate([
+    state()
+], UmbCodeBlockElement.prototype, "copyState", void 0);
 UmbCodeBlockElement = __decorate([
     customElement('umb-code-block')
 ], UmbCodeBlockElement);

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

@@ -1,4 +1,4 @@
-import { type UmbDataTypeConfigProperty, type UmbDataTypeConfig } from '../../property-editors/index.js';
+import { type UmbDataTypeConfigProperty, type UmbDataTypeConfig } from '../../property-editor/index.js';
 import { DataTypePropertyPresentationModel } from '../../../../external/backend-api/index.js';
 /**
  * Extends Array to add utility functions for accessing data type properties

package/dist-cms/packages/core/components/index.d.ts

@@ -2,6 +2,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';
+export * from './code-block/index.js';
 export * from './data-type/index.js';
 export * from './input-date/index.js';
 export * from './dropdown/index.js';

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

@@ -4,7 +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-block/index.js';
 export * from './data-type/index.js';
 export * from './input-date/index.js';
 export * from './dropdown/index.js';

package/dist-cms/packages/core/components/input-tiny-mce/input-tiny-mce.element.js

@@ -237,6 +237,11 @@ export let UmbInputTinyMceElement = class UmbInputTinyMceElement extends FormCon
 				min-height: 100px;
 			}
 
+			.tox-tinymce {
+				border-radius: 0;
+				border: var(--uui-input-border-width, 1px) solid var(--uui-input-border-color, var(--uui-color-border, #d8d7d9));
+			}
+
 			.tox-tinymce-aux {
 				z-index: 9000;
 			}

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

@@ -8,6 +8,7 @@ import { html, customElement, property, state, ifDefined } from '../../../../ext
 import { UUITextStyles } from '../../../../external/uui/index.js';
 import { umbExtensionsRegistry, } from '../../extension-registry/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
+import { UMB_PROPERTY_EDITOR_SCHEMA_ALIAS_DEFAULT } from '../../property-editor/index.js';
 /**
  *  @element umb-property-editor-config
  *  @description - Element for displaying the configuration for a Property Editor based on a Property Editor UI Alias and a Property Editor Model alias.
@@ -49,7 +50,7 @@ export let UmbPropertyEditorConfigElement = class UmbPropertyEditorConfigElement
         if (!this._propertyEditorUiAlias)
             return;
         this.observe(umbExtensionsRegistry.getByTypeAndAlias('propertyEditorUi', this.propertyEditorUiAlias), (manifest) => {
-            this._observePropertyEditorSchemaConfig(manifest?.meta.propertyEditorSchemaAlias);
+            this._observePropertyEditorSchemaConfig(manifest?.meta.propertyEditorSchemaAlias || UMB_PROPERTY_EDITOR_SCHEMA_ALIAS_DEFAULT);
             this._propertyEditorUISettingsProperties = manifest?.meta.settings?.properties || [];
             this._propertyEditorUISettingsDefaultData = manifest?.meta.settings?.defaultData || [];
             this._mergeConfigProperties();
@@ -57,8 +58,6 @@ export let UmbPropertyEditorConfigElement = class UmbPropertyEditorConfigElement
         });
     }
     _observePropertyEditorSchemaConfig(propertyEditorSchemaAlias) {
-        if (!propertyEditorSchemaAlias)
-            return;
         this.observe(umbExtensionsRegistry.getByTypeAndAlias('propertyEditorSchema', propertyEditorSchemaAlias), (manifest) => {
             this._propertyEditorSchemaConfigProperties = manifest?.meta.settings?.properties || [];
             this._propertyEditorSchemaConfigDefaultData = manifest?.meta.settings?.defaultData || [];

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

@@ -4,6 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+import { UMB_PROPERTY_EDITOR_SCHEMA_ALIAS_DEFAULT } from '../../property-editor/index.js';
 import { UUIRefNodeElement } from '../../../../external/uui/index.js';
 import { html, customElement, property } from '../../../../external/lit/index.js';
 /**
@@ -39,7 +40,7 @@ export let UmbRefPropertyEditorUIElement = class UmbRefPropertyEditorUIElement e
             details.push(this.propertyEditorSchemaAlias);
         }
         else {
-            details.push('Property Editor Missing');
+            details.push(UMB_PROPERTY_EDITOR_SCHEMA_ALIAS_DEFAULT);
         }
         if (this.detail !== '') {
             details.push(this.detail);

package/dist-cms/packages/core/content-type/content-type-structure-manager.class.js

@@ -14,7 +14,7 @@ export class UmbContentTypePropertyStructureManager {
         this.#documentTypeObservers = new Array();
         this.#documentTypes = new UmbArrayState([], (x) => x.id);
         this.documentTypes = this.#documentTypes.asObservable();
-        this._documentTypeContainers = this.#documentTypes.getObservablePart((x) => x.flatMap((x) => x.containers ?? []));
+        this._documentTypeContainers = this.#documentTypes.asObservablePart((x) => x.flatMap((x) => x.containers ?? []));
         this.#containers = new UmbArrayState([], (x) => x.id);
         this.#host = host;
         this.#contentTypeRepository = typeRepository;
@@ -114,7 +114,7 @@ export class UmbContentTypePropertyStructureManager {
     */
     /** Public methods for consuming structure: */
     ownerDocumentType() {
-        return this.#documentTypes.getObservablePart((x) => x.find((y) => y.id === this.#ownerDocumentTypeId));
+        return this.#documentTypes.asObservablePart((x) => x.find((y) => y.id === this.#ownerDocumentTypeId));
     }
     getOwnerDocumentType() {
         return this.#documentTypes.getValue().find((y) => y.id === this.#ownerDocumentTypeId);
@@ -214,28 +214,28 @@ export class UmbContentTypePropertyStructureManager {
     }
     /*
     rootDocumentTypeName() {
-        return this.#documentTypes.getObservablePart((docTypes) => {
+        return this.#documentTypes.asObservablePart((docTypes) => {
             const docType = docTypes.find((x) => x.id === this.#rootDocumentTypeKey);
             return docType?.name ?? '';
         });
     }
     */
     ownerDocumentTypeObservablePart(mappingFunction) {
-        return this.#documentTypes.getObservablePart((docTypes) => {
+        return this.#documentTypes.asObservablePart((docTypes) => {
             const docType = docTypes.find((x) => x.id === this.#ownerDocumentTypeId);
             return docType ? mappingFunction(docType) : undefined;
         });
     }
     /*
     nameOfDocumentType(id: string) {
-        return this.#documentTypes.getObservablePart((docTypes) => {
+        return this.#documentTypes.asObservablePart((docTypes) => {
             const docType = docTypes.find((x) => x.id === id);
             return docType?.name ?? '';
         });
     }
     */
     hasPropertyStructuresOf(containerId) {
-        return this.#documentTypes.getObservablePart((docTypes) => {
+        return this.#documentTypes.asObservablePart((docTypes) => {
             return (docTypes.find((docType) => {
                 return docType.properties?.find((property) => property.containerId === containerId);
             }) !== undefined);
@@ -245,7 +245,7 @@ export class UmbContentTypePropertyStructureManager {
         return this.propertyStructuresOf(null);
     }
     propertyStructuresOf(containerId) {
-        return this.#documentTypes.getObservablePart((docTypes) => {
+        return this.#documentTypes.asObservablePart((docTypes) => {
             const props = [];
             docTypes.forEach((docType) => {
                 docType.properties?.forEach((property) => {
@@ -258,7 +258,7 @@ export class UmbContentTypePropertyStructureManager {
         });
     }
     rootContainers(containerType) {
-        return this.#containers.getObservablePart((data) => {
+        return this.#containers.asObservablePart((data) => {
             return data.filter((x) => x.parentId === null && x.type === containerType);
         });
     }
@@ -266,7 +266,7 @@ export class UmbContentTypePropertyStructureManager {
         return this.#containers.getValue().filter((x) => x.parentId === null && x.type === containerType);
     }
     hasRootContainers(containerType) {
-        return this.#containers.getObservablePart((data) => {
+        return this.#containers.asObservablePart((data) => {
             return data.filter((x) => x.parentId === null && x.type === containerType).length > 0;
         });
     }
@@ -280,13 +280,13 @@ export class UmbContentTypePropertyStructureManager {
         return this.getOwnerDocumentType()?.containers?.filter((x) => x.id === containerId);
     }
     containersOfParentKey(parentId, containerType) {
-        return this.#containers.getObservablePart((data) => {
+        return this.#containers.asObservablePart((data) => {
             return data.filter((x) => x.parentId === parentId && x.type === containerType);
         });
     }
     // In future this might need to take parentName(parentId lookup) into account as well? otherwise containers that share same name and type will always be merged, but their position might be different and they should not be merged.
     containersByNameAndType(name, containerType) {
-        return this.#containers.getObservablePart((data) => {
+        return this.#containers.asObservablePart((data) => {
             return data.filter((x) => x.name === name && x.type === containerType);
         });
     }

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

@@ -6,7 +6,11 @@ export interface ManifestDashboard extends ManifestElement<UmbDashboardExtension
 }
 export interface MetaDashboard {
     /**
-     * This is the URL path for the dashboard which is used for navigating or deep linking directly to the dashboard
+     * The displayed name (label) in the navigation.
+     */
+    label?: string;
+    /**
+     * This is the URL path part for this view. This is used for navigating or deep linking directly to the dashboard
      * https://yoursite.com/section/settings/dashboard/my-dashboard-path
      *
      * @example my-dashboard-path
@@ -14,11 +18,7 @@ export interface MetaDashboard {
      *  "my-dashboard-path"
      * ]
      */
-    pathname: string;
-    /**
-     * The displayed name (label) for the tab of the dashboard
-     */
-    label?: string;
+    pathname?: string;
 }
 export interface ConditionsDashboard {
     /**

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

@@ -1,5 +1,5 @@
 import type { UmbPropertyEditorExtensionElement } from '../interfaces/index.js';
-import { type UmbDataTypeConfig } from '../../property-editors/index.js';
+import { type UmbDataTypeConfig } from '../../property-editor/index.js';
 import type { ManifestElement, ManifestBase } from '../../../../libs/extension-api/index.js';
 export interface ManifestPropertyEditorUi extends ManifestElement<UmbPropertyEditorExtensionElement> {
     type: 'propertyEditorUi';

package/dist-cms/packages/core/extension-registry/models/section-view.model.d.ts

@@ -5,8 +5,27 @@ export interface ManifestSectionView extends ManifestElement<UmbSectionViewExten
     meta: MetaSectionView;
 }
 export interface MetaSectionView {
-    label: string;
-    pathname: string;
+    /**
+     * The displayed name (label) in the navigation.
+     */
+    label?: string;
+    /**
+     * This is the URL path part for this view. This is used for navigating or deep linking directly to the view
+     * https://yoursite.com/section/settings/view/my-view-path
+     *
+     * @example my-view-path
+     * @examples [
+     *  "my-view-path"
+     * ]
+     */
+    pathname?: string;
+    /**
+     * The icon displayed for this view in the navigation.
+     * @example "box"
+     * @examples [
+     *  "box"
+     * ]
+     */
     icon: string;
 }
 export interface ConditionsSectionView {

package/dist-cms/packages/core/index.d.ts

@@ -13,8 +13,8 @@ export * from './menu/index.js';
 export * from './modal/index.js';
 export * from './notification/index.js';
 export * from './picker-input/index.js';
-export * from './property-actions/index.js';
-export * from './property-editors/index.js';
+export * from './property-action/index.js';
+export * from './property-editor/index.js';
 export * from './section/index.js';
 export * from './sorter/index.js';
 export * from './store/index.js';

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

@@ -1,8 +1,8 @@
 import { UmbBackofficeNotificationContainerElement, UmbBackofficeModalContainerElement } from './components/index.js';
 import { manifests as debugManifests } from './debug/manifests.js';
-import { manifests as propertyActionManifests } from './property-actions/manifests.js';
-import { manifests as propertyEditorManifests } from './property-editors/manifests.js';
-import { manifests as tinyMcePluginManifests } from './property-editors/uis/tiny-mce/plugins/manifests.js';
+import { manifests as propertyActionManifests } from './property-action/manifests.js';
+import { manifests as propertyEditorManifests } from './property-editor/manifests.js';
+import { manifests as tinyMcePluginManifests } from './property-editor/uis/tiny-mce/plugins/manifests.js';
 import { manifests as workspaceManifests } from './workspace/manifests.js';
 import { manifests as modalManifests } from './modal/common/manifests.js';
 import { manifests as themeManifests } from './themes/manifests.js';
@@ -24,8 +24,8 @@ export * from './menu/index.js';
 export * from './modal/index.js';
 export * from './notification/index.js';
 export * from './picker-input/index.js';
-export * from './property-actions/index.js';
-export * from './property-editors/index.js';
+export * from './property-action/index.js';
+export * from './property-editor/index.js';
 export * from './section/index.js';
 export * from './sorter/index.js';
 export * from './store/index.js';