@umbraco-cms/backoffice 17.2.2 → 17.3.0-rc

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

@@ -1,4 +1,4 @@
-import type { UmbAllowedMediaTypeModel } from './types.js';
+import type { UmbAllowedMediaTypeModel, UmbMediaTypeStructureDataSource } from './types.js';
 import { UmbContentTypeStructureServerDataSourceBase } from '../../../../content/content-type/index.js';
 import type { AllowedMediaTypeModel } from '../../../../core/backend-api/index.js';
 import type { UmbControllerHost } from '../../../../../libs/controller-api/index.js';
@@ -6,15 +6,33 @@ import type { UmbControllerHost } from '../../../../../libs/controller-api/index
  * @class UmbMediaTypeStructureServerDataSource
  * @augments {UmbContentTypeStructureServerDataSourceBase}
  */
-export declare class UmbMediaTypeStructureServerDataSource extends UmbContentTypeStructureServerDataSourceBase<AllowedMediaTypeModel, UmbAllowedMediaTypeModel> {
+export declare class UmbMediaTypeStructureServerDataSource extends UmbContentTypeStructureServerDataSourceBase<AllowedMediaTypeModel, UmbAllowedMediaTypeModel> implements UmbMediaTypeStructureDataSource {
+    #private;
     constructor(host: UmbControllerHost);
     getMediaTypesOfFileExtension({ fileExtension, skip, take }: {
         fileExtension: string;
         skip: number;
         take: number;
-    }): Promise<UmbAllowedMediaTypeModel[]>;
+    }): Promise<{
+        matchedFileExtension: boolean;
+        name: string;
+        description: string | null;
+        icon: string | null;
+        unique: import("../../../../core/entity/index.js").UmbEntityUnique;
+        entityType: string;
+    }[]>;
     getMediaTypesOfFolders({ skip, take }: {
         skip: number;
         take: number;
     }): Promise<UmbAllowedMediaTypeModel[]>;
+    getAllowedParentsOf(unique: string): Promise<{
+        error: import("../../../../core/resources/index.js").UmbApiError | import("../../../../core/resources/index.js").UmbCancelError;
+        data?: undefined;
+    } | {
+        data: {
+            unique: string;
+            entityType: string;
+        }[];
+        error?: undefined;
+    }>;
 }

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

@@ -1,13 +1,16 @@
 import { UMB_MEDIA_TYPE_ENTITY_TYPE } from '../../entity.js';
 import { MediaTypeService } from '../../../../core/backend-api/index.js';
 import { UmbContentTypeStructureServerDataSourceBase } from '../../../../content/content-type/index.js';
+import { tryExecute } from '../../../../core/resources/index.js';
 /**
  * @class UmbMediaTypeStructureServerDataSource
  * @augments {UmbContentTypeStructureServerDataSourceBase}
  */
 export class UmbMediaTypeStructureServerDataSource extends UmbContentTypeStructureServerDataSourceBase {
+    #host;
     constructor(host) {
         super(host, { getAllowedChildrenOf, mapper });
+        this.#host = host;
     }
     getMediaTypesOfFileExtension({ fileExtension, skip, take }) {
         return getAllowedMediaTypesOfExtension({ fileExtension, skip, take });
@@ -15,6 +18,19 @@ export class UmbMediaTypeStructureServerDataSource extends UmbContentTypeStructu
     getMediaTypesOfFolders({ skip, take }) {
         return getAllowedMediaTypesOfFolders({ skip, take });
     }
+    async getAllowedParentsOf(unique) {
+        const { data, error } = await tryExecute(this.#host, MediaTypeService.getMediaTypeByIdAllowedParents({
+            path: { id: unique },
+        }));
+        if (error) {
+            return { error };
+        }
+        const mappedData = data?.allowedParentIds.map((item) => ({
+            unique: item.id,
+            entityType: UMB_MEDIA_TYPE_ENTITY_TYPE,
+        })) ?? [];
+        return { data: mappedData };
+    }
 }
 const getAllowedChildrenOf = (unique, parentContentUnique) => {
     if (unique) {
@@ -46,5 +62,8 @@ const getAllowedMediaTypesOfFolders = async ({ skip, take }) => {
 const getAllowedMediaTypesOfExtension = async ({ fileExtension, skip, take, }) => {
     // eslint-disable-next-line local-rules/no-direct-api-import
     const { data } = await MediaTypeService.getItemMediaTypeAllowed({ query: { fileExtension, skip, take } });
-    return data.items.map((item) => mapper(item));
+    return data.items.map((item) => ({
+        ...mapper(item),
+        matchedFileExtension: item.matchedFileExtension,
+    }));
 };

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

@@ -1,6 +1,12 @@
+import type { UmbContentTypeStructureDataSource } from '../../../../content/content-type/index.js';
 import type { UmbEntityModel } from '../../../../core/entity/index.js';
+import type { UmbDataSourceResponse } from '../../../../core/repository/index.js';
 export interface UmbAllowedMediaTypeModel extends UmbEntityModel {
     name: string;
     description: string | null;
     icon: string | null;
+    matchedFileExtension?: boolean;
+}
+export interface UmbMediaTypeStructureDataSource extends UmbContentTypeStructureDataSource<UmbAllowedMediaTypeModel> {
+    getAllowedParentsOf(unique: string): Promise<UmbDataSourceResponse<Array<UmbEntityModel>>>;
 }

package/dist-cms/packages/media/media-types/search/global-search/manifests.js

@@ -11,6 +11,7 @@ export const manifests = [
         meta: {
             label: 'Media Types',
             searchProviderAlias: UMB_MEDIA_TYPE_SEARCH_PROVIDER_ALIAS,
+            sectionAlias: UMB_SETTINGS_SECTION_ALIAS,
         },
         conditions: [
             {

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

@@ -24,7 +24,11 @@ export class UmbMediaTypeSearchServerDataSource {
      */
     async search(args) {
         const { data, error } = await tryExecute(this.#host, MediaTypeService.getItemMediaTypeSearch({
-            query: { query: args.query },
+            query: {
+                query: args.query,
+                skip: args.paging?.skip,
+                take: args.paging?.take,
+            },
         }));
         if (data) {
             const mappedItems = data.items.map((item) => {

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

@@ -65,6 +65,7 @@ let UmbCreateMemberCollectionActionElement = class UmbCreateMemberCollectionActi
 				label=${this.localize.term('general_create')}
 				@click=${this.#onButtonClick}
 				look="outline"
+				data-mark="action:create"
 				popovertarget="create-popover"></uui-button>
 			<uui-popover-container id="create-popover">
 				<div id="popover-content">${until(this.#renderOptions(), html `<uui-loader></uui-loader>`)}</div>

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

@@ -52,18 +52,20 @@ let UmbMemberCollectionHeaderElement = class UmbMemberCollectionHeaderElement ex
     }
     #renderContentTypeFilter() {
         return html `
-			<umb-dropdown>
+			<umb-dropdown data-mark="dropdown:filter">
 				<span slot="label">${this.#getContentTypeFilterLabel}</span>
 				<div id="dropdown-layout">
 					<uui-button
 						label=${this.localize.term('general_all')}
 						look=${!this._selectedContentTypeUnique ? 'secondary' : 'default'}
+						data-mark="action:select-all"
 						compact
 						@click=${() => this.#onContentTypeFilterChange('')}></uui-button>
 					${repeat(this._contentTypes, (memberType) => memberType.unique, (memberType) => html `
 							<uui-button
 								label=${ifDefined(memberType.name)}
 								look=${memberType.unique === this._selectedContentTypeUnique ? 'secondary' : 'default'}
+								data-mark="action:select-${memberType.unique}"
 								compact
 								@click=${() => this.#onContentTypeFilterChange(memberType.unique)}></uui-button>
 						`)}

package/dist-cms/packages/members/member/collection/repository/member-collection.server.data-source.d.ts

@@ -21,7 +21,7 @@ export declare class UmbMemberCollectionServerDataSource implements UmbCollectio
      * @returns {*}
      * @memberof UmbMemberCollectionServerDataSource
      */
-    getCollection(query: UmbMemberCollectionFilterModel): Promise<{
+    getCollection(filter: UmbMemberCollectionFilterModel): Promise<{
         error: import("../../../../core/resources/index.js").UmbApiError | import("../../../../core/resources/index.js").UmbCancelError;
         data?: undefined;
     } | {

package/dist-cms/packages/members/member/collection/repository/member-collection.server.data-source.js

@@ -1,6 +1,7 @@
 import { UMB_MEMBER_ENTITY_TYPE } from '../../entity.js';
 import { tryExecute } from '../../../../core/resources/index.js';
-import { MemberService } from '../../../../core/backend-api/index.js';
+import { DirectionModel, MemberService } from '../../../../core/backend-api/index.js';
+import { UmbDirection } from '../../../../core/utils/index.js';
 /**
  * A data source that fetches the member collection data from the server.
  * @class UmbMemberCollectionServerDataSource
@@ -22,7 +23,15 @@ export class UmbMemberCollectionServerDataSource {
      * @returns {*}
      * @memberof UmbMemberCollectionServerDataSource
      */
-    async getCollection(query) {
+    async getCollection(filter) {
+        const query = {
+            memberTypeId: filter.memberTypeId,
+            filter: filter.filter,
+            orderBy: filter.orderBy ?? 'username',
+            orderDirection: filter.orderDirection === UmbDirection.DESCENDING ? DirectionModel.DESCENDING : DirectionModel.ASCENDING,
+            skip: filter.skip ?? 0,
+            take: filter.take ?? 100,
+        };
         const { data, error } = await tryExecute(this.#host, MemberService.getFilterMember({ query }));
         if (error) {
             return { error };

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

@@ -1,7 +1,10 @@
 import type { UmbMemberDetailModel } from '../types.js';
+import type { UmbDirectionType } from '../../../core/utils/index.js';
 import type { UmbCollectionFilterModel } from '../../../core/collection/index.js';
 export interface UmbMemberCollectionFilterModel extends UmbCollectionFilterModel {
     memberTypeId?: string;
+    orderBy?: string;
+    orderDirection?: UmbDirectionType;
 }
 export interface UmbMemberCollectionModel extends UmbMemberDetailModel {
 }

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

@@ -4,6 +4,8 @@ export declare class UmbMemberTableCollectionViewElement extends UmbLitElement {
     private _tableConfig;
     private _tableColumns;
     private _tableItems;
+    private _orderingColumn;
+    private _orderingDesc;
     constructor();
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("lit").CSSResult[];

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

@@ -10,6 +10,7 @@ import { UmbTextStyles } from '../../../../../core/style/index.js';
 import { css, html, customElement, state } from '../../../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../../core/lit-element/index.js';
 import { UmbMemberTypeItemRepository } from '../../../../member-type/index.js';
+import { UmbDirection } from '../../../../../core/utils/index.js';
 let UmbMemberTableCollectionViewElement = class UmbMemberTableCollectionViewElement extends UmbLitElement {
     #collectionContext;
     #memberTypeItemRepository;
@@ -22,18 +23,22 @@ let UmbMemberTableCollectionViewElement = class UmbMemberTableCollectionViewElem
             {
                 name: this.localize.term('general_name'),
                 alias: 'memberName',
+                allowSorting: true,
             },
             {
                 name: this.localize.term('general_username'),
                 alias: 'memberUsername',
+                allowSorting: true,
             },
             {
                 name: this.localize.term('general_email'),
                 alias: 'memberEmail',
+                allowSorting: true,
             },
             {
                 name: this.localize.term('content_membertype'),
                 alias: 'memberType',
+                allowSorting: true,
             },
             {
                 name: this.localize.term('member_kind'),
@@ -46,12 +51,35 @@ let UmbMemberTableCollectionViewElement = class UmbMemberTableCollectionViewElem
             },
         ];
         this._tableItems = [];
+        this._orderingColumn = 'memberUsername';
+        this._orderingDesc = false;
         this.#memberTypeItemRepository = new UmbMemberTypeItemRepository(this);
+        this.#columnAliasToOrderBy = {
+            memberName: 'name',
+            memberUsername: 'username',
+            memberEmail: 'email',
+            memberType: 'memberType',
+        };
         this.consumeContext(UMB_MEMBER_COLLECTION_CONTEXT, (instance) => {
             this.#collectionContext = instance;
             this.#observeCollectionItems();
         });
     }
+    #columnAliasToOrderBy;
+    #handleOrdering(event) {
+        const table = event.target;
+        const orderingColumn = table.orderingColumn;
+        const orderingDesc = table.orderingDesc;
+        const orderBy = orderingColumn ? this.#columnAliasToOrderBy[orderingColumn] : undefined;
+        if (orderBy) {
+            this._orderingColumn = orderingColumn;
+            this._orderingDesc = orderingDesc;
+            this.#collectionContext?.setFilter({
+                orderBy,
+                orderDirection: orderingDesc ? UmbDirection.DESCENDING : UmbDirection.ASCENDING,
+            });
+        }
+    }
     #observeCollectionItems() {
         if (!this.#collectionContext)
             return;
@@ -106,7 +134,13 @@ let UmbMemberTableCollectionViewElement = class UmbMemberTableCollectionViewElem
     }
     render() {
         return html `
-			<umb-table .config=${this._tableConfig} .columns=${this._tableColumns} .items=${this._tableItems}></umb-table>
+			<umb-table
+				.config=${this._tableConfig}
+				.columns=${this._tableColumns}
+				.items=${this._tableItems}
+				.orderingColumn=${this._orderingColumn}
+				.orderingDesc=${this._orderingDesc}
+				@ordered=${this.#handleOrdering}></umb-table>
 		`;
     }
     static { this.styles = [
@@ -128,6 +162,12 @@ __decorate([
 __decorate([
     state()
 ], UmbMemberTableCollectionViewElement.prototype, "_tableItems", void 0);
+__decorate([
+    state()
+], UmbMemberTableCollectionViewElement.prototype, "_orderingColumn", void 0);
+__decorate([
+    state()
+], UmbMemberTableCollectionViewElement.prototype, "_orderingDesc", void 0);
 UmbMemberTableCollectionViewElement = __decorate([
     customElement('umb-member-table-collection-view')
 ], UmbMemberTableCollectionViewElement);

package/dist-cms/packages/members/member/components/input-member/input-member.context.js

@@ -9,8 +9,8 @@ export class UmbMemberPickerInputContext extends UmbPickerInputContext {
         const combinedPickerData = {
             ...pickerData,
         };
-        // transform allowedContentTypes to a pickable filter
-        combinedPickerData.pickableFilter = (item) => this.#pickableFilter(item, args?.allowedContentTypes);
+        // combine internal allowedContentTypes filter with user-supplied pickableFilter
+        combinedPickerData.pickableFilter = this._combinePickableFilters((item) => this.#pickableFilter(item, args?.allowedContentTypes), pickerData?.pickableFilter);
         // set default search data
         if (!pickerData?.search) {
             combinedPickerData.search = {

package/dist-cms/packages/members/member/components/input-member/input-member.element.d.ts

@@ -35,7 +35,7 @@ export declare class UmbInputMemberElement extends UmbInputMemberElement_base {
     maxMessage: string;
     set selection(ids: Array<string>);
     get selection(): Array<string>;
-    allowedContentTypeIds?: string[] | undefined;
+    allowedContentTypeIds?: string[];
     set value(selectionString: string | undefined);
     get value(): string | undefined;
     filter: (member: UmbMemberItemModel) => boolean;

package/dist-cms/packages/members/member/item/repository/member-item.server.request-manager.d.ts

@@ -2,5 +2,6 @@ import type { UmbControllerHost } from '../../../../../libs/controller-api/index
 import { type MemberItemResponseModel } from '../../../../core/backend-api/index.js';
 import { UmbManagementApiItemDataRequestManager } from '../../../../management-api/index.js';
 export declare class UmbManagementApiMemberItemDataRequestManager extends UmbManagementApiItemDataRequestManager<MemberItemResponseModel> {
+    #private;
     constructor(host: UmbControllerHost);
 }

package/dist-cms/packages/members/member/item/repository/member-item.server.request-manager.js

@@ -1,12 +1,14 @@
 /* eslint-disable local-rules/no-direct-api-import */
 import { memberItemCache } from './member-item.server.cache.js';
 import { MemberService } from '../../../../core/backend-api/index.js';
-import { UmbManagementApiItemDataRequestManager } from '../../../../management-api/index.js';
+import { UmbManagementApiItemDataRequestManager, UmbManagementApiInFlightRequestCache, } from '../../../../management-api/index.js';
 export class UmbManagementApiMemberItemDataRequestManager extends UmbManagementApiItemDataRequestManager {
+    static #inflightRequestCache = new UmbManagementApiInFlightRequestCache();
     constructor(host) {
         super(host, {
             getItems: (ids) => MemberService.getItemMember({ query: { id: ids } }),
             dataCache: memberItemCache,
+            inflightRequestCache: UmbManagementApiMemberItemDataRequestManager.#inflightRequestCache,
             getUniqueMethod: (item) => item.id,
         });
     }

package/dist-cms/packages/members/member/search/global-search/manifests.js

@@ -11,6 +11,7 @@ export const manifests = [
         meta: {
             label: 'Members',
             searchProviderAlias: UMB_MEMBER_SEARCH_PROVIDER_ALIAS,
+            sectionAlias: UMB_MEMBER_MANAGEMENT_SECTION_ALIAS,
         },
         conditions: [
             {

package/dist-cms/packages/members/member/search/member-search.server.data-source.js

@@ -27,6 +27,8 @@ export class UmbMemberSearchServerDataSource {
             query: {
                 query: args.query,
                 allowedMemberTypes: args.allowedContentTypes?.map((memberReference) => memberReference.unique),
+                skip: args.paging?.skip,
+                take: args.paging?.take,
             },
         }));
         if (data) {

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

@@ -4,12 +4,14 @@ import { UMB_MEMBER_ENTITY_TYPE, UMB_MEMBER_ROOT_ENTITY_TYPE } from '../../entit
 import { UMB_MEMBER_DETAIL_REPOSITORY_ALIAS } from '../../repository/detail/manifests.js';
 import { UMB_CREATE_MEMBER_WORKSPACE_PATH_PATTERN, UMB_EDIT_MEMBER_WORKSPACE_PATH_PATTERN } from '../../paths.js';
 import { UMB_MEMBER_WORKSPACE_ALIAS, UMB_MEMBER_WORKSPACE_VIEW_MEMBER_ALIAS, UMB_MEMBER_DETAIL_MODEL_VARIANT_SCAFFOLD, } from './constants.js';
-import { UmbMemberTypeDetailRepository } from '../../../member-type/index.js';
+import { UMB_MEMBER_TYPE_ENTITY_TYPE, UmbMemberTypeDetailRepository, } from '../../../member-type/index.js';
 import { UmbWorkspaceIsNewRedirectController, UmbWorkspaceIsNewRedirectControllerAlias, } from '../../../../core/workspace/index.js';
 import { UmbContentDetailWorkspaceContextBase } from '../../../../content/content/index.js';
 import { ensurePathEndsWithSlash } from '../../../../core/utils/index.js';
 import { UmbValueValidator } from '../../../../core/validation/index.js';
+import { UmbEntityContentTypeEntityContext } from '../../../../content/content-type/index.js';
 export class UmbMemberWorkspaceContext extends UmbContentDetailWorkspaceContextBase {
+    #entityContentTypeContext;
     constructor(host) {
         super(host, {
             entityType: UMB_MEMBER_ENTITY_TYPE,
@@ -23,10 +25,13 @@ export class UmbMemberWorkspaceContext extends UmbContentDetailWorkspaceContextB
         this.contentTypeUnique = this._data.createObservablePartOfCurrent((data) => data?.memberType.unique);
         this.contentTypeIcon = this._data.createObservablePartOfCurrent((data) => data?.memberType.icon);
         this.kind = this._data.createObservablePartOfCurrent((data) => data?.kind);
+        this.#entityContentTypeContext = new UmbEntityContentTypeEntityContext(this);
         this.createDate = this._data.createObservablePartOfCurrent((data) => data?.variants[0].createDate);
         this.updateDate = this._data.createObservablePartOfCurrent((data) => data?.variants[0].updateDate);
         this.#hintedMsgs = new Set();
         this.observe(this.contentTypeUnique, (unique) => {
+            this.#entityContentTypeContext.setEntityType(unique ? UMB_MEMBER_TYPE_ENTITY_TYPE : undefined);
+            this.#entityContentTypeContext.setUnique(unique ?? undefined);
             if (unique) {
                 this.structure.loadType(unique);
             }

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

@@ -64,6 +64,7 @@ let UmbMemberWorkspaceViewMemberElement = class UmbMemberWorkspaceViewMemberElem
 					<uui-input
 						slot="editor"
 						name="newPassword"
+						data-mark="input:password"
 						label=${this.localize.term('user_passwordEnterNew')}
 						type="password"
 						@input=${() => this.#onPasswordUpdate()}
@@ -72,11 +73,12 @@ let UmbMemberWorkspaceViewMemberElement = class UmbMemberWorkspaceViewMemberElem
 						${umbBindToValidation(this, "$.values[?(@.alias == 'password' && @.culture == null && @.segment == null)].value", this._workspaceContext.newPassword)}></uui-input>
 				</umb-property-layout>
 
-				<umb-property-layout label="Confirm password" mandatory>
+				<umb-property-layout label=${this.localize.term('user_confirmPassword')} mandatory>
 					<uui-input
 						slot="editor"
 						name="confirmPassword"
-						label="Confirm password"
+						data-mark="input:confirm-password"
+						label=${this.localize.term('user_confirmPassword')}
 						type="password"
 						value=${this._workspaceContext.newPassword}
 						@input=${() => this.#onPasswordUpdate()}></uui-input>
@@ -93,6 +95,7 @@ let UmbMemberWorkspaceViewMemberElement = class UmbMemberWorkspaceViewMemberElem
 								<uui-input
 									slot="editor"
 									name="newPassword"
+									data-mark="input:new-password"
 									label=${this.localize.term('user_newPassword')}
 									type="password"
 									@input=${() => this.#onPasswordUpdate()}></uui-input>
@@ -101,6 +104,7 @@ let UmbMemberWorkspaceViewMemberElement = class UmbMemberWorkspaceViewMemberElem
 								<uui-input
 									slot="editor"
 									name="confirmPassword"
+									data-mark="input:confirm-new-password"
 									label=${this.localize.term('user_confirmNewPassword')}
 									type="password"
 									@input=${() => this.#onPasswordUpdate()}></uui-input>
@@ -108,12 +112,14 @@ let UmbMemberWorkspaceViewMemberElement = class UmbMemberWorkspaceViewMemberElem
 							${when(this._newPasswordError, () => html `<p class="validation-error">${this._newPasswordError}</p>`)}
 							<uui-button
 								label=${this.localize.term('general_cancel')}
+								data-mark="action:cancel"
 								look="secondary"
 								@click=${this.#onNewPasswordCancel}></uui-button>
 						</div>
 					`, () => html `
 						<uui-button
 							slot="editor"
+							data-mark="action:change-password"
 							label=${this.localize.term('general_changePassword')}
 							look="secondary"
 							@click=${() => (this._showChangePasswordForm = true)}></uui-button>
@@ -131,6 +137,7 @@ let UmbMemberWorkspaceViewMemberElement = class UmbMemberWorkspaceViewMemberElem
 						<uui-input
 							slot="editor"
 							name="login"
+							data-mark="input:username"
 							label=${this.localize.term('general_username')}
 							value=${this._workspaceContext.username}
 							${umbBindToValidation(this, "$.values[?(@.alias == 'username' && @.culture == null && @.segment == null)].value", this._workspaceContext.username)}
@@ -143,6 +150,7 @@ let UmbMemberWorkspaceViewMemberElement = class UmbMemberWorkspaceViewMemberElem
 						<uui-input
 							slot="editor"
 							name="email"
+							data-mark="input:email"
 							label=${this.localize.term('general_email')}
 							value=${this._workspaceContext.email}
 							${umbBindToValidation(this, "$.values[?(@.alias == 'email' && @.culture == null && @.segment == null)].value", this._workspaceContext.email)}
@@ -156,6 +164,7 @@ let UmbMemberWorkspaceViewMemberElement = class UmbMemberWorkspaceViewMemberElem
 					<umb-property-layout label=${this.localize.term('content_membergroup')}>
 						<umb-input-member-group
 							slot="editor"
+							data-mark="input-member-group:member-group"
 							@change=${this.#onGroupsUpdated}
 							.selection=${this._workspaceContext.memberGroups}></umb-input-member-group>
 					</umb-property-layout>
@@ -164,6 +173,7 @@ let UmbMemberWorkspaceViewMemberElement = class UmbMemberWorkspaceViewMemberElem
 							<umb-property-layout label=${this.localize.term('user_stateApproved')}>
 								<uui-toggle
 									slot="editor"
+									data-mark="toggle:approved"
 									.checked=${this._workspaceContext.isApproved}
 									@change=${(e) => this.#onChange('isApproved', e.target.checked)}>
 								</uui-toggle>
@@ -172,6 +182,7 @@ let UmbMemberWorkspaceViewMemberElement = class UmbMemberWorkspaceViewMemberElem
 							<umb-property-layout label=${this.localize.term('user_stateLockedOut')}>
 								<uui-toggle
 									slot="editor"
+									data-mark="toggle:locked-out"
 									?disabled=${this._isNew || !this._workspaceContext.isLockedOut}
 									.checked=${this._workspaceContext.isLockedOut}
 									@change=${(e) => this.#onChange('isLockedOut', e.target.checked)}>
@@ -181,6 +192,7 @@ let UmbMemberWorkspaceViewMemberElement = class UmbMemberWorkspaceViewMemberElem
 					<umb-property-layout label=${this.localize.term('member_2fa')}>
 						<uui-toggle
 							slot="editor"
+							data-mark="toggle:two-factor"
 							?disabled=${this._isNew || !this._workspaceContext.isTwoFactorEnabled}
 							.checked=${this._workspaceContext.isTwoFactorEnabled}
 							@change=${(e) => this.#onChange('isTwoFactorEnabled', e.target.checked)}>

package/dist-cms/packages/members/member-group/components/input-member-group/input-member-group.element.d.ts

@@ -36,7 +36,6 @@ export declare class UmbInputMemberGroupElement extends UmbInputMemberGroupEleme
     maxMessage: string;
     set selection(ids: Array<string>);
     get selection(): Array<string>;
-    allowedContentTypeIds?: string[] | undefined;
     set value(selectionString: string | undefined);
     get value(): string | undefined;
     filter: (memberGroup: UmbMemberGroupItemModel) => boolean;

package/dist-cms/packages/members/member-group/components/input-member-group/input-member-group.element.js

@@ -227,9 +227,6 @@ __decorate([
 __decorate([
     property({ type: String, attribute: 'max-message' })
 ], UmbInputMemberGroupElement.prototype, "maxMessage", void 0);
-__decorate([
-    property({ type: Array })
-], UmbInputMemberGroupElement.prototype, "allowedContentTypeIds", void 0);
 __decorate([
     property({ type: String })
 ], UmbInputMemberGroupElement.prototype, "value", null);

package/dist-cms/packages/members/member-group/components/member-group-picker-modal/member-group-picker-modal.element.d.ts

@@ -3,9 +3,12 @@ import { UmbModalBaseElement } from '../../../../core/modal/index.js';
 export declare class UmbMemberGroupPickerModalElement extends UmbModalBaseElement<UmbMemberGroupPickerModalData, UmbMemberGroupPickerModalValue> {
     #private;
     private _memberGroups;
+    private _currentPage;
+    private _totalPages;
     connectedCallback(): void;
-    firstUpdated(): Promise<void>;
+    firstUpdated(): void;
     render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult[];
 }
 export default UmbMemberGroupPickerModalElement;
 declare global {