@umbraco-cms/backoffice 14.0.0-258b103a → 14.0.0-2a03783e

package/dist-cms/packages/templating/partial-views/workspace/partial-views-workspace.context.js

@@ -1,26 +1,62 @@
-import { UmbTemplateRepository } from '../repository/partial-views.repository.js';
-import { createObservablePart, UmbDeepState } from '../../../../libs/observable-api/index.js';
+import { UmbPartialViewsRepository } from '../repository/partial-views.repository.js';
+import { createObservablePart, UmbBooleanState, UmbDeepState } from '../../../../libs/observable-api/index.js';
 import { UmbWorkspaceContext } from '../../../core/workspace/index.js';
+import { loadCodeEditor } from '../../code-editor/index.js';
 export class UmbPartialViewsWorkspaceContext extends UmbWorkspaceContext {
     getEntityId() {
-        throw new Error('Method not implemented.');
+        return this.getData()?.path;
     }
     getEntityType() {
         throw new Error('Method not implemented.');
     }
     save() {
-        throw new Error('Method not implemented.');
+        const partialView = this.getData();
+        if (!partialView)
+            return Promise.reject('Something went wrong, there is no data for partial view you want to save...');
+        if (this.getIsNew()) {
+            const createRequestBody = {
+                name: partialView.name,
+                content: partialView.content,
+                parentPath: partialView.path + '/',
+            };
+            this.repository.create(createRequestBody);
+            console.log('create');
+            return Promise.resolve();
+        }
+        if (!partialView.path)
+            return Promise.reject('There is no path');
+        const updateRequestBody = {
+            name: partialView.name,
+            existingPath: partialView.path,
+            content: partialView.content,
+        };
+        this.repository.save(partialView.path, updateRequestBody);
+        return Promise.resolve();
     }
     destroy() {
         throw new Error('Method not implemented.');
     }
     #data;
+    #isCodeEditorReady;
     constructor(host) {
-        super(host, new UmbTemplateRepository(host));
+        super(host, new UmbPartialViewsRepository(host));
         this.#data = new UmbDeepState(undefined);
         this.data = this.#data.asObservable();
         this.name = createObservablePart(this.#data, (data) => data?.name);
         this.content = createObservablePart(this.#data, (data) => data?.content);
+        this.path = createObservablePart(this.#data, (data) => data?.path);
+        this.#isCodeEditorReady = new UmbBooleanState(false);
+        this.isCodeEditorReady = this.#isCodeEditorReady.asObservable();
+        this.#loadCodeEditor();
+    }
+    async #loadCodeEditor() {
+        try {
+            await loadCodeEditor();
+            this.#isCodeEditorReady.next(true);
+        }
+        catch (error) {
+            console.error(error);
+        }
     }
     getData() {
         return this.#data.getValue();
@@ -38,11 +74,16 @@ export class UmbPartialViewsWorkspaceContext extends UmbWorkspaceContext {
             this.#data.next(data);
         }
     }
-    async create(parentKey) {
-        const { data } = await this.repository.createScaffold(parentKey);
+    async create(parentKey, name = 'Empty') {
+        const { data } = await this.repository.createScaffold(parentKey, name);
+        const newPartial = {
+            ...data,
+            name: '',
+            path: parentKey ?? '',
+        };
         if (!data)
             return;
         this.setIsNew(true);
-        this.#data.next(data);
+        this.#data.next(newPartial);
     }
 }

package/dist-cms/packages/templating/partial-views/workspace/partial-views-workspace.element.d.ts

@@ -1,6 +1,7 @@
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 import { UmbRoute } from '../../../../shared/router/index.js';
 import './partial-views-workspace-edit.element.js';
+import '../../components/insert-menu/templating-insert-menu.element.js';
 export declare class UmbPartialViewsWorkspaceElement extends UmbLitElement {
     #private;
     _routes: UmbRoute[];

package/dist-cms/packages/templating/partial-views/workspace/partial-views-workspace.element.js

@@ -9,6 +9,7 @@ import { UUITextStyles } from '../../../../external/uui/index.js';
 import { css, html, customElement, state } from '../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 import './partial-views-workspace-edit.element.js';
+import '../../components/insert-menu/templating-insert-menu.element.js';
 import { UmbWorkspaceIsNewRedirectController } from '../../../core/workspace/index.js';
 export let UmbPartialViewsWorkspaceElement = class UmbPartialViewsWorkspaceElement extends UmbLitElement {
     constructor() {
@@ -17,11 +18,13 @@ export let UmbPartialViewsWorkspaceElement = class UmbPartialViewsWorkspaceEleme
         this.#element = document.createElement('umb-partial-views-workspace-edit');
         this._routes = [
             {
-                path: 'create/:parentKey',
+                path: 'create/:parentKey/:snippetName',
                 component: () => this.#element,
                 setup: async (component, info) => {
                     const parentKey = info.match.params.parentKey;
-                    this.#partialViewsWorkspaceContext.create(parentKey);
+                    const decodePath = decodeURIComponent(parentKey);
+                    const snippetName = info.match.params.snippetName;
+                    this.#partialViewsWorkspaceContext.create(decodePath === 'null' ? null : parentKey, snippetName);
                     new UmbWorkspaceIsNewRedirectController(this, this.#partialViewsWorkspaceContext, this.shadowRoot.querySelector('umb-router-slot'));
                 },
             },
@@ -30,7 +33,8 @@ export let UmbPartialViewsWorkspaceElement = class UmbPartialViewsWorkspaceEleme
                 component: () => this.#element,
                 setup: (component, info) => {
                     const key = info.match.params.key;
-                    this.#partialViewsWorkspaceContext.load(key);
+                    const decodePath = decodeURIComponent(key).replace('-cshtml', '.cshtml');
+                    this.#partialViewsWorkspaceContext.load(decodePath);
                 },
             },
         ];

package/dist-cms/packages/templating/templates/modals/query-builder/query-builder.element.d.ts

@@ -1,4 +1,5 @@
 import { UmbModalBaseElement } from '../../../../../shared/modal/index.js';
+import './query-builder-filter.element.js';
 export interface TemplateQueryBuilderModalData {
     hidePartialViews?: boolean;
 }

package/dist-cms/packages/templating/templates/modals/query-builder/query-builder.element.js

@@ -10,6 +10,7 @@ import { css, html, customElement, state, query, queryAll } from '../../../../..
 import { UmbModalBaseElement } from '../../../../../shared/modal/index.js';
 import { UMB_DOCUMENT_PICKER_MODAL, UMB_MODAL_MANAGER_CONTEXT_TOKEN, } from '../../../../core/modal/index.js';
 import { UmbDocumentRepository } from '../../../../documents/documents/index.js';
+import './query-builder-filter.element.js';
 var SortOrder;
 (function (SortOrder) {
     SortOrder["Ascending"] = "ascending";

package/dist-cms/shared/repository/data-source/data-source.interface.d.ts

@@ -1,6 +1,6 @@
 import type { DataSourceResponse } from '../index.js';
-export interface UmbDataSource<CreateRequestType, CreateResponseType, UpdateRequestType, ResponseType> {
-    createScaffold(parentId: string | null): Promise<DataSourceResponse<CreateRequestType>>;
+export interface UmbDataSource<CreateRequestType, CreateResponseType, UpdateRequestType, ResponseType, CreateScaffoldPresetType = Partial<CreateRequestType>> {
+    createScaffold(parentId: string | null, preset?: Partial<CreateRequestType> | CreateScaffoldPresetType): Promise<DataSourceResponse<CreateRequestType>>;
     get(unique: string): Promise<DataSourceResponse<ResponseType>>;
     insert(data: CreateRequestType): Promise<DataSourceResponse<CreateResponseType>>;
     update(unique: string, data: UpdateRequestType): Promise<DataSourceResponse<ResponseType>>;

package/dist-cms/shared/repository/detail-repository.interface.d.ts

@@ -1,7 +1,7 @@
 import type { DataSourceResponse, UmbDataSourceErrorResponse } from './data-source/index.js';
 import { Observable } from '../../external/rxjs/index.js';
-export interface UmbDetailRepository<CreateRequestType = any, CreateResponseType = any, UpdateRequestType = any, ResponseType = any> {
-    createScaffold(parentId: string | null, preset?: Partial<CreateRequestType>): Promise<DataSourceResponse<CreateRequestType>>;
+export interface UmbDetailRepository<CreateRequestType = any, CreateResponseType = any, UpdateRequestType = any, ResponseType = any, CreateScaffoldPresetType = Partial<CreateRequestType>> {
+    createScaffold(parentId: string | null, preset?: Partial<CreateRequestType> | CreateScaffoldPresetType): Promise<DataSourceResponse<CreateRequestType>>;
     requestById(id: string): Promise<DataSourceResponse<ResponseType | undefined>>;
     byId(id: string): Promise<Observable<ResponseType | undefined>>;
     create(data: CreateRequestType): Promise<DataSourceResponse<CreateResponseType>>;