@umbraco-cms/backoffice 14.0.0-a8030000 → 14.0.0-abd22b1c

package/dist-cms/packages/documents/document-types/repository/manifests.d.ts

@@ -1,5 +1,6 @@
-import { ManifestRepository, ManifestStore, ManifestTreeStore } from '../../../core/extension-registry/index.js';
+import { ManifestItemStore, ManifestRepository, ManifestStore, ManifestTreeStore } from '../../../core/extension-registry/index.js';
 export declare const DOCUMENT_TYPE_REPOSITORY_ALIAS = "Umb.Repository.DocumentType";
 export declare const DOCUMENT_TYPE_STORE_ALIAS = "Umb.Store.DocumentType";
 export declare const DOCUMENT_TYPE_TREE_STORE_ALIAS = "Umb.Store.DocumentTypeTree";
-export declare const manifests: (ManifestRepository | ManifestStore | ManifestTreeStore)[];
+export declare const DOCUMENT_TYPE_ITEM_STORE_ALIAS = "Umb.Store.DocumentTypeItem";
+export declare const manifests: (ManifestItemStore | ManifestRepository | ManifestStore | ManifestTreeStore)[];

package/dist-cms/packages/documents/document-types/repository/manifests.js

@@ -1,3 +1,4 @@
+import { UmbDocumentTypeItemStore } from './document-type-item.store.js';
 import { UmbDocumentTypeRepository } from './document-type.repository.js';
 import { UmbDocumentTypeStore } from './document-type.store.js';
 import { UmbDocumentTypeTreeStore } from './document-type.tree.store.js';
@@ -10,6 +11,7 @@ const repository = {
 };
 export const DOCUMENT_TYPE_STORE_ALIAS = 'Umb.Store.DocumentType';
 export const DOCUMENT_TYPE_TREE_STORE_ALIAS = 'Umb.Store.DocumentTypeTree';
+export const DOCUMENT_TYPE_ITEM_STORE_ALIAS = 'Umb.Store.DocumentTypeItem';
 const store = {
     type: 'store',
     alias: DOCUMENT_TYPE_STORE_ALIAS,
@@ -22,4 +24,10 @@ const treeStore = {
     name: 'Document Type Tree Store',
     class: UmbDocumentTypeTreeStore,
 };
-export const manifests = [repository, store, treeStore];
+const itemStore = {
+    type: 'itemStore',
+    alias: DOCUMENT_TYPE_ITEM_STORE_ALIAS,
+    name: 'Document Type Item Store',
+    class: UmbDocumentTypeItemStore,
+};
+export const manifests = [repository, store, treeStore, itemStore];

package/dist-cms/packages/documents/document-types/repository/sources/document-type-item.server.data.d.ts

@@ -0,0 +1,25 @@
+import type { UmbItemDataSource } from '../../../../../shared/repository/index.js';
+import { DocumentTypeItemResponseModel } from '../../../../../external/backend-api/index.js';
+import { UmbControllerHostElement } from '../../../../../libs/controller-api/index.js';
+/**
+ * A data source for Document Type items that fetches data from the server
+ * @export
+ * @class UmbDocumentTypeItemServerDataSource
+ * @implements {UmbItemDataSource}
+ */
+export declare class UmbDocumentTypeItemServerDataSource implements UmbItemDataSource<DocumentTypeItemResponseModel> {
+    #private;
+    /**
+     * Creates an instance of UmbDocumentTypeItemServerDataSource.
+     * @param {UmbControllerHostElement} host
+     * @memberof UmbDocumentTypeItemServerDataSource
+     */
+    constructor(host: UmbControllerHostElement);
+    /**
+     * Fetches the items for the given ids from the server
+     * @param {Array<string>} ids
+     * @return {*}
+     * @memberof UmbDocumentTypeItemServerDataSource
+     */
+    getItems(ids: Array<string>): Promise<import("../../../../../shared/repository/index.js").DataSourceResponse<DocumentTypeItemResponseModel[]>>;
+}

package/dist-cms/packages/documents/document-types/repository/sources/document-type-item.server.data.js

@@ -0,0 +1,32 @@
+import { DocumentTypeResource } from '../../../../../external/backend-api/index.js';
+import { tryExecuteAndNotify } from '../../../../../shared/resources/index.js';
+/**
+ * A data source for Document Type items that fetches data from the server
+ * @export
+ * @class UmbDocumentTypeItemServerDataSource
+ * @implements {UmbItemDataSource}
+ */
+export class UmbDocumentTypeItemServerDataSource {
+    #host;
+    /**
+     * Creates an instance of UmbDocumentTypeItemServerDataSource.
+     * @param {UmbControllerHostElement} host
+     * @memberof UmbDocumentTypeItemServerDataSource
+     */
+    constructor(host) {
+        this.#host = host;
+    }
+    /**
+     * Fetches the items for the given ids from the server
+     * @param {Array<string>} ids
+     * @return {*}
+     * @memberof UmbDocumentTypeItemServerDataSource
+     */
+    async getItems(ids) {
+        if (!ids)
+            throw new Error('Ids are missing');
+        return tryExecuteAndNotify(this.#host, DocumentTypeResource.getDocumentTypeItem({
+            id: ids,
+        }));
+    }
+}

package/dist-cms/packages/documents/document-types/repository/sources/document-type.server.data.js

@@ -72,18 +72,7 @@ export class UmbDocumentTypeServerDataSource {
      */
     async insert(documentType) {
         if (!documentType)
-            throw new Error('Document is missing');
-        //if (!document.id) throw new Error('ID is missing');
-        documentType = { ...documentType };
-        // TODO: Hack to remove some props that ruins the document-type post end-point.
-        documentType.id = undefined;
-        // TODO: Investigate if this matters (should go away anyway when we have the end-point accepts us defining the ids.)
-        documentType.properties = documentType.properties?.map((prop) => {
-            return {
-                ...prop,
-                id: undefined,
-            };
-        });
+            throw new Error('Document Type is missing');
         return tryExecuteAndNotify(this.#host, DocumentTypeResource.postDocumentType({
             requestBody: documentType,
         }));

package/dist-cms/packages/documents/document-types/workspace/document-type-workspace.context.js

@@ -7,24 +7,24 @@ export class UmbDocumentTypeWorkspaceContext extends UmbWorkspaceContext {
         super(host, 'Umb.Workspace.DocumentType', new UmbDocumentTypeRepository(host));
         this.structure = new UmbContentTypePropertyStructureManager(this.host, this.repository);
         // General for content types:
-        this.data = this.structure.ownerDocumentType;
-        this.name = this.structure.ownerDocumentTypeObservablePart((data) => data?.name);
-        this.alias = this.structure.ownerDocumentTypeObservablePart((data) => data?.alias);
-        this.description = this.structure.ownerDocumentTypeObservablePart((data) => data?.description);
-        this.icon = this.structure.ownerDocumentTypeObservablePart((data) => data?.icon);
-        this.allowedAsRoot = this.structure.ownerDocumentTypeObservablePart((data) => data?.allowedAsRoot);
-        this.variesByCulture = this.structure.ownerDocumentTypeObservablePart((data) => data?.variesByCulture);
-        this.variesBySegment = this.structure.ownerDocumentTypeObservablePart((data) => data?.variesBySegment);
-        this.isElement = this.structure.ownerDocumentTypeObservablePart((data) => data?.isElement);
-        this.allowedContentTypes = this.structure.ownerDocumentTypeObservablePart((data) => data?.allowedContentTypes);
-        this.compositions = this.structure.ownerDocumentTypeObservablePart((data) => data?.compositions);
+        this.data = this.structure.ownerContentType;
+        this.name = this.structure.ownerContentTypeObservablePart((data) => data?.name);
+        this.alias = this.structure.ownerContentTypeObservablePart((data) => data?.alias);
+        this.description = this.structure.ownerContentTypeObservablePart((data) => data?.description);
+        this.icon = this.structure.ownerContentTypeObservablePart((data) => data?.icon);
+        this.allowedAsRoot = this.structure.ownerContentTypeObservablePart((data) => data?.allowedAsRoot);
+        this.variesByCulture = this.structure.ownerContentTypeObservablePart((data) => data?.variesByCulture);
+        this.variesBySegment = this.structure.ownerContentTypeObservablePart((data) => data?.variesBySegment);
+        this.isElement = this.structure.ownerContentTypeObservablePart((data) => data?.isElement);
+        this.allowedContentTypes = this.structure.ownerContentTypeObservablePart((data) => data?.allowedContentTypes);
+        this.compositions = this.structure.ownerContentTypeObservablePart((data) => data?.compositions);
         // Document type specific:
-        this.allowedTemplateIds = this.structure.ownerDocumentTypeObservablePart((data) => data?.allowedTemplateIds);
-        this.defaultTemplateId = this.structure.ownerDocumentTypeObservablePart((data) => data?.defaultTemplateId);
-        this.cleanup = this.structure.ownerDocumentTypeObservablePart((data) => data?.defaultTemplateId);
+        this.allowedTemplateIds = this.structure.ownerContentTypeObservablePart((data) => data?.allowedTemplateIds);
+        this.defaultTemplateId = this.structure.ownerContentTypeObservablePart((data) => data?.defaultTemplateId);
+        this.cleanup = this.structure.ownerContentTypeObservablePart((data) => data?.defaultTemplateId);
     }
     getData() {
-        return this.structure.getOwnerDocumentType() || {};
+        return this.structure.getOwnerContentType() || {};
     }
     getEntityId() {
         return this.getData().id;
@@ -33,42 +33,42 @@ export class UmbDocumentTypeWorkspaceContext extends UmbWorkspaceContext {
         return 'document-type';
     }
     setName(name) {
-        this.structure.updateOwnerDocumentType({ name });
+        this.structure.updateOwnerContentType({ name });
     }
     setAlias(alias) {
-        this.structure.updateOwnerDocumentType({ alias });
+        this.structure.updateOwnerContentType({ alias });
     }
     setDescription(description) {
-        this.structure.updateOwnerDocumentType({ description });
+        this.structure.updateOwnerContentType({ description });
     }
     // TODO: manage setting icon color alias?
     setIcon(icon) {
-        this.structure.updateOwnerDocumentType({ icon });
+        this.structure.updateOwnerContentType({ icon });
     }
     setAllowedAsRoot(allowedAsRoot) {
-        this.structure.updateOwnerDocumentType({ allowedAsRoot });
+        this.structure.updateOwnerContentType({ allowedAsRoot });
     }
     setVariesByCulture(variesByCulture) {
-        this.structure.updateOwnerDocumentType({ variesByCulture });
+        this.structure.updateOwnerContentType({ variesByCulture });
     }
     setVariesBySegment(variesBySegment) {
-        this.structure.updateOwnerDocumentType({ variesBySegment });
+        this.structure.updateOwnerContentType({ variesBySegment });
     }
     setIsElement(isElement) {
-        this.structure.updateOwnerDocumentType({ isElement });
+        this.structure.updateOwnerContentType({ isElement });
     }
     setAllowedContentTypes(allowedContentTypes) {
-        this.structure.updateOwnerDocumentType({ allowedContentTypes });
+        this.structure.updateOwnerContentType({ allowedContentTypes });
     }
     setCompositions(compositions) {
-        this.structure.updateOwnerDocumentType({ compositions });
+        this.structure.updateOwnerContentType({ compositions });
     }
     // Document type specific:
     setAllowedTemplateIds(allowedTemplateIds) {
-        this.structure.updateOwnerDocumentType({ allowedTemplateIds });
+        this.structure.updateOwnerContentType({ allowedTemplateIds });
     }
     setDefaultTemplateId(defaultTemplateId) {
-        this.structure.updateOwnerDocumentType({ defaultTemplateId });
+        this.structure.updateOwnerContentType({ defaultTemplateId });
     }
     async create(parentId) {
         const { data } = await this.structure.createScaffold(parentId);

package/dist-cms/packages/documents/document-types/workspace/views/design/document-type-workspace-view-edit.element.js

@@ -88,9 +88,13 @@ export let UmbDocumentTypeWorkspaceViewEditElement = class UmbDocumentTypeWorksp
     #requestRemoveTab(tab) {
         const Message = {
             headline: 'Delete tab',
-            content: html `<umb-localize key="contentTypeEditor_confirmDeleteTabMessage" .args=${[tab?.name ?? tab?.id]}>Are you sure you want to delete the tab <strong>${tab?.name ?? tab?.id}</strong></umb-localize>
+            content: html `<umb-localize key="contentTypeEditor_confirmDeleteTabMessage" .args=${[tab?.name ?? tab?.id]}
+					>Are you sure you want to delete the tab <strong>${tab?.name ?? tab?.id}</strong></umb-localize
+				>
 				<div style="color:var(--uui-color-danger-emphasis)">
-					<umb-localize key="contentTypeEditor_confirmDeleteTabNotice">This will delete all items that doesn't belong to a composition.</umb-localize>
+					<umb-localize key="contentTypeEditor_confirmDeleteTabNotice"
+						>This will delete all items that doesn't belong to a composition.</umb-localize
+					>
 				</div>`,
             confirmLabel: this.localize.term('actions_delete'),
             color: 'danger',
@@ -135,7 +139,7 @@ export let UmbDocumentTypeWorkspaceViewEditElement = class UmbDocumentTypeWorksp
             newName = 'Unnamed';
             event.target.value = 'Unnamed';
         }
-        const changedName = this._workspaceContext?.structure.makeContainerNameUniqueForOwnerDocument(newName, 'Tab', tab.id);
+        const changedName = this._workspaceContext?.structure.makeContainerNameUniqueForOwnerContentType(newName, 'Tab', tab.id);
         // Check if it collides with another tab name of this same document-type, if so adjust name:
         if (changedName) {
             newName = changedName;
@@ -220,7 +224,7 @@ export let UmbDocumentTypeWorkspaceViewEditElement = class UmbDocumentTypeWorksp
 			</uui-button>
 			<uui-button label=${this.localize.term('general_reorder')} compact>
 				<uui-icon name="umb:navigation"></uui-icon>
-			<umb-localize key="general_reorder">Reorder</umb-localize>
+				<umb-localize key="general_reorder">Reorder</umb-localize>
 			</uui-button>
 		</div>`;
     }

package/dist-cms/packages/settings/dashboards/performance-profiling/dashboard-performance-profiling.element.d.ts

@@ -1,7 +1,9 @@
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 export declare class UmbDashboardPerformanceProfilingElement extends UmbLitElement {
-    private _profilingStatus?;
+    #private;
+    private _profilingStatus;
     private _isDebugMode;
+    private _toggle;
     firstUpdated(): void;
     private _getProfilingStatus;
     private _changeProfilingStatus;

package/dist-cms/packages/settings/dashboards/performance-profiling/dashboard-performance-profiling.element.js

@@ -4,78 +4,61 @@ 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 { UmbTextStyles } from "../../../../shared/style/index.js";
-import { css, html, customElement, state } from '../../../../external/lit/index.js';
+import { UmbTextStyles } from '../../../../shared/style/index.js';
+import { css, html, customElement, state, query, unsafeHTML } from '../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 import { ProfilingResource } from '../../../../external/backend-api/index.js';
 import { tryExecuteAndNotify } from '../../../../shared/resources/index.js';
 export let UmbDashboardPerformanceProfilingElement = class UmbDashboardPerformanceProfilingElement extends UmbLitElement {
     constructor() {
         super(...arguments);
+        this._profilingStatus = true;
         // TODO: Get this from the management api configuration when available
         this._isDebugMode = true;
     }
+    #setToggle(value) {
+        this._toggle.checked = value;
+        this._profilingStatus = value;
+    }
     firstUpdated() {
         this._getProfilingStatus();
     }
     async _getProfilingStatus() {
         const { data } = await tryExecuteAndNotify(this, ProfilingResource.getProfilingStatus());
-        if (data) {
-            this._profilingStatus = data.enabled;
-        }
+        if (!data || !data.enabled)
+            return;
+        this._profilingStatus = data.enabled;
     }
     async _changeProfilingStatus() {
         const { error } = await tryExecuteAndNotify(this, ProfilingResource.putProfilingStatus({ requestBody: { enabled: !this._profilingStatus } }));
-        if (!error) {
-            this._profilingStatus = !this._profilingStatus;
+        if (error) {
+            this.#setToggle(this._profilingStatus);
+        }
+        else {
+            this.#setToggle(!this._profilingStatus);
         }
     }
     renderProfilingStatus() {
         return this._isDebugMode
             ? html `
-					<p>
-						Umbraco is running in debug mode. This means you can use the built-in performance profiler to assess
-						performance when rendering pages.
-					</p>
-					<p>
-						If you want to activate the profiler for a specific page rendering, simply add
-						<strong>umbDebug=true</strong> to the querystring when requesting the page.
-					</p>
-
-					<p>
-						If you want the profiler to be activated by default for all page renderings, you can use the toggle below.
-						It will set a cookie in your browser, which then activates the profiler automatically. In other words, the
-						profiler will only be active by default in your browser - not everyone else's.
-					</p>
+					${unsafeHTML(this.localize.term('profiling_performanceProfilingDescription'))}
 
 					<uui-toggle
+						id="toggle"
 						label="Activate the profiler by default"
 						label-position="left"
-						.checked="${this._profilingStatus}"
+						?checked="${this._profilingStatus}"
 						@change="${this._changeProfilingStatus}"></uui-toggle>
 
-					<h4>Friendly reminder</h4>
-					<p>
-						You should never let a production site run in debug mode. Debug mode is turned off by setting
-						<strong>Umbraco:CMS:Hosting:Debug</strong> to <strong>false</strong> in appsettings.json,
-						appsettings.{Environment}.json or via an environment variable.
-					</p>
+					<h4>${this.localize.term('profiling_reminder')}</h4>
+
+					${unsafeHTML(this.localize.term('profiling_reminderDescription'))}
 			  `
-            : html `
-					<p>
-						Umbraco is not running in debug mode, so you can't use the built-in profiler. This is how it should be for a
-						production site.
-					</p>
-					<p>
-						Debug mode is turned on by setting <strong>Umbraco:CMS:Hosting:Debug</strong> to <strong>true</strong> in
-						appsettings.json, appsettings.{Environment}.json or via an environment variable.
-					</p>
-			  `;
+            : html ` ${unsafeHTML(this.localize.term('profiling_profilerEnabledDescription'))} `;
     }
     render() {
         return html `
-			<uui-box>
-				<h1>Performance Profiling</h1>
+			<uui-box headline=${this.localize.term('profiling_performanceProfiling')}>
 				${typeof this._profilingStatus === 'undefined' ? html `<uui-loader></uui-loader>` : this.renderProfilingStatus()}
 			</uui-box>
 		`;
@@ -108,6 +91,9 @@ __decorate([
 __decorate([
     state()
 ], UmbDashboardPerformanceProfilingElement.prototype, "_isDebugMode", void 0);
+__decorate([
+    query('#toggle')
+], UmbDashboardPerformanceProfilingElement.prototype, "_toggle", void 0);
 UmbDashboardPerformanceProfilingElement = __decorate([
     customElement('umb-dashboard-performance-profiling')
 ], UmbDashboardPerformanceProfilingElement);