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

package/dist-cms/mocks/data/partial-views.data.d.ts

@@ -1,11 +1,27 @@
 import { UmbEntityData } from './entity.data.js';
-import { FileSystemTreeItemPresentationModel, PagedFileSystemTreeItemPresentationModel } from '../../external/backend-api/index.js';
-export declare const data: Array<FileSystemTreeItemPresentationModel>;
-declare class UmbPartialViewsData extends UmbEntityData<FileSystemTreeItemPresentationModel> {
+import { CreateTextFileViewModelBaseModel, FileSystemTreeItemPresentationModel, PagedFileSystemTreeItemPresentationModel, PartialViewResponseModel, PartialViewSnippetResponseModel, SnippetItemResponseModel } from '../../external/backend-api/index.js';
+type PartialViewsDataItem = PartialViewResponseModel & FileSystemTreeItemPresentationModel & {
+    id: string;
+};
+export declare const treeData: Array<PartialViewsDataItem>;
+declare class UmbPartialViewsTreeData extends UmbEntityData<FileSystemTreeItemPresentationModel> {
     constructor();
     getTreeRoot(): PagedFileSystemTreeItemPresentationModel;
     getTreeItemChildren(parentPath: string): PagedFileSystemTreeItemPresentationModel;
     getTreeItem(paths: Array<string>): Array<FileSystemTreeItemPresentationModel>;
 }
+export declare const umbPartialViewsTreeData: UmbPartialViewsTreeData;
+export declare const snippets: Array<PartialViewSnippetResponseModel>;
+declare class UmbPartialViewSnippetsData extends UmbEntityData<SnippetItemResponseModel> {
+    constructor();
+    getSnippets(): Array<SnippetItemResponseModel>;
+    getSnippetByName(name: string): SnippetItemResponseModel | undefined;
+}
+declare class UmbPartialViewsData extends UmbEntityData<PartialViewResponseModel> {
+    constructor();
+    getPartialView(path: string): PartialViewResponseModel | undefined;
+    insertPartialView(item: CreateTextFileViewModelBaseModel): PartialViewsDataItem;
+}
+export declare const umbPartialViewSnippetsData: UmbPartialViewSnippetsData;
 export declare const umbPartialViewsData: UmbPartialViewsData;
 export {};

package/dist-cms/mocks/data/partial-views.data.js

@@ -1,7 +1,8 @@
 import { UmbEntityData } from './entity.data.js';
-import { createFileSystemTreeItem } from './utils.js';
-export const data = [
+import { createFileSystemTreeItem, createTextFileItem } from './utils.js';
+export const treeData = [
     {
+        id: 'blockgrid',
         path: 'blockgrid',
         isFolder: true,
         name: 'blockgrid',
@@ -9,6 +10,7 @@ export const data = [
         hasChildren: true,
     },
     {
+        id: 'blocklist',
         path: 'blocklist',
         isFolder: true,
         name: 'blocklist',
@@ -16,6 +18,7 @@ export const data = [
         hasChildren: true,
     },
     {
+        id: 'grid',
         path: 'grid',
         isFolder: true,
         name: 'grid',
@@ -23,48 +26,86 @@ export const data = [
         hasChildren: true,
     },
     {
+        id: 'blockgrid/area.cshtml',
         path: 'blockgrid/area.cshtml',
         isFolder: false,
         name: 'area.cshtml',
         type: 'partial-view',
         hasChildren: false,
+        content: `@using Umbraco.Extensions
+		@inherits Umbraco.Cms.Web.Common.Views.UmbracoViewPage<Umbraco.Cms.Core.Models.Blocks.BlockGridArea>
+		
+		<div class="umb-block-grid__area"
+			 data-area-col-span="@Model.ColumnSpan"
+			 data-area-row-span="@Model.RowSpan"
+			 data-area-alias="@Model.Alias"
+			 style="--umb-block-grid--grid-columns: @Model.ColumnSpan;--umb-block-grid--area-column-span: @Model.ColumnSpan; --umb-block-grid--area-row-span: @Model.RowSpan;">
+			@await Html.GetBlockGridItemsHtmlAsync(Model)
+		</div>
+		`,
     },
     {
+        id: 'blockgrid/items.cshtml',
         path: 'blockgrid/items.cshtml',
         isFolder: false,
         name: 'items.cshtml',
         type: 'partial-view',
         hasChildren: false,
+        content: '@inherits Umbraco.Cms.Web.Common.Views.UmbracoViewPage',
     },
     {
+        id: 'blocklist/default.cshtml',
         path: 'blocklist/default.cshtml',
         isFolder: false,
         name: 'default.cshtml',
         type: 'partial-view',
         hasChildren: false,
+        content: `@using Umbraco.Extensions
+		@inherits Umbraco.Cms.Web.Common.Views.UmbracoViewPage<Umbraco.Cms.Core.Models.Blocks.BlockGridModel>
+		@{
+			if (Model?.Any() != true) { return; }
+		}
+		
+		<div class="umb-block-grid"
+			 data-grid-columns="@(Model.GridColumns?.ToString() ?? "12");"
+			 style="--umb-block-grid--grid-columns: @(Model.GridColumns?.ToString() ?? "12");">
+			@await Html.GetBlockGridItemsHtmlAsync(Model)
+		</div>
+		`,
     },
     {
-        path: 'grid/editors',
+        id: 'grid/embed.cshtm',
+        path: 'grid/embed.cshtm',
         isFolder: false,
-        name: 'editors',
+        name: 'embed.cshtml',
         type: 'partial-view',
         hasChildren: false,
+        content: `@inherits Umbraco.Cms.Web.Common.Views.UmbracoViewPage<dynamic>
+
+		@if (Model is not null)
+		{
+		  string embedValue = Convert.ToString(Model.value);
+		  embedValue = embedValue.DetectIsJson() ? Model.value.preview : Model.value;
+		
+		  <div class="video-wrapper">
+			@Html.Raw(embedValue)
+		  </div>
+		}
+		`,
     },
     {
+        id: 'grid/default.cshtml',
         path: 'grid/default.cshtml',
         isFolder: false,
         name: 'items.cshtml',
         type: 'partial-view',
         hasChildren: false,
+        content: '@inherits Umbraco.Cms.Web.Common.Views.UmbracoViewPage',
     },
 ];
-// Temp mocked database
-// TODO: all properties are optional in the server schema. I don't think this is correct.
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
-class UmbPartialViewsData extends UmbEntityData {
+class UmbPartialViewsTreeData extends UmbEntityData {
     constructor() {
-        super(data);
+        super(treeData);
     }
     getTreeRoot() {
         const items = this.data.filter((item) => item.path?.includes('/') === false);
@@ -83,4 +124,230 @@ class UmbPartialViewsData extends UmbEntityData {
         return items.map((item) => createFileSystemTreeItem(item));
     }
 }
+export const umbPartialViewsTreeData = new UmbPartialViewsTreeData();
+export const snippets = [
+    {
+        name: 'Empty',
+        content: '@inherits Umbraco.Cms.Web.Common.Views.UmbracoViewPage',
+    },
+    {
+        name: 'Breadcrumb',
+        content: `@inherits Umbraco.Cms.Web.Common.Views.UmbracoViewPage
+		@using Umbraco.Cms.Core.Routing
+		@using Umbraco.Extensions
+		
+		@inject IPublishedUrlProvider PublishedUrlProvider
+		@*
+			This snippet makes a breadcrumb of parents using an unordered HTML list.
+		
+			How it works:
+			- It uses the Ancestors() method to get all parents and then generates links so the visitor can go back
+			- Finally it outputs the name of the current page (without a link)
+		*@
+		
+		@{ var selection = Model.Ancestors().ToArray(); }
+		
+		@if (selection?.Length > 0)
+		{
+			<ul class="breadcrumb">
+				@* For each page in the ancestors collection which have been ordered by Level (so we start with the highest top node first) *@
+				@foreach (var item in selection.OrderBy(x => x.Level))
+				{
+					<li><a href="@item.Url(PublishedUrlProvider)">@item.Name</a> <span class="divider">/</span></li>
+				}
+		
+				@* Display the current page as the last item in the list *@
+				<li class="active">@Model.Name</li>
+			</ul>
+		}`,
+    },
+    {
+        name: 'EditProfile',
+        content: `@inherits Umbraco.Cms.Web.Common.Views.UmbracoViewPage
+
+		@using Umbraco.Cms.Core.Services
+		@using Umbraco.Cms.Web.Common.Security
+		@using Umbraco.Cms.Web.Website.Controllers
+		@using Umbraco.Cms.Web.Website.Models
+		@using Umbraco.Extensions
+		@inject MemberModelBuilderFactory memberModelBuilderFactory;
+		@inject IMemberExternalLoginProviders memberExternalLoginProviders
+		@inject IExternalLoginWithKeyService externalLoginWithKeyService
+		@{
+		
+			// Build a profile model to edit
+			var profileModel = await memberModelBuilderFactory
+				.CreateProfileModel()
+				// If null or not set, this will redirect to the current page
+				.WithRedirectUrl(null)
+				// Include editable custom properties on the form
+				.WithCustomProperties(true)
+				.BuildForCurrentMemberAsync();
+		
+			var success = TempData["FormSuccess"] != null;
+		
+			var loginProviders = await memberExternalLoginProviders.GetMemberProvidersAsync();
+			var externalSignInError = ViewData.GetExternalSignInProviderErrors();
+		
+			var currentExternalLogin = profileModel is null
+				? new Dictionary<string, string>()
+				: externalLoginWithKeyService.GetExternalLogins(profileModel.Key).ToDictionary(x=>x.LoginProvider, x=>x.ProviderKey);
+		}
+		
+		<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
+		<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.0/jquery.validate.min.js"></script>
+		<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validation-unobtrusive/3.2.11/jquery.validate.unobtrusive.min.js"></script>
+		
+		@if (profileModel != null)
+		{
+			if (success)
+			{
+				@* This message will show if profileModel.RedirectUrl is not defined (default) *@
+				<p class="text-success">Profile updated</p>
+			}
+		
+			using (Html.BeginUmbracoForm<UmbProfileController>("HandleUpdateProfile", new { RedirectUrl = profileModel.RedirectUrl }))
+			{
+				<h2>Update your account.</h2>
+				<hr />
+				<div asp-validation-summary="All" class="text-danger"></div>
+				<div class="mb-3">
+					<label asp-for="@profileModel.Name" class="form-label"></label>
+					<input asp-for="@profileModel.Name" class="form-control" aria-required="true" />
+					<span asp-validation-for="@profileModel.Name" class="form-text text-danger"></span>
+				</div>
+				<div class="mb-3">
+					<label asp-for="@profileModel.Email" class="form-label"></label>
+					<input asp-for="@profileModel.Email" class="form-control" autocomplete="username" aria-required="true" />
+					<span asp-validation-for="@profileModel.Email" class="form-text text-danger"></span>
+				</div>
+		
+				@if (!string.IsNullOrWhiteSpace(profileModel.UserName))
+				{
+					<div class="mb-3">
+						<label asp-for="@profileModel.UserName" class="form-label"></label>
+						<input asp-for="@profileModel.UserName" class="form-control" autocomplete="username" aria-required="true" />
+						<span asp-validation-for="@profileModel.UserName" class="form-text text-danger"></span>
+					</div>
+				}
+		
+				@if (profileModel.MemberProperties != null)
+				{
+					for (var i = 0; i < profileModel.MemberProperties.Count; i++)
+					{
+						<div class="mb-3">
+							@Html.LabelFor(m => profileModel.MemberProperties[i].Value, profileModel.MemberProperties[i].Name)
+							<input asp-for="@profileModel.MemberProperties[i].Value" class="form-control" />
+							@Html.HiddenFor(m => profileModel.MemberProperties[i].Alias)
+							<span asp-validation-for="@profileModel.MemberProperties[i].Value" class="form-text text-danger"></span>
+						</div>
+					}
+				}
+		
+				<button type="submit" class="btn btn-primary">Update</button>
+		
+				if (loginProviders.Any())
+				{
+					<hr/>
+					<h4>Link external accounts</h4>
+		
+					if (externalSignInError?.AuthenticationType is null && externalSignInError?.Errors.Any() == true)
+					{
+						@Html.DisplayFor(x => externalSignInError.Errors);
+					}
+		
+					@foreach (var login in loginProviders)
+					{
+						if (currentExternalLogin.TryGetValue(login.ExternalLoginProvider.AuthenticationType, out var providerKey))
+						{
+							@using (Html.BeginUmbracoForm<UmbExternalLoginController>(nameof(UmbExternalLoginController.Disassociate)))
+							{
+								<input type="hidden" name="providerKey" value="@providerKey"/>
+								<button type="submit" name="provider" value="@login.ExternalLoginProvider.AuthenticationType">
+									Un-Link your @login.AuthenticationScheme.DisplayName account
+								</button>
+		
+								if (externalSignInError?.AuthenticationType == login.ExternalLoginProvider.AuthenticationType)
+								{
+									@Html.DisplayFor(x => externalSignInError.Errors);
+								}
+							}
+						}
+						else
+						{
+							@using (Html.BeginUmbracoForm<UmbExternalLoginController>(nameof(UmbExternalLoginController.LinkLogin)))
+							{
+								<button type="submit" name="provider" value="@login.ExternalLoginProvider.AuthenticationType">
+									Link your @login.AuthenticationScheme.DisplayName account
+								</button>
+		
+								if (externalSignInError?.AuthenticationType == login.ExternalLoginProvider.AuthenticationType)
+								{
+									@Html.DisplayFor(x => externalSignInError.Errors);
+								}
+							}
+						}
+		
+					}
+				}
+			}
+		}`,
+    },
+    {
+        name: 'Login',
+        content: 'login',
+    },
+    {
+        name: 'LoginStatus',
+        content: 'loginStatus',
+    },
+    {
+        name: 'MultinodeTree-picker',
+        content: 'MultinodeTree-picker',
+    },
+    {
+        name: 'Navigation',
+        content: 'Navigation',
+    },
+    {
+        name: 'RegisterMember',
+        content: 'RegisterMember',
+    },
+    {
+        name: 'SiteMap',
+        content: 'SiteMap',
+    },
+];
+class UmbPartialViewSnippetsData extends UmbEntityData {
+    constructor() {
+        super(snippets);
+    }
+    getSnippets() {
+        return this.data;
+    }
+    getSnippetByName(name) {
+        return this.data.find((item) => item.name === name);
+    }
+}
+class UmbPartialViewsData extends UmbEntityData {
+    constructor() {
+        super(treeData);
+    }
+    getPartialView(path) {
+        return createTextFileItem(this.data.find((item) => item.path === path));
+    }
+    insertPartialView(item) {
+        const newItem = {
+            ...item,
+            path: `${item.parentPath}/${item.name}.cshtml}`,
+            id: `${item.parentPath}/${item.name}.cshtml}`,
+            isFolder: false,
+            hasChildren: false,
+            type: 'partial-view',
+        };
+        this.insert(newItem);
+        return newItem;
+    }
+}
+export const umbPartialViewSnippetsData = new UmbPartialViewSnippetsData();
 export const umbPartialViewsData = new UmbPartialViewsData();

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

@@ -1,4 +1,4 @@
-import type { ContentTreeItemResponseModel, DocumentTreeItemResponseModel, DocumentTypeTreeItemResponseModel, EntityTreeItemResponseModel, FolderTreeItemResponseModel, DocumentTypeResponseModel, FileSystemTreeItemPresentationModel, DocumentResponseModel } from '../../external/backend-api/index.js';
+import type { ContentTreeItemResponseModel, DocumentTreeItemResponseModel, DocumentTypeTreeItemResponseModel, EntityTreeItemResponseModel, FolderTreeItemResponseModel, DocumentTypeResponseModel, FileSystemTreeItemPresentationModel, DocumentResponseModel, TextFileResponseModelBaseModel } from '../../external/backend-api/index.js';
 export declare const createEntityTreeItem: (item: any) => EntityTreeItemResponseModel;
 export declare const createFolderTreeItem: (item: any) => FolderTreeItemResponseModel;
 export declare const createContentTreeItem: (item: any) => ContentTreeItemResponseModel & {
@@ -9,3 +9,4 @@ export declare const createDocumentTreeItem: (item: DocumentResponseModel) => Do
 };
 export declare const createDocumentTypeTreeItem: (item: DocumentTypeResponseModel) => DocumentTypeTreeItemResponseModel;
 export declare const createFileSystemTreeItem: (item: any) => FileSystemTreeItemPresentationModel;
+export declare const createTextFileItem: (item: any) => TextFileResponseModelBaseModel;

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

@@ -55,3 +55,8 @@ export const createFileSystemTreeItem = (item) => {
         isFolder: item.isFolder,
     };
 };
+export const createTextFileItem = (item) => ({
+    path: item.path,
+    name: item.name,
+    content: item.content,
+});

package/dist-cms/mocks/handlers/partial-views.handlers.d.ts

@@ -1 +1,2 @@
-export declare const handlers: import("msw").RestHandler<import("msw/lib/glossary-de6278a9.js").M<import("msw/lib/glossary-de6278a9.js").h>>[];
+import { RestHandler, MockedRequest, DefaultBodyType } from 'msw';
+export declare const handlers: RestHandler<MockedRequest<DefaultBodyType>>[];

package/dist-cms/mocks/handlers/partial-views.handlers.js

@@ -1,23 +1,55 @@
 const { rest } = window.MockServiceWorker;
-import { umbPartialViewsData } from '../data/partial-views.data.js';
+import { umbPartialViewsData, umbPartialViewsTreeData } from '../data/partial-views.data.js';
 import { umbracoPath } from '../../shared/utils/index.js';
-export const handlers = [
+const treeHandlers = [
     rest.get(umbracoPath('/tree/partial-view/root'), (req, res, ctx) => {
-        const response = umbPartialViewsData.getTreeRoot();
+        const response = umbPartialViewsTreeData.getTreeRoot();
         return res(ctx.status(200), ctx.json(response));
     }),
     rest.get(umbracoPath('/tree/partial-view/children'), (req, res, ctx) => {
         const path = req.url.searchParams.get('path');
         if (!path)
             return;
-        const response = umbPartialViewsData.getTreeItemChildren(path);
+        const response = umbPartialViewsTreeData.getTreeItemChildren(path);
         return res(ctx.status(200), ctx.json(response));
     }),
     rest.get(umbracoPath('/tree/partial-view/item'), (req, res, ctx) => {
         const paths = req.url.searchParams.getAll('paths');
         if (!paths)
             return;
-        const items = umbPartialViewsData.getTreeItem(paths);
+        const items = umbPartialViewsTreeData.getTreeItem(paths);
         return res(ctx.status(200), ctx.json(items));
     }),
 ];
+const detailHandlers = [
+    rest.get(umbracoPath('/partial-view'), (req, res, ctx) => {
+        const path = decodeURIComponent(req.url.searchParams.get('path') ?? '').replace('-cshtml', '.cshtml');
+        if (!path)
+            return res(ctx.status(400));
+        const response = umbPartialViewsData.getPartialView(path);
+        return res(ctx.status(200), ctx.json(response));
+    }),
+    rest.post(umbracoPath('/partial-view'), (req, res, ctx) => {
+        const requestBody = req.json();
+        if (!requestBody)
+            return res(ctx.status(400, 'no body found'));
+        const response = umbPartialViewsData.insertPartialView(requestBody);
+        return res(ctx.status(200), ctx.json(response));
+    }),
+    rest.delete(umbracoPath('/partial-view'), (req, res, ctx) => {
+        const path = req.url.searchParams.get('path');
+        if (!path)
+            return res(ctx.status(400));
+        const response = umbPartialViewsData.delete([path]);
+        return res(ctx.status(200), ctx.json(response));
+    }),
+    rest.put(umbracoPath('/partial-view'), (req, res, ctx) => {
+        const requestBody = req.json();
+        if (!requestBody)
+            return res(ctx.status(400, 'no body found'));
+        const response = umbPartialViewsData.updateData(requestBody);
+        return res(ctx.status(200));
+    }),
+];
+const folderHandlers = [];
+export const handlers = [...treeHandlers, ...detailHandlers, ...folderHandlers];

package/dist-cms/packages/core/entity-action/common/create-folder/create-folder.action.d.ts

@@ -0,0 +1,8 @@
+import { UmbEntityActionBase } from '../../entity-action.js';
+import { UmbControllerHostElement } from '../../../../../libs/controller-api/index.js';
+import { UmbFolderRepository } from '../../../../../shared/repository/index.js';
+export declare class UmbCreateFolderEntityAction<T extends UmbFolderRepository> extends UmbEntityActionBase<T> {
+    #private;
+    constructor(host: UmbControllerHostElement, repositoryAlias: string, unique: string);
+    execute(): Promise<void>;
+}

package/dist-cms/packages/core/entity-action/common/create-folder/create-folder.action.js

@@ -0,0 +1,21 @@
+import { UmbEntityActionBase } from '../../entity-action.js';
+import { UmbContextConsumerController } from '../../../../../libs/context-api/index.js';
+import { UMB_MODAL_MANAGER_CONTEXT_TOKEN, UMB_FOLDER_MODAL, } from '../../../modal/index.js';
+export class UmbCreateFolderEntityAction extends UmbEntityActionBase {
+    #modalContext;
+    constructor(host, repositoryAlias, unique) {
+        super(host, repositoryAlias, unique);
+        new UmbContextConsumerController(this.host, UMB_MODAL_MANAGER_CONTEXT_TOKEN, (instance) => {
+            this.#modalContext = instance;
+        });
+    }
+    async execute() {
+        if (!this.repository || !this.#modalContext)
+            return;
+        const modalContext = this.#modalContext.open(UMB_FOLDER_MODAL, {
+            repositoryAlias: this.repositoryAlias,
+            parentUnique: this.unique ?? null,
+        });
+        await modalContext.onSubmit();
+    }
+}

package/dist-cms/packages/core/entity-action/common/index.d.ts

@@ -5,3 +5,4 @@ export * from './folder-update/folder-update.action.js';
 export * from './move/move.action.js';
 export * from './sort-children-of/sort-children-of.action.js';
 export * from './trash/trash.action.js';
+export * from './create-folder/create-folder.action.js';

package/dist-cms/packages/core/entity-action/common/index.js

@@ -5,3 +5,4 @@ export * from './folder-update/folder-update.action.js';
 export * from './move/move.action.js';
 export * from './sort-children-of/sort-children-of.action.js';
 export * from './trash/trash.action.js';
+export * from './create-folder/create-folder.action.js';

package/dist-cms/packages/core/modal/common/folder/folder-modal.element.js

@@ -13,6 +13,7 @@ export let UmbFolderModalElement = class UmbFolderModalElement extends UmbLitEle
     constructor() {
         super(...arguments);
         this.#unique = null;
+        this.#parentUnique = null;
         this._isNew = false;
     }
     get data() {
@@ -21,11 +22,13 @@ export let UmbFolderModalElement = class UmbFolderModalElement extends UmbLitEle
     set data(value) {
         this._data = value;
         this.#unique = value?.unique || null;
+        this.#parentUnique = value?.parentUnique || null;
         this.#repositoryAlias = value?.repositoryAlias;
         this.#observeRepository();
     }
     #repositoryAlias;
     #unique;
+    #parentUnique;
     #repository;
     #repositoryObserver;
     #observeRepository() {
@@ -58,7 +61,7 @@ export let UmbFolderModalElement = class UmbFolderModalElement extends UmbLitEle
     async #create() {
         if (!this.#repository)
             throw new Error('Repository is required to create folder');
-        const { data } = await this.#repository.createFolderScaffold(this.#unique);
+        const { data } = await this.#repository.createFolderScaffold(this.#parentUnique);
         this._folder = data;
         this._isNew = true;
     }

package/dist-cms/packages/core/modal/token/folder-modal.token.d.ts

@@ -3,6 +3,7 @@ import { FolderReponseModel } from '../../../../external/backend-api/index.js';
 export interface UmbFolderModalData {
     repositoryAlias: string;
     unique?: string;
+    parentUnique?: string | null;
 }
 export interface UmbFolderModalResult {
     folder: FolderReponseModel;

package/dist-cms/packages/core/tree/file-system-tree-item/file-system-tree-item.context.d.ts

@@ -10,5 +10,6 @@ import { FileSystemTreeItemPresentationModel } from '../../../../external/backen
  */
 export declare class UmbFileSystemTreeItemContext extends UmbTreeItemContextBase<FileSystemTreeItemPresentationModel> {
     constructor(host: UmbControllerHostElement);
+    checkIfIsFolder(): void;
     constructPath(pathname: string, entityType: string, path: string): string;
 }

package/dist-cms/packages/core/tree/file-system-tree-item/file-system-tree-item.context.js

@@ -10,6 +10,18 @@ export class UmbFileSystemTreeItemContext extends UmbTreeItemContextBase {
     constructor(host) {
         super(host, (x) => x.path);
     }
+    //TODO: this is not a nice solution! There should be a better way to distinguish in the tree between folders and files. Additionally we need to be able to register an action only on empty folder.
+    checkIfIsFolder() {
+        const treeItem = this.getTreeItem();
+        if (treeItem?.isFolder) {
+            if (treeItem.hasChildren) {
+                this.type = `${this.getTreeItem()?.type}-folder`;
+            }
+            else {
+                this.type = `${this.getTreeItem()?.type}-folder-empty`;
+            }
+        }
+    }
     constructPath(pathname, entityType, path) {
         return `section/${pathname}/workspace/${entityType}/edit/${encodeURIComponent(path).replace('.', '-')}`;
     }

package/dist-cms/packages/core/tree/file-system-tree-item/file-system-tree-item.element.js

@@ -36,6 +36,7 @@ export let UmbFileSystemTreeItemElement = class UmbFileSystemTreeItemElement ext
     set item(value) {
         this._item = value;
         this.#context.setTreeItem(value);
+        this.#context.checkIfIsFolder();
     }
     #context = new UmbFileSystemTreeItemContext(this);
     render() {

package/dist-cms/packages/core/workspace/workspace-action/workspace-action.element.js

@@ -29,19 +29,27 @@ export let UmbWorkspaceActionElement = class UmbWorkspaceActionElement extends U
     }
     #api;
     async _onClick() {
-        if (!this.#api)
-            return;
-        await this.#api.execute();
+        this._buttonState = 'waiting';
+        try {
+            if (!this.#api)
+                throw new Error('No api defined');
+            await this.#api.execute();
+            this._buttonState = 'success';
+        }
+        catch (error) {
+            this._buttonState = 'failed';
+        }
         this.dispatchEvent(new UmbExecutedEvent());
     }
     render() {
         return html `
 			<uui-button
+				id="action-button"
 				@click=${this._onClick}
 				look=${this.manifest?.meta.look || 'default'}
 				color=${this.manifest?.meta.color || 'default'}
 				label=${this.manifest?.meta.label || ''}
-				.state="${this._buttonState}"></uui-button>
+				.state=${this._buttonState}></uui-button>
 		`;
     }
     static { this.styles = [UUITextStyles, css ``]; }

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

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

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

@@ -1,10 +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_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,6 +1,7 @@
 export const PARTIAL_VIEW_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';