@umbraco-cms/backoffice 14.0.0-rc3 → 14.0.0-rc4

package/dist-cms/packages/media/media/tree/tree-item/media-tree-item.context.d.ts

@@ -1,7 +1,7 @@
-import type { UmbMediaTreeItemModel } from '../types.js';
+import type { UmbMediaTreeItemModel, UmbMediaTreeRootModel } from '../types.js';
 import { UmbDefaultTreeItemContext } from '../../../../core/tree/index.js';
 import type { UmbControllerHost } from '../../../../../libs/controller-api/index.js';
-export declare class UmbMediaTreeItemContext extends UmbDefaultTreeItemContext<UmbMediaTreeItemModel> {
+export declare class UmbMediaTreeItemContext extends UmbDefaultTreeItemContext<UmbMediaTreeItemModel, UmbMediaTreeRootModel> {
     #private;
     constructor(host: UmbControllerHost);
 }

package/dist-cms/packages/media/media/tree/types.d.ts

@@ -1,7 +1,7 @@
 import type { UmbMediaEntityType, UmbMediaRootEntityType } from '../entity.js';
 import type { UmbReferenceByUnique } from '../../../core/models/index.js';
-import type { UmbUniqueTreeItemModel, UmbUniqueTreeRootModel } from '../../../core/tree/index.js';
-export interface UmbMediaTreeItemModel extends UmbUniqueTreeItemModel {
+import type { UmbTreeChildrenOfRequestArgs, UmbTreeItemModel, UmbTreeRootItemsRequestArgs, UmbTreeRootModel } from '../../../core/tree/index.js';
+export interface UmbMediaTreeItemModel extends UmbTreeItemModel {
     entityType: UmbMediaEntityType;
     noAccess: boolean;
     isTrashed: boolean;
@@ -12,10 +12,20 @@ export interface UmbMediaTreeItemModel extends UmbUniqueTreeItemModel {
     };
     variants: Array<UmbMediaTreeItemVariantModel>;
 }
-export interface UmbMediaTreeRootModel extends UmbUniqueTreeRootModel {
+export interface UmbMediaTreeRootModel extends UmbTreeRootModel {
     entityType: UmbMediaRootEntityType;
 }
 export interface UmbMediaTreeItemVariantModel {
     name: string;
     culture: string | null;
 }
+export interface UmbMediaTreeRootItemsRequestArgs extends UmbTreeRootItemsRequestArgs {
+    dataType?: {
+        unique: string;
+    };
+}
+export interface UmbMediaTreeChildrenOfRequestArgs extends UmbTreeChildrenOfRequestArgs {
+    dataType?: {
+        unique: string;
+    };
+}

package/dist-cms/packages/media/media/workspace/media-workspace.context.d.ts

@@ -14,9 +14,11 @@ export declare class UmbMediaWorkspaceContext extends UmbSubmittableWorkspaceCon
     readonly IS_CONTENT_WORKSPACE_CONTEXT: true;
     readonly repository: UmbMediaDetailRepository;
     readonly parentUnique: import("rxjs/internal/Observable").Observable<string | null | undefined>;
+    readonly parentEntityType: import("rxjs/internal/Observable").Observable<string | undefined>;
     readonly languages: import("rxjs/internal/Observable").Observable<UmbLanguageDetailModel[]>;
     isLoaded(): Promise<any> | undefined;
     readonly unique: import("rxjs/internal/Observable").Observable<string | undefined>;
+    readonly entityType: import("rxjs/internal/Observable").Observable<"media" | undefined>;
     readonly contentTypeUnique: import("rxjs/internal/Observable").Observable<string | undefined>;
     readonly contentTypeHasCollection: import("rxjs/internal/Observable").Observable<boolean>;
     readonly variants: import("rxjs/internal/Observable").Observable<import("../../../core/variant/index.js").UmbVariantModel[]>;
@@ -57,6 +59,8 @@ export declare class UmbMediaWorkspaceContext extends UmbSubmittableWorkspaceCon
      */
     getPropertyValue<ReturnType = unknown>(alias: string, variantId?: UmbVariantId): ReturnType | undefined;
     setPropertyValue<UmbMediaValueModel = unknown>(alias: string, value: UmbMediaValueModel, variantId?: UmbVariantId): Promise<void>;
+    initiatePropertyValueChange(): void;
+    finishPropertyValueChange: () => void;
     submit(): Promise<void>;
     delete(): Promise<void>;
     createPropertyDatasetContext(host: UmbControllerHost, variantId: UmbVariantId): UmbMediaPropertyDataContext;

package/dist-cms/packages/media/media/workspace/media-workspace.context.js

@@ -8,8 +8,7 @@ import { UmbSubmittableWorkspaceContextBase, UmbWorkspaceIsNewRedirectController
 import { appendToFrozenArray, mergeObservables, UmbArrayState, UmbObjectState, } from '../../../../libs/observable-api/index.js';
 import { UmbLanguageCollectionRepository } from '../../../language/index.js';
 import { UMB_ACTION_EVENT_CONTEXT } from '../../../core/action/index.js';
-import { UmbRequestReloadTreeItemChildrenEvent } from '../../../core/tree/index.js';
-import { UmbRequestReloadStructureForEntityEvent } from '../../../core/entity-action/index.js';
+import { UmbRequestReloadChildrenOfEntityEvent, UmbRequestReloadStructureForEntityEvent, } from '../../../core/entity-action/index.js';
 import { UmbEntityContext } from '../../../core/entity/index.js';
 import { UmbIsTrashedEntityContext } from '../../../core/recycle-bin/index.js';
 export class UmbMediaWorkspaceContext extends UmbSubmittableWorkspaceContextBase {
@@ -37,6 +36,7 @@ export class UmbMediaWorkspaceContext extends UmbSubmittableWorkspaceContextBase
         this.repository = new UmbMediaDetailRepository(this);
         this.#parent = new UmbObjectState(undefined);
         this.parentUnique = this.#parent.asObservablePart((parent) => (parent ? parent.unique : undefined));
+        this.parentEntityType = this.#parent.asObservablePart((parent) => (parent ? parent.entityType : undefined));
         /**
          * The media is the current state/draft version of the media.
          */
@@ -47,15 +47,14 @@ export class UmbMediaWorkspaceContext extends UmbSubmittableWorkspaceContextBase
         this.#languages = new UmbArrayState([], (x) => x.unique);
         this.languages = this.#languages.asObservable();
         this.unique = this.#currentData.asObservablePart((data) => data?.unique);
+        this.entityType = this.#currentData.asObservablePart((data) => data?.entityType);
         this.contentTypeUnique = this.#currentData.asObservablePart((data) => data?.mediaType.unique);
         this.contentTypeHasCollection = this.#currentData.asObservablePart((data) => !!data?.mediaType.collection);
         this.variants = this.#currentData.asObservablePart((data) => data?.variants || []);
         this.urls = this.#currentData.asObservablePart((data) => data?.urls || []);
         this.structure = new UmbContentTypeStructureManager(this, new UmbMediaTypeDetailRepository(this));
         this.variesByCulture = this.structure.ownerContentTypePart((x) => x?.variesByCulture);
-        //#variesByCulture?: boolean;
         this.variesBySegment = this.structure.ownerContentTypePart((x) => x?.variesBySegment);
-        //#variesBySegment?: boolean;
         this.varies = this.structure.ownerContentTypePart((x) => x ? x.variesByCulture || x.variesBySegment : undefined);
         this.routes = new UmbWorkspaceRouteManager(this);
         this.splitView = new UmbWorkspaceSplitViewManager();
@@ -91,6 +90,11 @@ export class UmbMediaWorkspaceContext extends UmbSubmittableWorkspaceContextBase
         this.#entityContext = new UmbEntityContext(this);
         // TODO: this might not be the correct place to spin this up
         this.#isTrashedContext = new UmbIsTrashedEntityContext(this);
+        this.#updateLock = 0;
+        this.finishPropertyValueChange = () => {
+            this.#updateLock--;
+            this.#triggerPropertyValueChanges();
+        };
         this.observe(this.contentTypeUnique, (unique) => this.structure.loadType(unique));
         this.observe(this.varies, (varies) => (this.#varies = varies));
         this.loadLanguages();
@@ -197,13 +201,6 @@ export class UmbMediaWorkspaceContext extends UmbSubmittableWorkspaceContextBase
         }
     }
     setName(name, variantId) {
-        // const oldVariants = this.#currentData.getValue()?.variants || [];
-        // const variants = partialUpdateFrozenArray(
-        // 	oldVariants,
-        // 	{ name },
-        // 	variantId ? (x) => variantId.compare(x) : () => true,
-        // );
-        // this.#currentData.update({ variants });
         this.#updateVariantData(variantId ?? UmbVariantId.CreateInvariant(), { name });
     }
     name(variantId) {
@@ -242,6 +239,20 @@ export class UmbMediaWorkspaceContext extends UmbSubmittableWorkspaceContextBase
             this.#updateVariantData(variantId);
         }
     }
+    #updateLock;
+    initiatePropertyValueChange() {
+        this.#updateLock++;
+        this.#currentData.mute();
+        // TODO: When ready enable this code will enable handling a finish automatically by this implementation 'using myState.initiatePropertyValueChange()' (Relies on TS support of Using) [NL]
+        /*return {
+            [Symbol.dispose]: this.finishPropertyValueChange,
+        };*/
+    }
+    #triggerPropertyValueChanges() {
+        if (this.#updateLock === 0) {
+            this.#currentData.unmute();
+        }
+    }
     /* 	#calculateChangedVariants() {
         const persisted = this.#persistedData.getValue();
         const current = this.#currentData.getValue();
@@ -325,7 +336,7 @@ export class UmbMediaWorkspaceContext extends UmbSubmittableWorkspaceContextBase
                 this.setIsNew(false);
                 // TODO: this might not be the right place to alert the tree, but it works for now
                 const eventContext = await this.getContext(UMB_ACTION_EVENT_CONTEXT);
-                const event = new UmbRequestReloadTreeItemChildrenEvent({
+                const event = new UmbRequestReloadChildrenOfEntityEvent({
                     entityType: parent.entityType,
                     unique: parent.unique,
                 });

package/dist-cms/packages/media/media-types/components/input-media-type/input-media-type.context.d.ts

@@ -1,6 +1,8 @@
 import type { UmbMediaTypeItemModel } from '../../repository/index.js';
+import type { UmbMediaTypePickerModalData, UmbMediaTypePickerModalValue } from '../../tree/media-type-picker-modal.token.js';
+import type { UmbMediaTypeTreeItemModel } from '../../tree/types.js';
 import { UmbPickerInputContext } from '../../../../core/picker-input/index.js';
 import type { UmbControllerHost } from '../../../../../libs/controller-api/index.js';
-export declare class UmbMediaTypePickerContext extends UmbPickerInputContext<UmbMediaTypeItemModel> {
+export declare class UmbMediaTypePickerContext extends UmbPickerInputContext<UmbMediaTypeItemModel, UmbMediaTypeTreeItemModel, UmbMediaTypePickerModalData, UmbMediaTypePickerModalValue> {
     constructor(host: UmbControllerHost);
 }

package/dist-cms/packages/media/media-types/components/input-media-type/input-media-type.context.js

@@ -3,8 +3,6 @@ import { UMB_MEDIA_TYPE_PICKER_MODAL } from '../../tree/media-type-picker-modal.
 import { UmbPickerInputContext } from '../../../../core/picker-input/index.js';
 export class UmbMediaTypePickerContext extends UmbPickerInputContext {
     constructor(host) {
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore
         super(host, UMB_MEDIA_TYPE_ITEM_REPOSITORY_ALIAS, UMB_MEDIA_TYPE_PICKER_MODAL);
     }
 }

package/dist-cms/packages/media/media-types/entity-actions/create/modal/index.d.ts

@@ -1,8 +1,6 @@
+import type { UmbEntityModel } from '../../../../../core/entity/index.js';
 import { UmbModalToken } from '../../../../../core/modal/index.js';
 export interface UmbMediaTypeCreateOptionsModalData {
-    parent: {
-        unique: string | null;
-        entityType: string;
-    };
+    parent: UmbEntityModel;
 }
 export declare const UMB_MEDIA_TYPE_CREATE_OPTIONS_MODAL: UmbModalToken<UmbMediaTypeCreateOptionsModalData, unknown>;

package/dist-cms/packages/media/media-types/index.d.ts

@@ -3,7 +3,7 @@ export * from './components/index.js';
 export * from './workspace/index.js';
 export * from './repository/index.js';
 export * from './tree/types.js';
+export * from './utils.ts/index.js';
 export * from './types.js';
 export * from './entity.js';
-export * from './utils/index.js';
 export { UMB_MEDIA_TYPE_PICKER_MODAL } from './tree/index.js';

package/dist-cms/packages/media/media-types/index.js

@@ -3,7 +3,7 @@ export * from './components/index.js';
 export * from './workspace/index.js';
 export * from './repository/index.js';
 export * from './tree/types.js';
+export * from './utils.ts/index.js';
 export * from './types.js';
 export * from './entity.js';
-export * from './utils/index.js';
 export { UMB_MEDIA_TYPE_PICKER_MODAL } from './tree/index.js';

package/dist-cms/packages/media/media-types/repository/structure/media-type-structure.repository.d.ts

@@ -2,6 +2,12 @@ import type { UmbAllowedMediaTypeModel } from './types.js';
 import type { UmbControllerHost } from '../../../../../libs/controller-api/index.js';
 import { UmbContentTypeStructureRepositoryBase } from '../../../../core/content-type/index.js';
 export declare class UmbMediaTypeStructureRepository extends UmbContentTypeStructureRepositoryBase<UmbAllowedMediaTypeModel> {
+    #private;
     constructor(host: UmbControllerHost);
+    requestMediaTypesOf({ fileExtension, skip, take, }: {
+        fileExtension: string;
+        skip?: number;
+        take?: number;
+    }): Promise<UmbAllowedMediaTypeModel[]>;
 }
 export default UmbMediaTypeStructureRepository;

package/dist-cms/packages/media/media-types/repository/structure/media-type-structure.repository.js

@@ -1,8 +1,13 @@
 import { UmbMediaTypeStructureServerDataSource } from './media-type-structure.server.data-source.js';
 import { UmbContentTypeStructureRepositoryBase } from '../../../../core/content-type/index.js';
 export class UmbMediaTypeStructureRepository extends UmbContentTypeStructureRepositoryBase {
+    #dataSource;
     constructor(host) {
         super(host, UmbMediaTypeStructureServerDataSource);
+        this.#dataSource = new UmbMediaTypeStructureServerDataSource(host);
+    }
+    async requestMediaTypesOf({ fileExtension, skip = 0, take = 100, }) {
+        return this.#dataSource.getMediaTypesOfFileExtension({ fileExtension, skip, take });
     }
 }
 export default UmbMediaTypeStructureRepository;

package/dist-cms/packages/media/media-types/repository/structure/media-type-structure.server.data-source.d.ts

@@ -10,4 +10,9 @@ import type { AllowedMediaTypeModel } from '../../../../../external/backend-api/
  */
 export declare class UmbMediaTypeStructureServerDataSource extends UmbContentTypeStructureServerDataSourceBase<AllowedMediaTypeModel, UmbAllowedMediaTypeModel> {
     constructor(host: UmbControllerHost);
+    getMediaTypesOfFileExtension({ fileExtension, skip, take }: {
+        fileExtension: string;
+        skip: number;
+        take: number;
+    }): Promise<UmbAllowedMediaTypeModel[]>;
 }

package/dist-cms/packages/media/media-types/repository/structure/media-type-structure.server.data-source.js

@@ -10,6 +10,9 @@ export class UmbMediaTypeStructureServerDataSource extends UmbContentTypeStructu
     constructor(host) {
         super(host, { getAllowedChildrenOf, mapper });
     }
+    getMediaTypesOfFileExtension({ fileExtension, skip, take }) {
+        return getAllowedMediaTypesOfExtension({ fileExtension, skip, take });
+    }
 }
 const getAllowedChildrenOf = (unique) => {
     if (unique) {
@@ -29,3 +32,8 @@ const mapper = (item) => {
         icon: item.icon || null,
     };
 };
+const getAllowedMediaTypesOfExtension = async ({ fileExtension, skip, take, }) => {
+    // eslint-disable-next-line local-rules/no-direct-api-import
+    const { items } = await MediaTypeService.getItemMediaTypeAllowed({ fileExtension, skip, take });
+    return items.map((item) => mapper(item));
+};

package/dist-cms/packages/media/media-types/tree/media-type-picker-modal.token.d.ts

@@ -1,5 +1,5 @@
 import { UmbModalToken } from '../../../core/modal/index.js';
-import { type UmbTreePickerModalValue, type UmbTreePickerModalData, type UmbUniqueTreeItemModel } from '../../../core/tree/index.js';
-export type UmbMediaTypePickerModalData = UmbTreePickerModalData<UmbUniqueTreeItemModel>;
+import { type UmbTreePickerModalValue, type UmbTreePickerModalData, type UmbTreeItemModel } from '../../../core/tree/index.js';
+export type UmbMediaTypePickerModalData = UmbTreePickerModalData<UmbTreeItemModel>;
 export type UmbMediaTypePickerModalValue = UmbTreePickerModalValue;
 export declare const UMB_MEDIA_TYPE_PICKER_MODAL: UmbModalToken<UmbMediaTypePickerModalData, UmbTreePickerModalValue>;

package/dist-cms/packages/media/media-types/tree/media-type-tree.server.data-source.js

@@ -1,4 +1,4 @@
-import { UMB_MEDIA_TYPE_ENTITY_TYPE, UMB_MEDIA_TYPE_FOLDER_ENTITY_TYPE } from '../entity.js';
+import { UMB_MEDIA_TYPE_ENTITY_TYPE, UMB_MEDIA_TYPE_FOLDER_ENTITY_TYPE, UMB_MEDIA_TYPE_ROOT_ENTITY_TYPE, } from '../entity.js';
 import { MediaTypeService } from '../../../../external/backend-api/index.js';
 import { UmbTreeServerDataSourceBase } from '../../../core/tree/index.js';
 /**
@@ -26,13 +26,13 @@ const getRootItems = (args) =>
 // eslint-disable-next-line local-rules/no-direct-api-import
 MediaTypeService.getTreeMediaTypeRoot({ skip: args.skip, take: args.take });
 const getChildrenOf = (args) => {
-    if (args.parentUnique === null) {
+    if (args.parent.unique === null) {
         return getRootItems(args);
     }
     else {
         // eslint-disable-next-line local-rules/no-direct-api-import
         return MediaTypeService.getTreeMediaTypeChildren({
-            parentId: args.parentUnique,
+            parentId: args.parent.unique,
             skip: args.skip,
             take: args.take,
         });
@@ -41,12 +41,15 @@ const getChildrenOf = (args) => {
 const getAncestorsOf = (args) => 
 // eslint-disable-next-line local-rules/no-direct-api-import
 MediaTypeService.getTreeMediaTypeAncestors({
-    descendantId: args.descendantUnique,
+    descendantId: args.treeItem.unique,
 });
 const mapper = (item) => {
     return {
         unique: item.id,
-        parentUnique: item.parent ? item.parent.id : null,
+        parent: {
+            unique: item.parent ? item.parent.id : null,
+            entityType: item.parent ? UMB_MEDIA_TYPE_ENTITY_TYPE : UMB_MEDIA_TYPE_ROOT_ENTITY_TYPE,
+        },
         name: item.name,
         entityType: item.isFolder ? UMB_MEDIA_TYPE_FOLDER_ENTITY_TYPE : UMB_MEDIA_TYPE_ENTITY_TYPE,
         hasChildren: item.hasChildren,

package/dist-cms/packages/media/media-types/tree/types.d.ts

@@ -1,8 +1,8 @@
 import type { UmbMediaTypeEntityType, UmbMediaTypeFolderEntityType, UmbMediaTypeRootEntityType } from '../entity.js';
-import type { UmbUniqueTreeItemModel, UmbUniqueTreeRootModel } from '../../../core/tree/index.js';
-export interface UmbMediaTypeTreeItemModel extends UmbUniqueTreeItemModel {
+import type { UmbTreeItemModel, UmbTreeRootModel } from '../../../core/tree/index.js';
+export interface UmbMediaTypeTreeItemModel extends UmbTreeItemModel {
     entityType: UmbMediaTypeEntityType | UmbMediaTypeFolderEntityType;
 }
-export interface UmbMediaTypeTreeRootModel extends UmbUniqueTreeRootModel {
+export interface UmbMediaTypeTreeRootModel extends UmbTreeRootModel {
     entityType: UmbMediaTypeRootEntityType;
 }

package/dist-cms/packages/media/media-types/utils.ts/index.d.ts

@@ -0,0 +1,2 @@
+export declare function getUmbracoFolderUnique(): string;
+export declare function isUmbracoFolder(unique?: string): boolean;

package/dist-cms/packages/media/media-types/utils.ts/index.js

@@ -0,0 +1,7 @@
+//TODO Can we trust this is the unique? This probably need a similar solution like the media collection repository method getDefaultConfiguration()
+export function getUmbracoFolderUnique() {
+    return 'f38bd2d7-65d0-48e6-95dc-87ce06ec2d3d';
+}
+export function isUmbracoFolder(unique) {
+    return unique === getUmbracoFolderUnique();
+}

package/dist-cms/packages/media/media-types/workspace/media-type-workspace.context.d.ts

@@ -11,8 +11,10 @@ export declare class UmbMediaTypeWorkspaceContext extends UmbSubmittableWorkspac
     readonly IS_CONTENT_TYPE_WORKSPACE_CONTEXT = true;
     readonly repository: UmbMediaTypeDetailRepository;
     readonly parentUnique: import("rxjs/internal/Observable").Observable<string | null | undefined>;
+    readonly parentEntityType: import("rxjs/internal/Observable").Observable<string | undefined>;
     readonly data: import("rxjs/internal/Observable").Observable<UmbMediaTypeDetailModel | undefined>;
     readonly unique: import("rxjs/internal/Observable").Observable<string | undefined>;
+    readonly entityType: import("rxjs/internal/Observable").Observable<"media-type" | undefined>;
     readonly name: import("rxjs/internal/Observable").Observable<string | undefined>;
     getName(): string | undefined;
     readonly alias: import("rxjs/internal/Observable").Observable<string | undefined>;

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

@@ -5,8 +5,7 @@ import { UmbSubmittableWorkspaceContextBase, UmbWorkspaceIsNewRedirectController
 import { UmbContentTypeStructureManager } from '../../../core/content-type/index.js';
 import { UmbObjectState } from '../../../../libs/observable-api/index.js';
 import { UMB_ACTION_EVENT_CONTEXT } from '../../../core/action/index.js';
-import { UmbRequestReloadTreeItemChildrenEvent } from '../../../core/tree/index.js';
-import { UmbRequestReloadStructureForEntityEvent } from '../../../core/entity-action/index.js';
+import { UmbRequestReloadChildrenOfEntityEvent, UmbRequestReloadStructureForEntityEvent, } from '../../../core/entity-action/index.js';
 export class UmbMediaTypeWorkspaceContext extends UmbSubmittableWorkspaceContextBase {
     // Draft is located in structure manager
     #parent;
@@ -22,12 +21,14 @@ export class UmbMediaTypeWorkspaceContext extends UmbSubmittableWorkspaceContext
         // Draft is located in structure manager
         this.#parent = new UmbObjectState(undefined);
         this.parentUnique = this.#parent.asObservablePart((parent) => (parent ? parent.unique : undefined));
+        this.parentEntityType = this.#parent.asObservablePart((parent) => (parent ? parent.entityType : undefined));
         this.#persistedData = new UmbObjectState(undefined);
         this.routes = new UmbWorkspaceRouteManager(this);
         this.structure = new UmbContentTypeStructureManager(this, this.repository);
         // General for content types:
         this.data = this.structure.ownerContentType;
         this.unique = this.structure.ownerContentTypeObservablePart((data) => data?.unique);
+        this.entityType = this.structure.ownerContentTypeObservablePart((data) => data?.entityType);
         this.name = this.structure.ownerContentTypeObservablePart((data) => data?.name);
         this.alias = this.structure.ownerContentTypeObservablePart((data) => data?.alias);
         this.description = this.structure.ownerContentTypeObservablePart((data) => data?.description);
@@ -147,7 +148,7 @@ export class UmbMediaTypeWorkspaceContext extends UmbSubmittableWorkspaceContext
                 throw new Error('Parent is not set');
             await this.structure.create(parent.unique);
             const eventContext = await this.getContext(UMB_ACTION_EVENT_CONTEXT);
-            const event = new UmbRequestReloadTreeItemChildrenEvent({
+            const event = new UmbRequestReloadChildrenOfEntityEvent({
                 entityType: parent.entityType,
                 unique: parent.unique,
             });

package/dist-cms/packages/media/paths.d.ts

@@ -0,0 +1,2 @@
+export declare const UMB_MEDIA_SECTION_PATHNAME = "media";
+export declare const UMB_MEDIA_SECTION_PATH: string;

package/dist-cms/packages/media/paths.js

@@ -0,0 +1,5 @@
+import { UMB_SECTION_PATH_PATTERN } from '../core/section/index.js';
+export const UMB_MEDIA_SECTION_PATHNAME = 'media';
+export const UMB_MEDIA_SECTION_PATH = UMB_SECTION_PATH_PATTERN.generateAbsolute({
+    sectionName: UMB_MEDIA_SECTION_PATHNAME,
+});

package/dist-cms/packages/members/member/collection/action/create-member-collection-action.element.js

@@ -28,7 +28,7 @@ let UmbCreateDocumentCollectionActionElement = class UmbCreateDocumentCollection
         //TODO: Should we use the tree repository or make a collection repository?
         //TODO: And how would we get all the member types?
         //TODO: This only works because member types can't have folders.
-        const { data } = await this.#memberTypeTreeRepository.requestRootTreeItems({});
+        const { data } = await this.#memberTypeTreeRepository.requestTreeRootItems({});
         if (!data)
             return;
         this._options = data.items.map((item) => {
@@ -59,7 +59,7 @@ let UmbCreateDocumentCollectionActionElement = class UmbCreateDocumentCollection
     render() {
         return html `
 			<uui-button
-				label="Create"
+				label=${this.localize.term('general_create')}
 				@click=${this.#onButtonClick}
 				look="outline"
 				popovertarget="create-popover"></uui-button>

package/dist-cms/packages/members/member/collection/action/manifests.js

@@ -6,7 +6,7 @@ export const createManifest = {
     alias: 'Umb.CollectionAction.Member.Create',
     weight: 200,
     meta: {
-        label: 'Create',
+        label: '#general_create',
         href: 'section/member-management/workspace/member/create/member-type-1-id', // TODO: remove hardcoded member type id
     },
     js: () => import('./create-member-collection-action.element.js'),

package/dist-cms/packages/members/member/collection/member-collection-header.element.js

@@ -5,9 +5,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { UmbMemberTypeTreeRepository } from '../../member-type/tree/member-type-tree.repository.js';
+import { UMB_MEMBER_COLLECTION_CONTEXT } from './member-collection.context-token.js';
 import { css, customElement, html, ifDefined, repeat, state } from '../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../core/lit-element/index.js';
-import { UMB_COLLECTION_CONTEXT } from '../../../core/collection/index.js';
 let UmbMemberCollectionHeaderElement = class UmbMemberCollectionHeaderElement extends UmbLitElement {
     #inputTimer;
     #inputTimerAmount;
@@ -20,13 +20,13 @@ let UmbMemberCollectionHeaderElement = class UmbMemberCollectionHeaderElement ex
         this.#inputTimerAmount = 300;
         // TODO: Should we make a collection repository for member types?
         this.#contentTypeRepository = new UmbMemberTypeTreeRepository(this);
-        this.consumeContext(UMB_COLLECTION_CONTEXT, (instance) => {
+        this.consumeContext(UMB_MEMBER_COLLECTION_CONTEXT, (instance) => {
             this.#collectionContext = instance;
         });
         this.#requestContentTypes();
     }
     async #requestContentTypes() {
-        const { data } = await this.#contentTypeRepository.requestRootTreeItems({});
+        const { data } = await this.#contentTypeRepository.requestTreeRootItems({});
         if (data) {
             this._contentTypes = data.items.map((item) => ({
                 unique: item.unique,

package/dist-cms/packages/members/member/collection/member-collection.context-token.d.ts

@@ -0,0 +1,3 @@
+import type { UmbMemberCollectionContext } from './member-collection.context.js';
+import { UmbContextToken } from '../../../../libs/context-api/index.js';
+export declare const UMB_MEMBER_COLLECTION_CONTEXT: UmbContextToken<UmbMemberCollectionContext, UmbMemberCollectionContext>;

package/dist-cms/packages/members/member/collection/member-collection.context-token.js

@@ -0,0 +1,2 @@
+import { UmbContextToken } from '../../../../libs/context-api/index.js';
+export const UMB_MEMBER_COLLECTION_CONTEXT = new UmbContextToken('UmbCollectionContext');

package/dist-cms/packages/members/member/collection/member-collection.context.d.ts

@@ -11,4 +11,4 @@ export declare class UmbMemberCollectionContext extends UmbDefaultCollectionCont
      */
     setMemberTypeFilter(selection: string): void;
 }
-export default UmbMemberCollectionContext;
+export { UmbMemberCollectionContext as api };

package/dist-cms/packages/members/member/collection/member-collection.context.js

@@ -13,4 +13,4 @@ export class UmbMemberCollectionContext extends UmbDefaultCollectionContext {
         this.setFilter({ memberTypeId: selection });
     }
 }
-export default UmbMemberCollectionContext;
+export { UmbMemberCollectionContext as api };

package/dist-cms/packages/members/member/collection/views/table/member-table-collection-view.element.js

@@ -4,8 +4,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+import { UMB_MEMBER_COLLECTION_CONTEXT } from '../../member-collection.context-token.js';
 import { UmbTextStyles } from '../../../../../core/style/index.js';
-import { UMB_COLLECTION_CONTEXT } from '../../../../../core/collection/index.js';
 import { css, html, customElement, state } from '../../../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../../core/lit-element/index.js';
 let UmbMemberTableCollectionViewElement = class UmbMemberTableCollectionViewElement extends UmbLitElement {
@@ -22,7 +22,7 @@ let UmbMemberTableCollectionViewElement = class UmbMemberTableCollectionViewElem
             },
         ];
         this._tableItems = [];
-        this.consumeContext(UMB_COLLECTION_CONTEXT, (instance) => {
+        this.consumeContext(UMB_MEMBER_COLLECTION_CONTEXT, (instance) => {
             this.#collectionContext = instance;
             this.#observeCollectionItems();
         });

package/dist-cms/packages/members/member/property-dataset-context/member-property-dataset-context.d.ts

@@ -27,7 +27,7 @@ export declare class UmbMemberPropertyDataContext extends UmbContextBase<UmbProp
      * Ideally do not use these methods, its better to communicate directly with the workspace, but if you do not know the property variant id, then this will figure it out for you. So good for externals to set or get values of a property.
      */
     propertyValueByAlias<ReturnType = unknown>(propertyAlias: string): Promise<import("rxjs/internal/Observable").Observable<ReturnType | undefined>>;
-    propertyValueByAliasAndCulture<ReturnType = unknown>(propertyAlias: string, propertyVariantId: UmbVariantId): Promise<import("rxjs/internal/Observable").Observable<ReturnType>>;
+    propertyValueByAliasAndVariantId<ReturnType = unknown>(propertyAlias: string, propertyVariantId: UmbVariantId): Promise<import("rxjs/internal/Observable").Observable<ReturnType>>;
     /**
      * TODO: Write proper JSDocs here.
      * Ideally do not use these methods, its better to communicate directly with the workspace, but if you do not know the property variant id, then this will figure it out for you. So good for externals to set or get values of a property.

package/dist-cms/packages/members/member/property-dataset-context/member-property-dataset-context.js

@@ -70,7 +70,7 @@ export class UmbMemberPropertyDataContext extends UmbContextBase {
             : undefined));
     }
     // TODO: Refactor: Not used currently, but should investigate if we can implement this, to spare some energy.
-    async propertyValueByAliasAndCulture(propertyAlias, propertyVariantId) {
+    async propertyValueByAliasAndVariantId(propertyAlias, propertyVariantId) {
         return this.#workspace.propertyValueByAlias(propertyAlias, propertyVariantId);
     }
     /**

package/dist-cms/packages/members/member/section-view/manifests.js

@@ -6,7 +6,7 @@ const sectionsViews = [
         js: () => import('./member-section-view.element.js'),
         weight: 200,
         meta: {
-            label: 'Members',
+            label: '#treeHeaders_member',
             pathname: 'members',
             icon: 'icon-user',
         },

package/dist-cms/packages/members/member/workspace/member-workspace.context.d.ts

@@ -52,6 +52,8 @@ export declare class UmbMemberWorkspaceContext extends UmbSubmittableWorkspaceCo
      */
     getPropertyValue<ReturnType = unknown>(alias: string, variantId?: UmbVariantId): ReturnType | undefined;
     setPropertyValue<UmbMemberValueModel = unknown>(alias: string, value: UmbMemberValueModel, variantId?: UmbVariantId): Promise<void>;
+    initiatePropertyValueChange(): void;
+    finishPropertyValueChange: () => void;
     submit(): Promise<void>;
     delete(): Promise<void>;
     createPropertyDatasetContext(host: UmbControllerHost, variantId: UmbVariantId): UmbMemberPropertyDataContext;

package/dist-cms/packages/members/member/workspace/member-workspace.context.js

@@ -67,6 +67,11 @@ export class UmbMemberWorkspaceContext extends UmbSubmittableWorkspaceContextBas
             }
             return [];
         });
+        this.#updateLock = 0;
+        this.finishPropertyValueChange = () => {
+            this.#updateLock--;
+            this.#triggerPropertyValueChanges();
+        };
         this.observe(this.contentTypeUnique, (unique) => this.structure.loadType(unique));
         this.observe(this.varies, (varies) => (this.#varies = varies));
         this.loadLanguages();
@@ -166,16 +171,6 @@ export class UmbMemberWorkspaceContext extends UmbSubmittableWorkspaceContextBas
         }
     }
     setName(name, variantId) {
-        /*
-        const oldVariants = this.#currentData.getValue()?.variants || [];
-        const variants = partialUpdateFrozenArray(
-            oldVariants,
-            { name },
-            variantId ? (x) => variantId.compare(x) : () => true,
-        );
-        this.#currentData.update({ variants });
-        */
-        // TODO: We should move this type of logic to the act of saving [NL]
         this.#updateVariantData(variantId ?? UmbVariantId.CreateInvariant(), { name });
     }
     name(variantId) {
@@ -213,6 +208,20 @@ export class UmbMemberWorkspaceContext extends UmbSubmittableWorkspaceContextBas
             this.#updateVariantData(variantId);
         }
     }
+    #updateLock;
+    initiatePropertyValueChange() {
+        this.#updateLock++;
+        this.#currentData.mute();
+        // TODO: When ready enable this code will enable handling a finish automatically by this implementation 'using myState.initiatePropertyValueChange()' (Relies on TS support of Using) [NL]
+        /*return {
+            [Symbol.dispose]: this.finishPropertyValueChange,
+        };*/
+    }
+    #triggerPropertyValueChanges() {
+        if (this.#updateLock === 0) {
+            this.#currentData.unmute();
+        }
+    }
     #updateVariantData(variantId, update) {
         const currentData = this.getData();
         if (!currentData)

package/dist-cms/packages/members/member/workspace/views/member/member-workspace-view-member-info.element.d.ts

@@ -5,11 +5,10 @@ export declare class UmbMemberWorkspaceViewMemberInfoElement extends UmbLitEleme
     private _memberTypeUnique;
     private _memberTypeName;
     private _memberTypeIcon;
-    private _workspaceContext?;
-    private _memberTypeItemRepository;
     private _editMemberTypePath;
     private _createDate;
     private _updateDate;
+    private _unique;
     constructor();
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];