@umbraco-cms/backoffice 14.0.0-d335c2c2 → 14.0.0-d87d656d

package/dist-cms/packages/templating/modals/insert-section-modal/insert-section-input.element.js

@@ -52,6 +52,7 @@ export let UmbInsertSectionCheckboxElement = class UmbInsertSectionCheckboxEleme
 								<uui-input
 									required
 									placeholder="Enter section name"
+									label="Section name"
 									id="section-name-input"></uui-input> </uui-form-layout-item
 							>${this.showMandatory
                 ? html `<p slot="if-checked">

package/dist-cms/packages/templating/modals/insert-section-modal/insert-section-modal.element.js

@@ -91,8 +91,8 @@ let UmbTemplatingInsertSectionModalElement = class UmbTemplatingInsertSectionMod
 					</uui-box>
 				</div>
 				<div slot="actions">
-					<uui-button @click=${this.#close} look="secondary">Close</uui-button>
-					<uui-button @click=${this.#submit} look="primary" color="positive">Submit</uui-button>
+					<uui-button @click=${this.#close} look="secondary" label="Close">Close</uui-button>
+					<uui-button @click=${this.#submit} look="primary" color="positive" label="Submit">Submit</uui-button>
 				</div>
 			</umb-body-layout>
 		`;
@@ -108,8 +108,9 @@ let UmbTemplatingInsertSectionModalElement = class UmbTemplatingInsertSectionMod
 
 			#main {
 				box-sizing: border-box;
-				padding: var(--uui-size-space-5);
-				height: calc(100vh - 124px);
+				height: calc(
+					100dvh - var(--umb-header-layout-height) - var(--umb-footer-layout-height) - 2 * var(--uui-size-layout-1)
+				);
 			}
 
 			#main umb-insert-section-checkbox:not(:last-of-type) {

package/dist-cms/packages/templating/modals/manifests.d.ts

@@ -1,5 +1,4 @@
 import { ManifestModal } from '../../core/extension-registry/index.js';
 export declare const UMB_MODAL_TEMPLATING_INSERT_CHOOSE_TYPE_SIDEBAR_ALIAS = "Umb.Modal.Templating.Insert.ChooseType.Sidebar";
-export declare const UMB_MODAL_TEMPLATING_INSERT_FIELD_SIDEBAR_ALIAS = "Umb.Modal.Templating.Insert.Value.Sidebar";
 export declare const UMB_MODAL_TEMPLATING_INSERT_SECTION_SIDEBAR_ALIAS = "Umb.Modal.Templating.Insert.Section.Sidebar";
 export declare const manifests: ManifestModal[];

package/dist-cms/packages/templating/modals/manifests.js

@@ -1,6 +1,5 @@
 import { UMB_PARTIAL_VIEW_PICKER_MODAL_ALIAS } from '../../core/modal/index.js';
 export const UMB_MODAL_TEMPLATING_INSERT_CHOOSE_TYPE_SIDEBAR_ALIAS = 'Umb.Modal.Templating.Insert.ChooseType.Sidebar';
-export const UMB_MODAL_TEMPLATING_INSERT_FIELD_SIDEBAR_ALIAS = 'Umb.Modal.Templating.Insert.Value.Sidebar';
 export const UMB_MODAL_TEMPLATING_INSERT_SECTION_SIDEBAR_ALIAS = 'Umb.Modal.Templating.Insert.Section.Sidebar';
 const modals = [
     {
@@ -9,12 +8,6 @@ const modals = [
         name: 'Choose insert type sidebar',
         loader: () => import('./insert-choose-type-sidebar.element.js'),
     },
-    {
-        type: 'modal',
-        alias: UMB_MODAL_TEMPLATING_INSERT_FIELD_SIDEBAR_ALIAS,
-        name: 'Insert value type sidebar',
-        loader: () => import('./insert-value-sidebar.element.js'),
-    },
     {
         type: 'modal',
         alias: UMB_PARTIAL_VIEW_PICKER_MODAL_ALIAS,

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

@@ -1,9 +1,9 @@
-import { FileSystemTreeItemPresentationModel } from '../../../external/backend-api/index.js';
-export interface PartialViewDetails extends FileSystemTreeItemPresentationModel {
-    content: string;
-}
+import { PartialViewResponseModel } from '../../../external/backend-api/index.js';
+export type PartialViewDetails = PartialViewResponseModel;
 export declare const PARTIAL_VIEW_ENTITY_TYPE = "partial-view";
-export declare const PARTIAL_VIEW_FOLDER_ENTITY_TYPE = "partial-view";
+export declare const PARTIAL_VIEW_ROOT_ENTITY_TYPE = "partial-view-root";
+export declare const PARTIAL_VIEW_FOLDER_ENTITY_TYPE = "partial-view-folder";
+export declare const PARTIAL_VIEW_FOLDER_EMPTY_ENTITY_TYPE = "partial-view-folder-empty";
 export declare const PARTIAL_VIEW_REPOSITORY_ALIAS = "Umb.Repository.PartialViews";
 export declare const PARTIAL_VIEW_TREE_ALIAS = "Umb.Tree.PartialViews";
 export declare const UMB_PARTIAL_VIEW_TREE_STORE_CONTEXT_TOKEN_ALIAS = "Umb.Store.PartialViews.Tree";

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

@@ -1,5 +1,7 @@
 export const PARTIAL_VIEW_ENTITY_TYPE = 'partial-view';
-export const PARTIAL_VIEW_FOLDER_ENTITY_TYPE = 'partial-view';
+export const PARTIAL_VIEW_ROOT_ENTITY_TYPE = 'partial-view-root';
+export const PARTIAL_VIEW_FOLDER_ENTITY_TYPE = 'partial-view-folder';
+export const PARTIAL_VIEW_FOLDER_EMPTY_ENTITY_TYPE = 'partial-view-folder-empty';
 export const PARTIAL_VIEW_REPOSITORY_ALIAS = 'Umb.Repository.PartialViews';
 export const PARTIAL_VIEW_TREE_ALIAS = 'Umb.Tree.PartialViews';
 export const UMB_PARTIAL_VIEW_TREE_STORE_CONTEXT_TOKEN_ALIAS = 'Umb.Store.PartialViews.Tree';

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 { UmbPartialViewsRepository } from '../../repository/index.js';
 import { UmbEntityActionBase } from '../../../../core/entity-action/index.js';
 import { UmbControllerHostElement } from '../../../../../libs/controller-api/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 { UmbCreateFromSnippetPartialViewModalData } from './create-from-snippet.action.js';
+import { UmbModalBaseElement } from '../../../../../shared/modal/index.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/manifests.js

@@ -1,4 +1,4 @@
-import { UmbTemplateRepository } from '../repository/partial-views.repository.js';
+import { UmbPartialViewsRepository } from '../repository/partial-views.repository.js';
 import { PARTIAL_VIEW_REPOSITORY_ALIAS } from '../config.js';
 import { UmbPartialViewsTreeStore } from './partial-views.tree.store.js';
 import { UmbPartialViewsStore } from './partial-views.store.js';
@@ -6,7 +6,7 @@ const repository = {
     type: 'repository',
     alias: PARTIAL_VIEW_REPOSITORY_ALIAS,
     name: 'Partial Views Repository',
-    class: UmbTemplateRepository,
+    class: UmbPartialViewsRepository,
 };
 export const PARTIAL_VIEW_STORE_ALIAS = 'Umb.Store.PartialViews';
 export const PARTIAL_VIEW_TREE_STORE_ALIAS = 'Umb.Store.PartialViewsTree';

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

@@ -1,54 +1,75 @@
+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 { ProblemDetailsModel } from '../../../../external/backend-api/index.js';
-import { UmbDetailRepository, UmbTreeRepository } from '../../../../shared/repository/index.js';
-import { UmbTreeRootEntityModel } from '../../../core/tree/index.js';
-export declare class UmbTemplateRepository implements UmbTreeRepository<any>, 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);
+    createFolderScaffold(parentId: string | null): Promise<{
+        data?: FolderReponseModel | undefined;
+        error?: ProblemDetails | undefined;
+    }>;
+    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<{
-        data?: UmbTreeRootEntityModel | undefined;
-        error?: ProblemDetailsModel | undefined;
-    }>;
-    requestItemsLegacy?: ((uniques: string[]) => Promise<{
-        data?: any[] | undefined;
-        error?: ProblemDetailsModel | 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;
-        error?: ProblemDetailsModel | undefined;
+        data: {
+            id: null;
+            path: null;
+            type: string;
+            name: string;
+            icon: string;
+            hasChildren: boolean;
+        };
     }>;
     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;
-        error: ProblemDetailsModel;
+        error: ProblemDetails;
         asObservable?: undefined;
     } | {
         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,37 +1,75 @@
+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';
-export class UmbTemplateRepository {
+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;
             }),
         ]);
     }
-    requestTreeRoot() {
-        //throw new Error('Method not implemented.');
-        return { data: undefined, error: undefined };
+    //#region FOLDER
+    createFolderScaffold(parentId) {
+        const data = {
+            name: '',
+            parentId,
+        };
+        return Promise.resolve({ data, error: undefined });
     }
-    byId(id) {
-        throw new Error('Method not implemented.');
+    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;
     }
-    // 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 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 = {
+            id: null,
+            path: null,
+            type: PARTIAL_VIEW_ROOT_ENTITY_TYPE,
+            name: 'Partial Views',
+            icon: 'umb:folder',
+            hasChildren: true,
+        };
+        return { data };
+    }
     async requestRootTreeItems() {
         await this.#init;
         const { data, error } = await this.#treeDataSource.getRootItems();
@@ -41,10 +79,11 @@ export class UmbTemplateRepository {
         return { data, error, asObservable: () => this.#treeStore.rootItems };
     }
     async requestTreeItemsOf(path) {
-        if (!path)
-            throw new Error('Cannot request tree item with missing path');
+        if (path === null) {
+            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);
         }
@@ -75,7 +114,8 @@ export class UmbTemplateRepository {
         await this.#init;
         return this.#treeStore.items(paths);
     }
-    // DETAILS
+    //#endregion
+    //#region DETAILS
     async requestByKey(path) {
         if (!path)
             throw new Error('Path is missing');
@@ -83,17 +123,34 @@ export class UmbTemplateRepository {
         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);
     }
 }