@umbraco-cms/backoffice 14.0.0-8a5fc0ad → 14.0.0-9986c334

package/dist-cms/packages/templating/partial-views/entity-actions/create/create-empty.action.js

@@ -4,6 +4,6 @@ export class UmbCreateEmptyPartialViewAction extends UmbEntityActionBase {
         super(host, repositoryAlias, unique);
     }
     async execute() {
-        throw new Error('Method not implemented.');
+        history.pushState(null, '', `section/settings/workspace/partial-view/create/${this.unique ?? 'null'}/Empty`);
     }
 }

package/dist-cms/packages/templating/partial-views/entity-actions/create/create-from-snippet.action.d.ts

@@ -1,8 +1,17 @@
 import { UmbEntityActionBase } from '../../../../core/entity-action/index.js';
 import { UmbControllerHostElement } from '../../../../../libs/controller-api/index.js';
+import { UmbPartialViewsRepository } from '../../repository/index.js';
+import { UmbModalToken } from '../../../../core/modal/index.js';
+import { SnippetItemResponseModel } from '../../../../../external/backend-api/index.js';
+export interface UmbCreateFromSnippetPartialViewModalData {
+    snippets: SnippetItemResponseModel[];
+}
+export type UmbConfirmModalResult = undefined;
+export declare const UMB_PARTIAL_VIEW_FROM_SNIPPET_MODAL: UmbModalToken<UmbCreateFromSnippetPartialViewModalData, string>;
 export declare class UmbCreateFromSnippetPartialViewAction<T extends {
     copy(): Promise<void>;
-}> extends UmbEntityActionBase<T> {
+}> extends UmbEntityActionBase<UmbPartialViewsRepository> {
+    #private;
     constructor(host: UmbControllerHostElement, repositoryAlias: string, unique: string);
     execute(): Promise<void>;
 }

package/dist-cms/packages/templating/partial-views/entity-actions/create/create-from-snippet.action.js

@@ -1,9 +1,24 @@
 import { UmbEntityActionBase } from '../../../../core/entity-action/index.js';
+import { UmbContextConsumerController } from '../../../../../libs/context-api/index.js';
+import { UMB_MODAL_MANAGER_CONTEXT_TOKEN, UmbModalToken, } from '../../../../core/modal/index.js';
+export const UMB_PARTIAL_VIEW_FROM_SNIPPET_MODAL = new UmbModalToken('Umb.Modal.CreateFromSnippetPartialView', {
+    type: 'sidebar',
+});
 export class UmbCreateFromSnippetPartialViewAction extends UmbEntityActionBase {
     constructor(host, repositoryAlias, unique) {
         super(host, repositoryAlias, unique);
+        new UmbContextConsumerController(this.host, UMB_MODAL_MANAGER_CONTEXT_TOKEN, (instance) => {
+            this.#modalContext = instance;
+        });
     }
+    #modalContext;
     async execute() {
-        throw new Error('Method not implemented.');
+        const snippets = (await this.repository?.getSnippets({}))?.data?.items ?? [];
+        const modalContext = this.#modalContext?.open(UMB_PARTIAL_VIEW_FROM_SNIPPET_MODAL, {
+            snippets,
+        });
+        await modalContext?.onSubmit().then((snippetName) => {
+            history.pushState(null, '', `section/settings/workspace/partial-view/create/${this.unique ?? 'null'}/${snippetName}`);
+        });
     }
 }

package/dist-cms/packages/templating/partial-views/entity-actions/create/create-from-snippet.modal.d.ts

@@ -0,0 +1,16 @@
+import { UmbModalBaseElement } from '../../../../../shared/modal/index.js';
+import { UmbCreateFromSnippetPartialViewModalData } from './create-from-snippet.action.js';
+import { SnippetItemResponseModel } from '../../../../../external/backend-api/index.js';
+export default class UmbPartialViewCreateFromSnippetModalElement extends UmbModalBaseElement<UmbCreateFromSnippetPartialViewModalData, string> {
+    _snippets: Array<SnippetItemResponseModel>;
+    connectedCallback(): void;
+    private _submit;
+    private _close;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-partial-view-create-from-snippet-modal': UmbPartialViewCreateFromSnippetModalElement;
+    }
+}

package/dist-cms/packages/templating/partial-views/entity-actions/create/create-from-snippet.modal.js

@@ -0,0 +1,73 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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 { UUITextStyles } from '../../../../../external/uui/index.js';
+import { css, html, customElement, state } from '../../../../../external/lit/index.js';
+import { UmbModalBaseElement } from '../../../../../shared/modal/index.js';
+let UmbPartialViewCreateFromSnippetModalElement = class UmbPartialViewCreateFromSnippetModalElement extends UmbModalBaseElement {
+    constructor() {
+        super(...arguments);
+        this._snippets = [];
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this._snippets = this.data?.snippets ?? [];
+    }
+    _submit(snippetName) {
+        this.modalContext?.submit(snippetName);
+    }
+    _close() {
+        this.modalContext?.reject();
+    }
+    render() {
+        return html `
+			<umb-body-layout headline="Create partial view from snippet">
+				<div id="main">
+					<uui-box>
+						${this._snippets.map((snippet) => html `<uui-menu-item label="${snippet.name ?? ''}" @click-label=${() => this._submit(snippet.name ?? '')}
+									><uui-icon name="umb:article" slot="icon"></uui-icon
+								></uui-menu-item>`)}
+					</uui-box>
+				</div>
+				<div slot="actions">
+					<uui-button @click=${this._close} look="secondary">Close</uui-button>
+				</div>
+			</umb-body-layout>
+		`;
+    }
+    static { this.styles = [
+        UUITextStyles,
+        css `
+			:host {
+				display: block;
+				color: var(--uui-color-text);
+				--umb-header-layout-height: 70px;
+			}
+			#main {
+				box-sizing: border-box;
+				height: calc(
+					100dvh - var(--umb-header-layout-height) - var(--umb-footer-layout-height) - 2 * var(--uui-size-layout-1)
+				);
+			}
+
+			#main uui-button {
+				width: 100%;
+			}
+
+			h3,
+			p {
+				text-align: left;
+			}
+		`,
+    ]; }
+};
+__decorate([
+    state()
+], UmbPartialViewCreateFromSnippetModalElement.prototype, "_snippets", void 0);
+UmbPartialViewCreateFromSnippetModalElement = __decorate([
+    customElement('umb-partial-view-create-from-snippet-modal')
+], UmbPartialViewCreateFromSnippetModalElement);
+export default UmbPartialViewCreateFromSnippetModalElement;

package/dist-cms/packages/templating/partial-views/entity-actions/manifests.d.ts

@@ -1,2 +1,7 @@
 import { ManifestEntityAction } from '../../../core/extension-registry/index.js';
-export declare const manifests: ManifestEntityAction[];
+export declare const manifests: (ManifestEntityAction | {
+    type: string;
+    alias: string;
+    name: string;
+    loader: () => Promise<typeof import("./create/create-from-snippet.modal.js")>;
+})[];

package/dist-cms/packages/templating/partial-views/entity-actions/manifests.js

@@ -1,7 +1,7 @@
-import { PARTIAL_VIEW_ENTITY_TYPE, PARTIAL_VIEW_FOLDER_ENTITY_TYPE, PARTIAL_VIEW_REPOSITORY_ALIAS } from '../config.js';
+import { PARTIAL_VIEW_ENTITY_TYPE, PARTIAL_VIEW_FOLDER_EMPTY_ENTITY_TYPE, PARTIAL_VIEW_FOLDER_ENTITY_TYPE, PARTIAL_VIEW_REPOSITORY_ALIAS, PARTIAL_VIEW_ROOT_ENTITY_TYPE, } from '../config.js';
 import { UmbCreateFromSnippetPartialViewAction } from './create/create-from-snippet.action.js';
 import { UmbCreateEmptyPartialViewAction } from './create/create-empty.action.js';
-import { UmbDeleteEntityAction } from '../../../core/entity-action/index.js';
+import { UmbCreateFolderEntityAction, UmbDeleteEntityAction, UmbDeleteFolderEntityAction, } from '../../../core/entity-action/index.js';
 //TODO: this is temporary until we have a proper way of registering actions for folder types in a specific tree
 //Actions for partial view files
 const partialViewActions = [
@@ -34,7 +34,7 @@ const partialViewFolderActions = [
             repositoryAlias: PARTIAL_VIEW_REPOSITORY_ALIAS,
         },
         conditions: {
-            entityTypes: [PARTIAL_VIEW_FOLDER_ENTITY_TYPE],
+            entityTypes: [PARTIAL_VIEW_FOLDER_ENTITY_TYPE, PARTIAL_VIEW_ROOT_ENTITY_TYPE],
         },
     },
     {
@@ -48,8 +48,46 @@ const partialViewFolderActions = [
             repositoryAlias: PARTIAL_VIEW_REPOSITORY_ALIAS,
         },
         conditions: {
-            entityTypes: [PARTIAL_VIEW_FOLDER_ENTITY_TYPE],
+            entityTypes: [PARTIAL_VIEW_FOLDER_ENTITY_TYPE, PARTIAL_VIEW_ROOT_ENTITY_TYPE],
+        },
+    },
+    {
+        type: 'entityAction',
+        alias: 'Umb.EntityAction.PartialViewFolder.DeleteFolder',
+        name: 'Remove empty folder',
+        meta: {
+            icon: 'umb:trash',
+            label: 'Remove folder',
+            api: UmbDeleteFolderEntityAction,
+            repositoryAlias: PARTIAL_VIEW_REPOSITORY_ALIAS,
+        },
+        conditions: {
+            entityTypes: [PARTIAL_VIEW_FOLDER_EMPTY_ENTITY_TYPE],
+        },
+    },
+    {
+        type: 'entityAction',
+        alias: 'Umb.EntityAction.PartialViewFolder.CreateFolder',
+        name: 'Create empty folder',
+        meta: {
+            icon: 'umb:add',
+            label: 'Create folder',
+            api: UmbCreateFolderEntityAction,
+            repositoryAlias: PARTIAL_VIEW_REPOSITORY_ALIAS,
+        },
+        conditions: {
+            entityTypes: [
+                PARTIAL_VIEW_FOLDER_EMPTY_ENTITY_TYPE,
+                PARTIAL_VIEW_FOLDER_ENTITY_TYPE,
+                PARTIAL_VIEW_ROOT_ENTITY_TYPE,
+            ],
         },
     },
 ];
-export const manifests = [...partialViewActions, ...partialViewFolderActions];
+const createFromSnippetActionModal = {
+    type: 'modal',
+    alias: 'Umb.Modal.CreateFromSnippetPartialView',
+    name: 'Choose insert type sidebar',
+    loader: () => import('./create/create-from-snippet.modal.js'),
+};
+export const manifests = [...partialViewActions, ...partialViewFolderActions, createFromSnippetActionModal];

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

@@ -1 +1,6 @@
-export declare const manifests: (import("../../core/index.js").ManifestEntityAction | import("../../core/index.js").ManifestMenuItemTreeKind | import("../../core/index.js").ManifestRepository | import("../../core/index.js").ManifestStore | import("../../core/index.js").ManifestTreeStore | import("../../core/index.js").ManifestTree | import("../../core/index.js").ManifestTreeItem | import("../../core/index.js").ManifestWorkspace | import("../../core/index.js").ManifestWorkspaceAction)[];
+export declare const manifests: (import("../../core/index.js").ManifestEntityAction | import("../../core/index.js").ManifestMenuItemTreeKind | import("../../core/index.js").ManifestRepository | import("../../core/index.js").ManifestStore | import("../../core/index.js").ManifestTreeStore | import("../../core/index.js").ManifestTree | import("../../core/index.js").ManifestTreeItem | import("../../core/index.js").ManifestWorkspace | import("../../core/index.js").ManifestWorkspaceAction | {
+    type: string;
+    alias: string;
+    name: string;
+    loader: () => Promise<typeof import("./entity-actions/create/create-from-snippet.modal.js")>;
+})[];

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

@@ -1,19 +1,28 @@
+import { PartialViewGetFolderResponse } from './sources/partial-views.folder.server.data.js';
 import { Observable } from '../../../../external/rxjs/index.js';
 import { UmbControllerHostElement } from '../../../../libs/controller-api/index.js';
-import { EntityTreeItemResponseModel, ProblemDetails } from '../../../../external/backend-api/index.js';
-import { UmbDetailRepository, UmbTreeRepository } from '../../../../shared/repository/index.js';
-export declare class UmbPartialViewsRepository implements UmbTreeRepository<EntityTreeItemResponseModel>, UmbDetailRepository<any> {
+import { CreateFolderRequestModel, CreatePartialViewRequestModel, FileSystemTreeItemPresentationModel, FolderModelBaseModel, FolderReponseModel, PagedSnippetItemResponseModel, PartialViewItemResponseModel, PartialViewResponseModel, ProblemDetails, TextFileResponseModelBaseModel, UpdatePartialViewRequestModel } from '../../../../external/backend-api/index.js';
+import { DataSourceResponse, UmbDataSourceErrorResponse, UmbDetailRepository, UmbFolderRepository, UmbTreeRepository } from '../../../../shared/repository/index.js';
+export declare class UmbPartialViewsRepository implements UmbTreeRepository<FileSystemTreeItemPresentationModel>, UmbDetailRepository<CreatePartialViewRequestModel, string, UpdatePartialViewRequestModel, PartialViewResponseModel, string>, UmbFolderRepository {
     #private;
     constructor(host: UmbControllerHostElement);
-    requestItemsLegacy?: ((uniques: string[]) => Promise<{
-        data?: any[] | undefined;
+    createFolderScaffold(parentId: string | null): Promise<{
+        data?: FolderReponseModel | undefined;
         error?: ProblemDetails | undefined;
-        asObservable?: (() => Observable<any[]>) | undefined;
-    }>) | undefined;
-    itemsLegacy?: ((uniques: string[]) => Promise<Observable<any[]>>) | undefined;
-    byId(id: string): Promise<Observable<any>>;
-    requestById(id: string): Promise<{
-        data?: any;
+    }>;
+    createFolder(requestBody: CreateFolderRequestModel): Promise<{
+        data?: string | undefined;
+        error?: ProblemDetails | undefined;
+    }>;
+    requestFolder(unique: string): Promise<{
+        data?: PartialViewGetFolderResponse | undefined;
+        error?: ProblemDetails | undefined;
+    }>;
+    updateFolder(unique: string, folder: FolderModelBaseModel): Promise<{
+        data?: FolderModelBaseModel | undefined;
+        error?: ProblemDetails | undefined;
+    }>;
+    deleteFolder(path: string): Promise<{
         error?: ProblemDetails | undefined;
     }>;
     requestTreeRoot(): Promise<{
@@ -29,12 +38,12 @@ export declare class UmbPartialViewsRepository implements UmbTreeRepository<Enti
     requestRootTreeItems(): Promise<{
         data: import("../../../../external/backend-api/index.js").PagedFileSystemTreeItemPresentationModel | undefined;
         error: import("../../../../external/backend-api/index.js").ApiError | import("../../../../external/backend-api/index.js").CancelError | undefined;
-        asObservable: () => Observable<import("../../../../external/backend-api/index.js").FileSystemTreeItemPresentationModel[]>;
+        asObservable: () => Observable<FileSystemTreeItemPresentationModel[]>;
     }>;
     requestTreeItemsOf(path: string | null): Promise<{
         data: any;
         error: any;
-        asObservable: () => Observable<import("../../../../external/backend-api/index.js").FileSystemTreeItemPresentationModel[]>;
+        asObservable: () => Observable<FileSystemTreeItemPresentationModel[]>;
     }>;
     requestTreeItems(keys: Array<string>): Promise<{
         data: undefined;
@@ -43,17 +52,24 @@ export declare class UmbPartialViewsRepository implements UmbTreeRepository<Enti
     } | {
         data: any;
         error: any;
-        asObservable: () => Observable<import("../../../../external/backend-api/index.js").FileSystemTreeItemPresentationModel[]>;
+        asObservable: () => Observable<FileSystemTreeItemPresentationModel[]>;
     }>;
-    rootTreeItems(): Promise<Observable<import("../../../../external/backend-api/index.js").FileSystemTreeItemPresentationModel[]>>;
-    treeItemsOf(parentPath: string | null): Promise<Observable<import("../../../../external/backend-api/index.js").FileSystemTreeItemPresentationModel[]>>;
-    treeItems(paths: Array<string>): Promise<Observable<import("../../../../external/backend-api/index.js").FileSystemTreeItemPresentationModel[]>>;
+    rootTreeItems(): Promise<Observable<FileSystemTreeItemPresentationModel[]>>;
+    treeItemsOf(parentPath: string | null): Promise<Observable<FileSystemTreeItemPresentationModel[]>>;
+    treeItems(paths: Array<string>): Promise<Observable<FileSystemTreeItemPresentationModel[]>>;
     requestByKey(path: string): Promise<{
-        data: undefined;
-        error: undefined;
+        data: TextFileResponseModelBaseModel | undefined;
+        error: import("../../../../external/backend-api/index.js").ApiError | import("../../../../external/backend-api/index.js").CancelError | undefined;
     }>;
-    createScaffold(parentKey: string | null): Promise<never>;
-    create(patrial: any): Promise<never>;
-    save(patrial: any): Promise<never>;
-    delete(key: string): Promise<never>;
+    requestById(id: string): Promise<DataSourceResponse<any>>;
+    byId(id: string): Promise<Observable<any>>;
+    createScaffold(parentId: string | null, preset: string): Promise<DataSourceResponse<TextFileResponseModelBaseModel>>;
+    create(data: CreatePartialViewRequestModel): Promise<DataSourceResponse<any>>;
+    save(id: string, requestBody: UpdatePartialViewRequestModel): Promise<UmbDataSourceErrorResponse>;
+    delete(id: string): Promise<UmbDataSourceErrorResponse>;
+    getSnippets({ skip, take }: {
+        skip?: number | undefined;
+        take?: number | undefined;
+    }): Promise<DataSourceResponse<PagedSnippetItemResponseModel>>;
+    requestItems(keys: Array<string>): Promise<DataSourceResponse<PartialViewItemResponseModel[]>>;
 }

package/dist-cms/packages/templating/partial-views/repository/partial-views.repository.js

@@ -1,34 +1,63 @@
+import { PARTIAL_VIEW_ROOT_ENTITY_TYPE } from '../config.js';
 import { UmbPartialViewDetailServerDataSource } from './sources/partial-views.detail.server.data.js';
 import { UmbPartialViewsTreeServerDataSource } from './sources/partial-views.tree.server.data.js';
 import { UMB_PARTIAL_VIEW_TREE_STORE_CONTEXT_TOKEN } from './partial-views.tree.store.js';
+import { UmbPartialViewsFolderServerDataSource, } from './sources/partial-views.folder.server.data.js';
 import { UmbContextConsumerController } from '../../../../libs/context-api/index.js';
-import { PARTIAL_VIEW_ROOT_ENTITY_TYPE } from '../config.js';
 export class UmbPartialViewsRepository {
     #init;
     #host;
     #treeDataSource;
     #detailDataSource;
+    #folderDataSource;
     #treeStore;
     constructor(host) {
         this.#host = host;
         this.#treeDataSource = new UmbPartialViewsTreeServerDataSource(this.#host);
         this.#detailDataSource = new UmbPartialViewDetailServerDataSource(this.#host);
+        this.#folderDataSource = new UmbPartialViewsFolderServerDataSource(this.#host);
         this.#init = Promise.all([
             new UmbContextConsumerController(this.#host, UMB_PARTIAL_VIEW_TREE_STORE_CONTEXT_TOKEN, (instance) => {
                 this.#treeStore = instance;
             }),
         ]);
     }
-    byId(id) {
-        throw new Error('Method not implemented.');
+    //#region FOLDER
+    createFolderScaffold(parentId) {
+        const data = {
+            name: '',
+            parentId,
+        };
+        return Promise.resolve({ data, error: undefined });
     }
-    // TODO: This method to be done, or able to go away?
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-ignore
-    requestById(id) {
+    async createFolder(requestBody) {
+        await this.#init;
+        const req = {
+            parentPath: requestBody.parentId,
+            name: requestBody.name,
+        };
+        const promise = this.#folderDataSource.insert(req);
+        await promise;
+        this.requestTreeItemsOf(requestBody.parentId ? requestBody.parentId : null);
+        return promise;
+    }
+    async requestFolder(unique) {
+        await this.#init;
+        return this.#folderDataSource.get(unique);
+    }
+    updateFolder(unique, folder) {
         throw new Error('Method not implemented.');
     }
-    // TREE:
+    async deleteFolder(path) {
+        await this.#init;
+        const { data } = await this.requestFolder(path);
+        const promise = this.#folderDataSource.delete(path);
+        await promise;
+        this.requestTreeItemsOf(data?.parentPath ? data?.parentPath : null);
+        return promise;
+    }
+    //#endregion
+    //#region TREE
     async requestTreeRoot() {
         await this.#init;
         const data = {
@@ -54,7 +83,7 @@ export class UmbPartialViewsRepository {
             return this.requestRootTreeItems();
         }
         await this.#init;
-        const { data, error } = await this.#treeDataSource.getChildrenOf({ path });
+        const { data, error } = await this.#treeDataSource.getChildrenOf({ path, skip: 0, take: 100 });
         if (data) {
             this.#treeStore.appendItems(data.items);
         }
@@ -85,7 +114,8 @@ export class UmbPartialViewsRepository {
         await this.#init;
         return this.#treeStore.items(paths);
     }
-    // DETAILS
+    //#endregion
+    //#region DETAILS
     async requestByKey(path) {
         if (!path)
             throw new Error('Path is missing');
@@ -93,17 +123,34 @@ export class UmbPartialViewsRepository {
         const { data, error } = await this.#detailDataSource.get(path);
         return { data, error };
     }
-    // DETAILS:
-    async createScaffold(parentKey) {
-        return Promise.reject(new Error('Not implemented'));
+    requestById(id) {
+        throw new Error('Method not implemented.');
+    }
+    byId(id) {
+        throw new Error('Method not implemented.');
+    }
+    createScaffold(parentId, preset) {
+        return this.#detailDataSource.createScaffold(parentId, preset);
+    }
+    async create(data) {
+        const promise = this.#detailDataSource.insert(data);
+        await promise;
+        this.requestTreeItemsOf(data.parentPath ? data.parentPath : null);
+        return promise;
+    }
+    save(id, requestBody) {
+        return this.#detailDataSource.update(id, requestBody);
     }
-    async create(patrial) {
-        return Promise.reject(new Error('Not implemented'));
+    async delete(id) {
+        const promise = this.#detailDataSource.delete(id);
+        const parentPath = id.substring(0, id.lastIndexOf('/'));
+        this.requestTreeItemsOf(parentPath ? parentPath : null);
+        return promise;
     }
-    async save(patrial) {
-        return Promise.reject(new Error('Not implemented'));
+    getSnippets({ skip = 0, take = 100 }) {
+        return this.#detailDataSource.getSnippets({ skip, take });
     }
-    async delete(key) {
-        return Promise.reject(new Error('Not implemented'));
+    requestItems(keys) {
+        return this.#detailDataSource.getItems(keys);
     }
 }

package/dist-cms/packages/templating/partial-views/repository/sources/partial-views.detail.server.data.d.ts

@@ -1,26 +1,61 @@
 import { PartialViewDetails } from '../../config.js';
+import { CreatePartialViewRequestModel, PagedSnippetItemResponseModel, PartialViewItemResponseModel, PartialViewResponseModel, UpdatePartialViewRequestModel } from '../../../../../external/backend-api/index.js';
 import type { UmbControllerHostElement } from '../../../../../libs/controller-api/index.js';
 import { DataSourceResponse, UmbDataSource } from '../../../../../shared/repository/index.js';
-export declare class UmbPartialViewDetailServerDataSource implements UmbDataSource<PartialViewDetails, PartialViewDetails, PartialViewDetails, PartialViewDetails> {
+export declare class UmbPartialViewDetailServerDataSource implements UmbDataSource<CreatePartialViewRequestModel, string, UpdatePartialViewRequestModel, PartialViewResponseModel, string> {
     #private;
+    constructor(host: UmbControllerHostElement);
     /**
-     * Creates an instance of UmbPartialViewDetailServerDataSource.
-     * @param {UmbControllerHostInterface} host
+     * Creates a new partial view scaffold
+     *
+     * @param {(string | null)} [parentId=null] You can leave this empty
+     * @param {string} preset Name of the snippet to use as a preset
+     * @return {*}  {Promise<DataSourceResponse<PartialViewDetails>>}
      * @memberof UmbPartialViewDetailServerDataSource
      */
-    constructor(host: UmbControllerHostElement);
-    createScaffold(parentKey: string | null): Promise<DataSourceResponse<PartialViewDetails>>;
+    createScaffold(parentId: string | null | undefined, preset: string): Promise<DataSourceResponse<PartialViewDetails>>;
+    /**
+     * Get possible snippets for partial views
+     *
+     * @param {*} { skip = 0, take = 100 }
+     * @return {*}  {Promise<DataSourceResponse<PagedSnippetItemResponseModel>>}
+     * @memberof UmbPartialViewDetailServerDataSource
+     */
+    getSnippets({ skip, take }: {
+        skip?: number | undefined;
+        take?: number | undefined;
+    }): Promise<DataSourceResponse<PagedSnippetItemResponseModel>>;
     /**
-     * Fetches a Stylesheet with the given path from the server
+     * Fetches a partial view with the given path from the server
      * @param {string} path
      * @return {*}
      * @memberof UmbStylesheetServerDataSource
      */
-    get(path: string): Promise<{
-        data: undefined;
-        error: undefined;
-    }>;
-    insert(data: any): Promise<DataSourceResponse<PartialViewDetails>>;
-    update(unique: string, data: PartialViewDetails): Promise<DataSourceResponse<PartialViewDetails>>;
-    delete(unique: string): Promise<DataSourceResponse>;
+    get(path: string): Promise<DataSourceResponse<import("../../../../../external/backend-api/index.js").TextFileResponseModelBaseModel>>;
+    /**
+     * Creates a new partial view
+     *
+     * @param {CreatePartialViewRequestModel} requestBody
+     * @return {*}  {Promise<DataSourceResponse<string>>}
+     * @memberof UmbPartialViewDetailServerDataSource
+     */
+    insert(requestBody: CreatePartialViewRequestModel): Promise<DataSourceResponse<string>>;
+    /**
+     * Updates a partial view
+     *
+     * @param {string} [unique='']
+     * @param {UpdatePartialViewRequestModel} requestBody
+     * @return {*}  {Promise<DataSourceResponse<any>>}
+     * @memberof UmbPartialViewDetailServerDataSource
+     */
+    update(unique: string | undefined, requestBody: UpdatePartialViewRequestModel): Promise<DataSourceResponse<any>>;
+    /**
+     * Deletes a partial view
+     *
+     * @param {string} path
+     * @return {*}  {Promise<DataSourceResponse>}
+     * @memberof UmbPartialViewDetailServerDataSource
+     */
+    delete(path: string): Promise<DataSourceResponse>;
+    getItems(keys: Array<string>): Promise<DataSourceResponse<PartialViewItemResponseModel[]>>;
 }

package/dist-cms/packages/templating/partial-views/repository/sources/partial-views.detail.server.data.js

@@ -1,36 +1,75 @@
-//TODO Pass proper models
+import { PartialViewResource, } from '../../../../../external/backend-api/index.js';
+import { tryExecuteAndNotify } from '../../../../../shared/resources/index.js';
 export class UmbPartialViewDetailServerDataSource {
     #host;
+    constructor(host) {
+        this.#host = host;
+    }
     /**
-     * Creates an instance of UmbPartialViewDetailServerDataSource.
-     * @param {UmbControllerHostInterface} host
+     * Creates a new partial view scaffold
+     *
+     * @param {(string | null)} [parentId=null] You can leave this empty
+     * @param {string} preset Name of the snippet to use as a preset
+     * @return {*}  {Promise<DataSourceResponse<PartialViewDetails>>}
      * @memberof UmbPartialViewDetailServerDataSource
      */
-    constructor(host) {
-        this.#host = host;
+    createScaffold(parentId = null, preset) {
+        return tryExecuteAndNotify(this.#host, PartialViewResource.getPartialViewSnippetByName({ name: preset }));
     }
-    createScaffold(parentKey) {
-        throw new Error('Method not implemented.');
+    /**
+     * Get possible snippets for partial views
+     *
+     * @param {*} { skip = 0, take = 100 }
+     * @return {*}  {Promise<DataSourceResponse<PagedSnippetItemResponseModel>>}
+     * @memberof UmbPartialViewDetailServerDataSource
+     */
+    getSnippets({ skip = 0, take = 100 }) {
+        return tryExecuteAndNotify(this.#host, PartialViewResource.getPartialViewSnippet({ skip, take }));
     }
     /**
-     * Fetches a Stylesheet with the given path from the server
+     * Fetches a partial view with the given path from the server
      * @param {string} path
      * @return {*}
      * @memberof UmbStylesheetServerDataSource
      */
-    async get(path) {
+    get(path) {
         if (!path)
             throw new Error('Path is missing');
-        console.log('GET PATRIAL WITH PATH', path);
-        return { data: undefined, error: undefined };
+        return tryExecuteAndNotify(this.#host, PartialViewResource.getPartialView({ path }));
     }
-    insert(data) {
-        throw new Error('Method not implemented.');
+    /**
+     * Creates a new partial view
+     *
+     * @param {CreatePartialViewRequestModel} requestBody
+     * @return {*}  {Promise<DataSourceResponse<string>>}
+     * @memberof UmbPartialViewDetailServerDataSource
+     */
+    insert(requestBody) {
+        return tryExecuteAndNotify(this.#host, PartialViewResource.postPartialView({ requestBody }));
+    }
+    //TODO the parameters here are bit ugly, since unique is already in the request body parameter, but it has to be done to marry the UmbDataSource interface an backend API together... maybe come up with some nicer solution
+    /**
+     * Updates a partial view
+     *
+     * @param {string} [unique='']
+     * @param {UpdatePartialViewRequestModel} requestBody
+     * @return {*}  {Promise<DataSourceResponse<any>>}
+     * @memberof UmbPartialViewDetailServerDataSource
+     */
+    update(unique = '', requestBody) {
+        return tryExecuteAndNotify(this.#host, PartialViewResource.putPartialView({ requestBody }));
     }
-    update(unique, data) {
-        throw new Error('Method not implemented.');
+    /**
+     * Deletes a partial view
+     *
+     * @param {string} path
+     * @return {*}  {Promise<DataSourceResponse>}
+     * @memberof UmbPartialViewDetailServerDataSource
+     */
+    delete(path) {
+        return tryExecuteAndNotify(this.#host, PartialViewResource.deletePartialView({ path }));
     }
-    delete(unique) {
-        throw new Error('Method not implemented.');
+    getItems(keys) {
+        return tryExecuteAndNotify(this.#host, PartialViewResource.getPartialViewItem({ id: keys }));
     }
 }

package/dist-cms/packages/templating/partial-views/repository/sources/partial-views.folder.server.data.d.ts

@@ -0,0 +1,17 @@
+import { CreateFolderRequestModel, FolderModelBaseModel, FolderReponseModel } from '../../../../../external/backend-api/index.js';
+import { UmbControllerHostElement } from '../../../../../libs/controller-api/index.js';
+import { DataSourceResponse, UmbFolderDataSource } from '../../../../../shared/repository/index.js';
+export type PartialViewGetFolderResponse = {
+    path: string;
+    parentPath: string;
+    name: string;
+};
+export declare class UmbPartialViewsFolderServerDataSource implements UmbFolderDataSource {
+    #private;
+    constructor(host: UmbControllerHostElement);
+    createScaffold(parentId: string | null): Promise<DataSourceResponse<FolderReponseModel>>;
+    get(unique: string): Promise<DataSourceResponse<PartialViewGetFolderResponse>>;
+    insert(requestBody: CreateFolderRequestModel): Promise<DataSourceResponse<string>>;
+    update(unique: string, data: CreateFolderRequestModel): Promise<DataSourceResponse<FolderModelBaseModel>>;
+    delete(path: string): Promise<DataSourceResponse<unknown>>;
+}