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

package/dist-cms/libs/context-api/debug/context-data.function.d.ts

@@ -4,56 +4,56 @@
  * @param contexts This is a map of the collected contexts from umb-debug
  * @returns An array of simplified context data
  */
-export declare function contextData(contexts: Map<any, any>): Array<DebugContextData>;
-export interface DebugContextData {
+export declare function contextData(contexts: Map<any, any>): Array<UmbDebugContextData>;
+export interface UmbDebugContextData {
     /**
      * The alias of the context
      *
      * @type {string}
-     * @memberof DebugContextData
+     * @memberof UmbDebugContextData
      */
     alias: string;
     /**
      * The type of the context such as object or string
      *
      * @type {("string" | "number" | "bigint" | "boolean" | "symbol" | "undefined" | "object" | "function")}
-     * @memberof DebugContextData
+     * @memberof UmbDebugContextData
      */
     type: 'string' | 'number' | 'bigint' | 'boolean' | 'symbol' | 'undefined' | 'object' | 'function';
     /**
      * Data about the context that includes method and property names
      *
-     * @type {DebugContextItemData}
-     * @memberof DebugContextData
+     * @type {UmbDebugContextItemData}
+     * @memberof UmbDebugContextData
      */
-    data: DebugContextItemData;
+    data: UmbDebugContextItemData;
 }
-export interface DebugContextItemData {
+export interface UmbDebugContextItemData {
     type: string;
     methods?: Array<unknown>;
-    properties?: Array<DebugContextItemPropertyData>;
+    properties?: Array<UmbDebugContextItemPropertyData>;
     value?: unknown;
 }
-export interface DebugContextItemPropertyData {
+export interface UmbDebugContextItemPropertyData {
     /**
      * The name of the property
      *
      * @type {string}
-     * @memberof DebugContextItemPropertyData
+     * @memberof UmbDebugContextItemPropertyData
      */
     key: string;
     /**
      * The type of the property's value such as string or number
      *
      * @type {("string" | "number" | "bigint" | "boolean" | "symbol" | "undefined" | "object" | "function")}
-     * @memberof DebugContextItemPropertyData
+     * @memberof UmbDebugContextItemPropertyData
      */
     type: 'string' | 'number' | 'bigint' | 'boolean' | 'symbol' | 'undefined' | 'object' | 'function';
     /**
      * Simple types such as string or number can have their value displayed stored inside the property
      *
      * @type {("string" | "number" | "bigint" | "boolean" | "symbol" | "undefined" | "object" | "function")}
-     * @memberof DebugContextItemPropertyData
+     * @memberof UmbDebugContextItemPropertyData
      */
     value?: unknown;
 }

package/dist-cms/libs/context-api/debug/context-data.function.js

@@ -52,7 +52,7 @@ function contextItemData(contextInstance) {
                             valueToDisplay = `Web Component <${tagName}>`;
                         }
                         else if (isSubscribeLike) {
-                            valueToDisplay = 'Subscribable';
+                            valueToDisplay = 'Observable';
                         }
                         props.push({ key: key, type: typeof value, value: valueToDisplay });
                         break;
@@ -61,7 +61,7 @@ function contextItemData(contextInstance) {
                         break;
                 }
             }
-            contextItemData = { ...contextItemData, properties: props };
+            contextItemData = { ...contextItemData, properties: props.sort((a, b) => a.key.localeCompare(b.key)) };
         }
     }
     else {
@@ -72,7 +72,7 @@ function contextItemData(contextInstance) {
 /**
  * Gets a list of methods from a class
  *
- * @param klass The class to get the methods from
+ * @param class The class to get the methods from
  * @returns An array of method names as strings
  */
 function getClassMethodNames(klass) {
@@ -84,5 +84,5 @@ function getClassMethodNames(klass) {
             .concat(deepFunctions(Object.getPrototypeOf(x)) || []);
     const distinctDeepFunctions = (klass) => Array.from(new Set(deepFunctions(klass)));
     const allMethods = typeof klass.prototype === 'undefined' ? distinctDeepFunctions(klass) : Object.getOwnPropertyNames(klass.prototype);
-    return allMethods.filter((name) => name !== 'constructor' && !name.startsWith('_'));
+    return allMethods.filter((name) => name !== 'constructor' && !name.startsWith('_')).sort();
 }

package/dist-cms/libs/context-api/provide/context-provider.d.ts

@@ -27,6 +27,5 @@ export declare class UmbContextProvider<BaseType = unknown, ResultType extends B
      * @memberof UmbContextProvider
      */
     hostDisconnected(): void;
-    private _handleDebugContextRequest;
     destroy(): void;
 }

package/dist-cms/libs/context-api/provide/context-provider.js

@@ -1,7 +1,5 @@
 import { UMB_CONTENT_REQUEST_EVENT_TYPE, UMB_DEBUG_CONTEXT_EVENT_TYPE } from '../consume/context-request.event.js';
-import { UmbContextProvideEventImplementation,
-//UmbContextUnprovidedEventImplementation,
- } from './context-provide.event.js';
+import { UmbContextProvideEventImplementation } from './context-provide.event.js';
 /**
  * @export
  * @class UmbContextProvider
@@ -27,36 +25,6 @@ export class UmbContextProvider {
      * @memberof UmbContextProvider
      */
     constructor(eventTarget, contextIdentifier, instance) {
-        /**
-         * @private
-         * @param {UmbContextRequestEvent} event
-         * @memberof UmbContextProvider
-         */
-        this.#handleContextRequest = ((event) => {
-            if (event.contextAlias !== this.#contextAlias)
-                return;
-            if (event.stopAtContextMatch) {
-                // Since the alias matches, we will stop it from bubbling further up. But we still allow it to ask the other Contexts of the element. Hence not calling `event.stopImmediatePropagation();`
-                event.stopPropagation();
-            }
-            // First and importantly, check that the apiAlias matches and then call the callback. If that returns true then we can stop the event completely.
-            if (this.#apiAlias === event.apiAlias && event.callback(this.#instance)) {
-                // Make sure the event not hits any more Contexts as we have found a match.
-                event.stopImmediatePropagation();
-            }
-        });
-        this._handleDebugContextRequest = (event) => {
-            // If the event doesn't have an instances property, create it.
-            if (!event.instances) {
-                event.instances = new Map();
-            }
-            // If the event doesn't have an instance for this context, add it.
-            // Nearest to the DOM element of <umb-debug> will be added first
-            // as contexts can change/override deeper in the DOM
-            if (!event.instances.has(this.#contextAlias)) {
-                event.instances.set(this.#contextAlias, this.#instance);
-            }
-        };
         this.#eventTarget = eventTarget;
         const idSplit = contextIdentifier.toString().split('#');
         this.#contextAlias = idSplit[0];
@@ -69,7 +37,19 @@ export class UmbContextProvider {
      * @param {UmbContextRequestEvent} event
      * @memberof UmbContextProvider
      */
-    #handleContextRequest;
+    #handleContextRequest = ((event) => {
+        if (event.contextAlias !== this.#contextAlias)
+            return;
+        if (event.stopAtContextMatch) {
+            // Since the alias matches, we will stop it from bubbling further up. But we still allow it to ask the other Contexts of the element. Hence not calling `event.stopImmediatePropagation();`
+            event.stopPropagation();
+        }
+        // First and importantly, check that the apiAlias matches and then call the callback. If that returns true then we can stop the event completely.
+        if (this.#apiAlias === event.apiAlias && event.callback(this.#instance)) {
+            // Make sure the event not hits any more Contexts as we have found a match.
+            event.stopImmediatePropagation();
+        }
+    });
     /**
      * @memberof UmbContextProvider
      */
@@ -77,7 +57,7 @@ export class UmbContextProvider {
         //this.hostElement.addEventListener(UMB_CONTENT_REQUEST_EVENT_TYPE, this.#handleContextRequest);
         this.#eventTarget.dispatchEvent(new UmbContextProvideEventImplementation(this.#contextAlias));
         // Listen to our debug event 'umb:debug-contexts'
-        this.#eventTarget.addEventListener(UMB_DEBUG_CONTEXT_EVENT_TYPE, this._handleDebugContextRequest);
+        this.#eventTarget.addEventListener(UMB_DEBUG_CONTEXT_EVENT_TYPE, this.#handleDebugContextRequest);
     }
     /**
      * @memberof UmbContextProvider
@@ -87,8 +67,20 @@ export class UmbContextProvider {
         // Out-commented for now, but kept if we like to reintroduce this:
         //window.dispatchEvent(new UmbContextUnprovidedEventImplementation(this._contextAlias, this.#instance));
         // Stop listen to our debug event 'umb:debug-contexts'
-        this.#eventTarget?.removeEventListener(UMB_DEBUG_CONTEXT_EVENT_TYPE, this._handleDebugContextRequest);
+        this.#eventTarget?.removeEventListener(UMB_DEBUG_CONTEXT_EVENT_TYPE, this.#handleDebugContextRequest);
     }
+    #handleDebugContextRequest = (event) => {
+        // If the event doesn't have an instances property, create it.
+        if (!event.instances) {
+            event.instances = new Map();
+        }
+        // If the event doesn't have an instance for this context, add it.
+        // Nearest to the DOM element of <umb-debug> will be added first
+        // as contexts can change/override deeper in the DOM
+        if (!event.instances.has(this.#contextAlias)) {
+            event.instances.set(this.#contextAlias, this.#instance);
+        }
+    };
     destroy() {
         this.hostDisconnected();
         // We want to call a destroy method on the instance, if it has one.

package/dist-cms/libs/extension-api/functions/create-extension-element.function.js

@@ -6,7 +6,7 @@ export async function createExtensionElement(manifest, fallbackElement) {
         if (elementConstructor) {
             return new elementConstructor();
         }
-        else {
+        else if (!manifest.elementName) {
             console.error(`-- Extension of alias "${manifest.alias}" did not succeed creating an element class instance via the extension manifest property '${elementPropValue}'. The imported Element JS file did not export a 'element' or 'default'. Alternatively define the 'elementName' in the manifest.`, manifest);
         }
     }

package/dist-cms/libs/formatting-api/formatting.controller.d.ts

@@ -0,0 +1,11 @@
+import { UmbControllerBase } from '../class-api/index.js';
+/**
+ * @description - Controller for formatting text.
+ */
+export declare class UmbFormattingController extends UmbControllerBase {
+    #private;
+    /**
+     * A method to localize the string input then transform any markdown to santized HTML.
+     */
+    transform(input?: string): string;
+}

package/dist-cms/libs/formatting-api/formatting.controller.js

@@ -0,0 +1,30 @@
+import { DOMPurify } from '../../external/dompurify/index.js';
+import { Marked } from '../../external/marked/index.js';
+import { UmbControllerBase } from '../class-api/index.js';
+import { UmbLocalizationController } from '../localization-api/index.js';
+const UmbMarked = new Marked({ gfm: true, breaks: true });
+const UmbDomPurify = DOMPurify(window);
+const UmbDomPurifyConfig = { USE_PROFILES: { html: true } };
+UmbDomPurify.addHook('afterSanitizeAttributes', function (node) {
+    // set all elements owning target to target=_blank
+    if ('target' in node) {
+        node.setAttribute('target', '_blank');
+    }
+});
+/**
+ * @description - Controller for formatting text.
+ */
+export class UmbFormattingController extends UmbControllerBase {
+    #localize = new UmbLocalizationController(this._host);
+    /**
+     * A method to localize the string input then transform any markdown to santized HTML.
+     */
+    transform(input) {
+        if (!input)
+            return '';
+        const translated = this.#localize.string(input);
+        const markup = UmbMarked.parse(translated);
+        const sanitized = UmbDomPurify.sanitize(markup, UmbDomPurifyConfig);
+        return sanitized;
+    }
+}

package/dist-cms/libs/formatting-api/index.d.ts

@@ -0,0 +1,2 @@
+export * from './formatting.controller.js';
+export * from './localizeAndTransform.function.js';

package/dist-cms/libs/formatting-api/index.js

@@ -0,0 +1,2 @@
+export * from './formatting.controller.js';
+export * from './localizeAndTransform.function.js';

package/dist-cms/libs/formatting-api/localizeAndTransform.function.d.ts

@@ -0,0 +1,2 @@
+import type { UmbControllerHost } from '../controller-api/index.js';
+export declare function localizeAndTransform(host: UmbControllerHost, input: string): string;

package/dist-cms/libs/formatting-api/localizeAndTransform.function.js

@@ -0,0 +1,4 @@
+import { UmbFormattingController } from './formatting.controller.js';
+export function localizeAndTransform(host, input) {
+    return new UmbFormattingController(host).transform(input);
+}

package/dist-cms/libs/observable-api/states/array-state.js

@@ -31,6 +31,7 @@ export class UmbArrayState extends UmbDeepState {
      */
     sortBy(sortMethod) {
         this.#sortMethod = sortMethod;
+        super.setValue(this.getValue().sort(this.#sortMethod));
         return this;
     }
     /**

package/dist-cms/libs/observable-api/states/basic-state.js

@@ -28,7 +28,7 @@ export class UmbBasicState {
      * console.log("Value is: ", myState.value);
      */
     get value() {
-        return this._subject.value;
+        return this.getValue();
     }
     /**
      * @method getValue

package/dist-cms/libs/observable-api/states/deep-state.d.ts

@@ -9,12 +9,13 @@ import { UmbBasicState } from './basic-state.js';
  * Additionally the Subject ensures the data is unique, not updating any Observes unless there is an actual change of the content.
  */
 export declare class UmbDeepState<T> extends UmbBasicState<T> {
+    #private;
     constructor(initialData: T);
     /**
-     * @export
      * @method createObservablePart
      * @param {(mappable: T) => R} mappingFunction - Method to return the part for this Observable to return.
      * @param {(previousResult: R, currentResult: R) => boolean} [memoizationFunction] - Method to Compare if the data has changed. Should return true when data is different.
+     * @returns {Observable<R>}
      * @description - Creates an Observable from this State.
      */
     asObservablePart<ReturnType>(mappingFunction: MappingFunction<T, ReturnType>, memoizationFunction?: MemoizationFunction<ReturnType>): import("rxjs").Observable<ReturnType>;
@@ -24,4 +25,27 @@ export declare class UmbDeepState<T> extends UmbBasicState<T> {
      * @description - Set the data of this state, if data is different than current this will trigger observations to update.
      */
     setValue(data: T): void;
+    getValue(): T;
+    /**
+     * @method mute
+     * @description - Set mute for this state.
+     */
+    mute(): void;
+    /**
+     * @method unmute
+     * @description - Unset the mute of this state.
+     */
+    unmute(): void;
+    /**
+     * @method isMuted
+     * @description - Check if the state is muted.
+     * @returns {boolean} - Returns true if the state is muted.
+     */
+    isMuted(): boolean | undefined;
+    /**
+     * @method getMutePromise
+     * @description - Get a promise which resolves when the mute is unset.
+     * @returns {Promise<void>}
+     */
+    getMutePromise(): Promise<void>;
 }

package/dist-cms/libs/observable-api/states/deep-state.js

@@ -10,14 +10,17 @@ import { UmbBasicState } from './basic-state.js';
  * Additionally the Subject ensures the data is unique, not updating any Observes unless there is an actual change of the content.
  */
 export class UmbDeepState extends UmbBasicState {
+    #mute;
+    #value;
     constructor(initialData) {
         super(deepFreeze(initialData));
+        this.#value = this._subject.getValue();
     }
     /**
-     * @export
      * @method createObservablePart
      * @param {(mappable: T) => R} mappingFunction - Method to return the part for this Observable to return.
      * @param {(previousResult: R, currentResult: R) => boolean} [memoizationFunction] - Method to Compare if the data has changed. Should return true when data is different.
+     * @returns {Observable<R>}
      * @description - Creates an Observable from this State.
      */
     asObservablePart(mappingFunction, memoizationFunction) {
@@ -32,9 +35,60 @@ export class UmbDeepState extends UmbBasicState {
         if (!this._subject)
             return;
         const frozenData = deepFreeze(data);
-        // Only update data if its different than current data.
-        if (!jsonStringComparison(frozenData, this._subject.getValue())) {
+        this.#value = frozenData;
+        // Only update data if its not muted and is different than current data. [NL]
+        if (!this.#mute && !jsonStringComparison(frozenData, this._subject.getValue())) {
             this._subject.next(frozenData);
         }
     }
+    getValue() {
+        return this.#value;
+    }
+    /**
+     * @method mute
+     * @description - Set mute for this state.
+     */
+    mute() {
+        if (this.#mute)
+            return;
+        this.#mute = true;
+    }
+    /**
+     * @method unmute
+     * @description - Unset the mute of this state.
+     */
+    unmute() {
+        if (!this.#mute)
+            return;
+        this.#mute = false;
+        // Only update data if it is different than current data. [NL]
+        if (!jsonStringComparison(this.#value, this._subject.getValue())) {
+            this._subject?.next(this.#value);
+        }
+    }
+    /**
+     * @method isMuted
+     * @description - Check if the state is muted.
+     * @returns {boolean} - Returns true if the state is muted.
+     */
+    isMuted() {
+        return this.#mute;
+    }
+    /**
+     * @method getMutePromise
+     * @description - Get a promise which resolves when the mute is unset.
+     * @returns {Promise<void>}
+     */
+    getMutePromise() {
+        return new Promise((resolve) => {
+            if (!this.#mute) {
+                resolve();
+                return;
+            }
+            const subscription = this._subject.subscribe(() => {
+                subscription.unsubscribe();
+                resolve();
+            });
+        });
+    }
 }

package/dist-cms/libs/observable-api/states/object-state.js

@@ -20,7 +20,7 @@ export class UmbObjectState extends UmbDeepState {
      * myState.update({value: 'myNewValue'});
      */
     update(partialData) {
-        this.setValue({ ...this._subject.getValue(), ...partialData });
+        this.setValue({ ...this.getValue(), ...partialData });
         return this;
     }
 }

package/dist-cms/libs/observable-api/utils/index.d.ts

@@ -8,6 +8,7 @@ export * from './json-string-comparison.function.js';
 export * from './merge-observables.function.js';
 export * from './observe-multiple.function.js';
 export * from './partial-update-frozen-array.function.js';
+export * from './push-at-to-unique-array.function.js';
 export * from './push-to-unique-array.function.js';
 export * from './simple-hash-code.function.js';
 export * from './strict-equality-memoization.function.js';

package/dist-cms/libs/observable-api/utils/index.js

@@ -8,6 +8,7 @@ export * from './json-string-comparison.function.js';
 export * from './merge-observables.function.js';
 export * from './observe-multiple.function.js';
 export * from './partial-update-frozen-array.function.js';
+export * from './push-at-to-unique-array.function.js';
 export * from './push-to-unique-array.function.js';
 export * from './simple-hash-code.function.js';
 export * from './strict-equality-memoization.function.js';

package/dist-cms/mocks/browser-handlers.d.ts

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

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

@@ -822,7 +822,6 @@ export const data = [
             { alias: 'icon', value: 'icon-layers' },
             { alias: 'tabName', value: 'Children' },
             { alias: 'showContentFirst', value: true },
-            { alias: 'useInfiniteEditor', value: true },
         ],
     },
     {
@@ -867,7 +866,6 @@ export const data = [
             { alias: 'icon', value: 'icon-layers' },
             { alias: 'tabName', value: 'Items' },
             { alias: 'showContentFirst', value: false },
-            { alias: 'useInfiniteEditor', value: true },
         ],
     },
     {
@@ -978,7 +976,7 @@ export const data = [
         id: 'dt-integer',
         parent: null,
         editorAlias: 'Umbraco.Integer',
-        editorUiAlias: 'Umb.PropertyEditorUi.Number',
+        editorUiAlias: 'Umb.PropertyEditorUi.Integer',
         hasChildren: false,
         isFolder: false,
         isDeletable: true,

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

@@ -1,5 +1,8 @@
 import { UmbMockDBBase } from './utils/mock-db-base.js';
-import type { UmbEntityBase } from '../../packages/core/models/index.js';
+type UmbEntityBase = {
+    id?: string;
+    name?: string;
+};
 export declare class UmbEntityData<T extends UmbEntityBase> extends UmbMockDBBase<T> {
     constructor(data: Array<T>);
     getList(skip: number, take: number): T[];
@@ -11,3 +14,4 @@ export declare class UmbEntityData<T extends UmbEntityBase> extends UmbMockDBBas
     delete(ids: Array<string>): void;
     updateData(updateItem: Partial<T>): void;
 }
+export {};

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

@@ -14,7 +14,7 @@ export const Indexers = [
     {
         name: 'ExternalIndex',
         canRebuild: true,
-        healthStatus: HealthStatusModel.HEALTHY,
+        healthStatus: { status: HealthStatusModel.HEALTHY },
         documentCount: 0,
         fieldCount: 0,
         searcherName: '',
@@ -32,7 +32,7 @@ export const Indexers = [
     {
         name: 'InternalIndex',
         canRebuild: true,
-        healthStatus: HealthStatusModel.HEALTHY,
+        healthStatus: { status: HealthStatusModel.HEALTHY },
         documentCount: 0,
         fieldCount: 0,
         searcherName: '',
@@ -51,7 +51,7 @@ export const Indexers = [
     {
         name: 'MemberIndex',
         canRebuild: true,
-        healthStatus: HealthStatusModel.HEALTHY,
+        healthStatus: { status: HealthStatusModel.HEALTHY },
         fieldCount: 0,
         documentCount: 0,
         searcherName: '',

package/dist-cms/mocks/data/media-type/media-type.data.js

@@ -86,5 +86,7 @@ export const data = [
         isFolder: false,
         hasChildren: false,
         collection: { id: 'dt-collectionView' },
+        isDeletable: false,
+        aliasCanBeChanged: false,
     },
 ];

package/dist-cms/mocks/data/media-type/media-type.db.js

@@ -44,6 +44,8 @@ const createMockMediaTypeFolderMapper = (request) => {
         isFolder: true,
         hasChildren: false,
         collection: null,
+        isDeletable: false,
+        aliasCanBeChanged: false,
     };
 };
 const createMockMediaTypeMapper = (request) => {
@@ -65,6 +67,8 @@ const createMockMediaTypeMapper = (request) => {
         isFolder: false,
         hasChildren: false,
         collection: null,
+        isDeletable: false,
+        aliasCanBeChanged: false,
     };
 };
 const mediaTypeDetailMapper = (item) => {
@@ -83,6 +87,8 @@ const mediaTypeDetailMapper = (item) => {
         allowedMediaTypes: item.allowedMediaTypes,
         compositions: item.compositions,
         collection: item.collection,
+        isDeletable: item.isDeletable,
+        aliasCanBeChanged: item.aliasCanBeChanged,
     };
 };
 const mediaTypeTreeItemMapper = (item) => {
@@ -93,6 +99,7 @@ const mediaTypeTreeItemMapper = (item) => {
         parent: item.parent,
         isFolder: item.isFolder,
         icon: item.icon,
+        isDeletable: item.isDeletable,
     };
 };
 const mediaTypeItemMapper = (item) => {

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

@@ -16,16 +16,16 @@ export const data = [
         updateDate: '2/10/2022',
         createDate: '3/13/2022',
         failedLoginAttempts: 946,
-        userGroupIds: ['user-group-administrators-id', 'user-group-editors-id'],
+        userGroupIds: [{ id: 'user-group-administrators-id' }, { id: 'user-group-editors-id' }],
         userName: '',
         avatarUrls: [],
         isAdmin: true,
     },
     {
         id: '82e11d3d-b91d-43c9-9071-34d28e62e81d',
-        documentStartNodeIds: ['simple-document-id'],
+        documentStartNodeIds: [{ id: 'simple-document-id' }],
         hasDocumentRootAccess: true,
-        mediaStartNodeIds: ['f2f81a40-c989-4b6b-84e2-057cecd3adc1'],
+        mediaStartNodeIds: [{ id: 'f2f81a40-c989-4b6b-84e2-057cecd3adc1' }],
         hasMediaRootAccess: true,
         name: 'Amelie Walker',
         email: 'awalker1@domain.com',
@@ -37,7 +37,7 @@ export const data = [
         updateDate: '2023-10-12T18:30:32.879Z',
         createDate: '2023-10-12T18:30:32.879Z',
         failedLoginAttempts: 0,
-        userGroupIds: ['user-group-administrators-id'],
+        userGroupIds: [{ id: 'user-group-administrators-id' }],
         userName: '',
         avatarUrls: [],
         isAdmin: true,
@@ -58,7 +58,7 @@ export const data = [
         updateDate: '2023-10-12T18:30:32.879Z',
         createDate: '2023-10-12T18:30:32.879Z',
         failedLoginAttempts: 0,
-        userGroupIds: ['user-group-editors-id'],
+        userGroupIds: [{ id: 'user-group-editors-id' }],
         userName: '',
         avatarUrls: [],
         isAdmin: false,
@@ -79,7 +79,7 @@ export const data = [
         updateDate: '2023-10-12T18:30:32.879Z',
         createDate: '2023-10-12T18:30:32.879Z',
         failedLoginAttempts: 0,
-        userGroupIds: ['user-group-editors-id'],
+        userGroupIds: [{ id: 'user-group-editors-id' }],
         userName: '',
         avatarUrls: [],
         isAdmin: false,
@@ -100,7 +100,7 @@ export const data = [
         updateDate: '2023-10-12T18:30:32.879Z',
         createDate: '2023-10-12T18:30:32.879Z',
         failedLoginAttempts: 25,
-        userGroupIds: ['user-group-editors-id', 'user-group-sensitive-data-id'],
+        userGroupIds: [{ id: 'user-group-editors-id' }, { id: 'user-group-sensitive-data-id' }],
         userName: '',
         avatarUrls: [],
         isAdmin: false,
@@ -119,8 +119,4 @@ export const mfaLoginProviders = [
         isEnabledOnUser: false,
         providerName: 'sms',
     },
-    {
-        isEnabledOnUser: true,
-        providerName: 'Email',
-    },
 ];