@umbraco-cms/backoffice 14.0.0--preview004-903b0a6a → 14.0.0--preview004-e1502383

package/dist-cms/custom-elements.json

@@ -1956,17 +1956,6 @@
         }
       ]
     },
-    {
-      "name": "umb-property-editor-config",
-      "path": "./../src/packages/core/components/property-editor-config/property-editor-config.element.ts",
-      "properties": [
-        {
-          "name": "styles",
-          "type": "array",
-          "default": "[\"UmbTextStyles\"]"
-        }
-      ]
-    },
     {
       "name": "umb-property-type-based-property",
       "path": "./../src/packages/core/components/property-type-based-property/property-type-based-property.element.ts",
@@ -2325,6 +2314,17 @@
         }
       ]
     },
+    {
+      "name": "umb-property-editor-config",
+      "path": "./../src/packages/core/data-type/components/property-editor-config/property-editor-config.element.ts",
+      "properties": [
+        {
+          "name": "styles",
+          "type": "array",
+          "default": "[\"UmbTextStyles\"]"
+        }
+      ]
+    },
     {
       "name": "umb-ref-data-type",
       "path": "./../src/packages/core/data-type/components/ref-data-type/ref-data-type.element.ts",
@@ -4994,6 +4994,21 @@
         }
       ]
     },
+    {
+      "name": "umb-unique-tree-item",
+      "path": "./../src/packages/core/tree/unique-tree-item/unique-tree-item.element.ts",
+      "properties": [
+        {
+          "name": "item",
+          "type": "UmbUniqueTreeItemModel | undefined"
+        },
+        {
+          "name": "styles",
+          "type": "array",
+          "default": "[\"UmbTextStyles\",null]"
+        }
+      ]
+    },
     {
       "name": "umb-workspace-action-menu",
       "path": "./../src/packages/core/workspace/workspace-action-menu/workspace-action-menu.element.ts",

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

@@ -10,7 +10,8 @@ import { UmbDeepState } from './deep-state.js';
  */
 export declare class UmbArrayState<T> extends UmbDeepState<T[]> {
     #private;
-    constructor(initialData: T[], getUniqueMethod?: (entry: T) => unknown);
+    readonly getUnique: (entry: T) => unknown;
+    constructor(initialData: T[], getUniqueMethod: (entry: T) => unknown);
     /**
      * @method sortBy
      * @param {(a: T, b: T) => number} sortMethod - A method to be used for sorting everytime data is set.

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

@@ -11,11 +11,10 @@ import { pushToUniqueArray } from './push-to-unique-array.function.js';
  * The ArrayState provides methods to append data when the data is an Object.
  */
 export class UmbArrayState extends UmbDeepState {
-    #getUnique;
     #sortMethod;
     constructor(initialData, getUniqueMethod) {
         super(initialData);
-        this.#getUnique = getUniqueMethod;
+        this.getUnique = getUniqueMethod;
     }
     /**
      * @method sortBy
@@ -56,12 +55,12 @@ export class UmbArrayState extends UmbDeepState {
      */
     remove(uniques) {
         let next = this.getValue();
-        if (this.#getUnique) {
+        if (this.getUnique) {
             uniques.forEach((unique) => {
                 next = next.filter((x) => {
                     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
                     // @ts-ignore
-                    return this.#getUnique(x) !== unique;
+                    return this.getUnique(x) !== unique;
                 });
             });
             this.next(next);
@@ -83,11 +82,11 @@ export class UmbArrayState extends UmbDeepState {
      */
     removeOne(unique) {
         let next = this.getValue();
-        if (this.#getUnique) {
+        if (this.getUnique) {
             next = next.filter((x) => {
                 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
                 // @ts-ignore
-                return this.#getUnique(x) !== unique;
+                return this.getUnique(x) !== unique;
             });
             this.next(next);
         }
@@ -133,8 +132,8 @@ export class UmbArrayState extends UmbDeepState {
      */
     appendOne(entry) {
         const next = [...this.getValue()];
-        if (this.#getUnique) {
-            pushToUniqueArray(next, entry, this.#getUnique);
+        if (this.getUnique) {
+            pushToUniqueArray(next, entry, this.getUnique);
         }
         else {
             next.push(entry);
@@ -159,10 +158,10 @@ export class UmbArrayState extends UmbDeepState {
      * ]);
      */
     append(entries) {
-        if (this.#getUnique) {
+        if (this.getUnique) {
             const next = [...this.getValue()];
             entries.forEach((entry) => {
-                pushToUniqueArray(next, entry, this.#getUnique);
+                pushToUniqueArray(next, entry, this.getUnique);
             });
             this.next(next);
         }
@@ -186,10 +185,10 @@ export class UmbArrayState extends UmbDeepState {
      * myState.updateOne(2, {value: 'updated-bar'});
      */
     updateOne(unique, entry) {
-        if (!this.#getUnique) {
+        if (!this.getUnique) {
             throw new Error("Can't partial update an ArrayState without a getUnique method provided when constructed.");
         }
-        this.next(partialUpdateFrozenArray(this.getValue(), entry, (x) => unique === this.#getUnique(x)));
+        this.next(partialUpdateFrozenArray(this.getValue(), entry, (x) => unique === this.getUnique(x)));
         return this;
     }
 }

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

@@ -10,6 +10,14 @@ export const data = [
         parentId: null,
         isFolder: true,
     },
+    {
+        type: 'data-type',
+        name: 'Folder 2',
+        id: 'dt-folder2',
+        parentId: null,
+        isFolder: true,
+        hasChildren: true,
+    },
     {
         type: 'data-type',
         id: '0cc0eba1-9960-42c9-bf9b-60e150b429ae',
@@ -687,6 +695,15 @@ export const data = [
         propertyEditorUiAlias: 'Umb.PropertyEditorUi.MemberGroupPicker',
         values: [],
     },
+    {
+        type: 'data-type',
+        name: 'Data Type in folder',
+        id: 'dt-data-type-in-folder',
+        parentId: 'dt-folder2',
+        propertyEditorAlias: 'Umbraco.MemberGroupPicker',
+        propertyEditorUiAlias: 'Umb.PropertyEditorUi.MemberGroupPicker',
+        values: [],
+    },
 ];
 const createDataTypeItem = (item) => {
     return {

package/dist-cms/packages/core/collection/collection-default.context.js

@@ -18,13 +18,13 @@ export class UmbDefaultCollectionContext extends UmbBaseController {
     #init;
     constructor(host, config = { pageSize: 50 }) {
         super(host);
-        this.#items = new UmbArrayState([]);
+        this.#items = new UmbArrayState([], (x) => x);
         this.items = this.#items.asObservable();
         this.#totalItems = new UmbNumberState(0);
         this.totalItems = this.#totalItems.asObservable();
         this.#filter = new UmbObjectState({});
         this.filter = this.#filter.asObservable();
-        this.#views = new UmbArrayState([]);
+        this.#views = new UmbArrayState([], (x) => x.alias);
         this.views = this.#views.asObservable();
         this.#currentView = new UmbObjectState(undefined);
         this.currentView = this.#currentView.asObservable();

package/dist-cms/packages/core/components/index.d.ts

@@ -25,7 +25,6 @@ export * from './input-section/index.js';
 export * from './input-slider/index.js';
 export * from './input-toggle/index.js';
 export * from './input-upload-field/index.js';
-export * from './property-editor-config/index.js';
 export * from './property-type-based-property/index.js';
 export * from './ref-property-editor-ui/index.js';
 export * from './table/index.js';

package/dist-cms/packages/core/components/index.js

@@ -27,7 +27,6 @@ export * from './input-section/index.js';
 export * from './input-slider/index.js';
 export * from './input-toggle/index.js';
 export * from './input-upload-field/index.js';
-export * from './property-editor-config/index.js';
 export * from './property-type-based-property/index.js';
 export * from './ref-property-editor-ui/index.js';
 export * from './table/index.js';

package/dist-cms/packages/core/components/property-type-based-property/property-type-based-property.element.js

@@ -24,12 +24,12 @@ export let UmbPropertyTypeBasedPropertyElement = class UmbPropertyTypeBasedPrope
             this._observeDataType(this._property?.dataTypeId);
         }
     }
-    async _observeDataType(dataTypeId) {
+    async _observeDataType(dataTypeUnique) {
         this._dataTypeObserver?.destroy();
-        if (dataTypeId) {
+        if (dataTypeUnique) {
             // Its not technically needed to have await here, this is only to ensure that the data is loaded before we observe it, and thereby only updating the DOM with the latest data.
-            await this._dataTypeDetailRepository.requestById(dataTypeId);
-            this._dataTypeObserver = this.observe(await this._dataTypeDetailRepository.byId(dataTypeId), (dataType) => {
+            await this._dataTypeDetailRepository.requestByUnique(dataTypeUnique);
+            this._dataTypeObserver = this.observe(await this._dataTypeDetailRepository.byUnique(dataTypeUnique), (dataType) => {
                 this._dataTypeData = dataType?.values;
                 this._propertyEditorUiAlias = dataType?.propertyEditorUiAlias || undefined;
                 // If there is no UI, we will look up the Property editor model to find the default UI alias:

package/dist-cms/packages/core/data-type/components/index.d.ts

@@ -1,3 +1,4 @@
 import './data-type-input/data-type-input.element.js';
 import './data-type-flow-input/data-type-flow-input.element.js';
 import './ref-data-type/ref-data-type.element.js';
+import './property-editor-config/property-editor-config.element.js';

package/dist-cms/packages/core/data-type/components/index.js

@@ -1,3 +1,4 @@
 import './data-type-input/data-type-input.element.js';
 import './data-type-flow-input/data-type-flow-input.element.js';
 import './ref-data-type/ref-data-type.element.js';
+import './property-editor-config/property-editor-config.element.js';

package/dist-cms/packages/core/{components → data-type/components}/property-editor-config/property-editor-config.element.d.ts

@@ -1,4 +1,4 @@
-import { UmbLitElement } from '../../../../shared/lit-element/index.js';
+import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
 /**
  * @element umb-property-editor-config
  * @description - Element for displaying the configuration for a Property Editor based on a Property Editor UI Alias and a Property Editor Model alias.

package/dist-cms/packages/core/{components → data-type/components}/property-editor-config/property-editor-config.element.js

@@ -4,10 +4,10 @@ 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 { html, customElement, state, ifDefined, repeat } from '../../../../external/lit/index.js';
-import { UmbTextStyles } from '../../../../shared/style/index.js';
-import { UmbLitElement } from '../../../../shared/lit-element/index.js';
-import { UMB_DATA_TYPE_VARIANT_CONTEXT } from '../../data-type/index.js';
+import { html, customElement, state, ifDefined, repeat } from '../../../../../external/lit/index.js';
+import { UmbTextStyles } from '../../../../../shared/style/index.js';
+import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
+import { UMB_DATA_TYPE_VARIANT_CONTEXT } from '../../index.js';
 /**
  * @element umb-property-editor-config
  * @description - Element for displaying the configuration for a Property Editor based on a Property Editor UI Alias and a Property Editor Model alias.
@@ -32,7 +32,7 @@ export let UmbPropertyEditorConfigElement = class UmbPropertyEditorConfigElement
         }, 'observeProperties');
     }
     render() {
-        return this._properties.length > 0
+        return this._properties?.length > 0
             ? repeat(this._properties, (property) => property.alias, (property) => html `<umb-workspace-property
 							label="${property.label}"
 							description="${ifDefined(property.description)}"

package/dist-cms/packages/core/data-type/components/ref-data-type/ref-data-type.element.js

@@ -35,7 +35,7 @@ export let UmbRefDataTypeElement = class UmbRefDataTypeElement extends UmbElemen
     }
     async setDataTypeId(value) {
         if (value) {
-            this.observe((await this.repository.requestById(value)).asObservable(), (dataType) => {
+            this.observe((await this.repository.requestByUnique(value)).asObservable(), (dataType) => {
                 if (dataType) {
                     this.name = dataType.name ?? '';
                     this.propertyEditorUiAlias = dataType.propertyEditorUiAlias ?? '';

package/dist-cms/packages/core/data-type/entity-actions/create/manifests.js

@@ -1,4 +1,4 @@
-import { UMB_DATA_TYPE_ENTITY_TYPE, UMB_DATA_TYPE_FOLDER_ENTITY_TYPE, UMB_DATA_TYPE_ROOT_ENTITY_TYPE, } from '../../entity.js';
+import { UMB_DATA_TYPE_FOLDER_ENTITY_TYPE, UMB_DATA_TYPE_ROOT_ENTITY_TYPE, } from '../../entity.js';
 import { UMB_DATA_TYPE_DETAIL_REPOSITORY_ALIAS } from '../../repository/detail/manifests.js';
 import { UmbCreateDataTypeEntityAction } from './create.action.js';
 const entityActions = [
@@ -12,7 +12,7 @@ const entityActions = [
             icon: 'icon-add',
             label: 'Create...',
             repositoryAlias: UMB_DATA_TYPE_DETAIL_REPOSITORY_ALIAS,
-            entityTypes: [UMB_DATA_TYPE_ENTITY_TYPE, UMB_DATA_TYPE_ROOT_ENTITY_TYPE, UMB_DATA_TYPE_FOLDER_ENTITY_TYPE],
+            entityTypes: [UMB_DATA_TYPE_ROOT_ENTITY_TYPE, UMB_DATA_TYPE_FOLDER_ENTITY_TYPE],
         },
     },
     {

package/dist-cms/packages/core/data-type/entity-actions/manifests.js

@@ -1,10 +1,10 @@
 import { UMB_DATA_TYPE_FOLDER_ENTITY_TYPE, UMB_DATA_TYPE_ENTITY_TYPE } from '../entity.js';
 import { UMB_DATA_TYPE_DETAIL_REPOSITORY_ALIAS } from '../repository/detail/manifests.js';
+import { UMB_DATA_TYPE_FOLDER_REPOSITORY_ALIAS } from '../repository/folder/manifests.js';
 import { manifests as createManifests } from './create/manifests.js';
 import { manifests as moveManifests } from './move/manifests.js';
 import { manifests as copyManifests } from './copy/manifests.js';
 import { UmbDeleteEntityAction, UmbDeleteFolderEntityAction, UmbFolderUpdateEntityAction, } from '../../entity-action/index.js';
-import { UMB_DATA_TYPE_FOLDER_REPOSITORY_ALIAS } from '../repository/folder/manifests.js';
 const entityActions = [
     {
         type: 'entityAction',
@@ -29,7 +29,7 @@ const entityActions = [
             icon: 'icon-trash',
             label: 'Delete Folder...',
             repositoryAlias: UMB_DATA_TYPE_FOLDER_REPOSITORY_ALIAS,
-            entityTypes: [UMB_DATA_TYPE_ENTITY_TYPE, UMB_DATA_TYPE_FOLDER_ENTITY_TYPE],
+            entityTypes: [UMB_DATA_TYPE_FOLDER_ENTITY_TYPE],
         },
     },
     {
@@ -42,7 +42,7 @@ const entityActions = [
             icon: 'icon-edit',
             label: 'Rename Folder...',
             repositoryAlias: UMB_DATA_TYPE_FOLDER_REPOSITORY_ALIAS,
-            entityTypes: [UMB_DATA_TYPE_ENTITY_TYPE, UMB_DATA_TYPE_FOLDER_ENTITY_TYPE],
+            entityTypes: [UMB_DATA_TYPE_FOLDER_ENTITY_TYPE],
         },
     },
 ];

package/dist-cms/packages/core/data-type/index.d.ts

@@ -1,5 +1,5 @@
 import './components/index.js';
-export type { UmbDataTypeModel } from './models.js';
 export * from './entity.js';
 export * from './repository/index.js';
 export * from './variant-context/index.js';
+export type { UmbDataTypeDetailModel } from './types.js';

package/dist-cms/packages/core/data-type/modals/data-type-picker-flow/data-type-picker-flow-data-type-picker-modal.element.js

@@ -30,7 +30,7 @@ export let UmbDataTypePickerFlowDataTypePickerModalElement = class UmbDataTypePi
             return;
         await Promise.all(data.items.map((item) => {
             if (item.id) {
-                return dataTypeDetailRepository.requestById(item.id);
+                return dataTypeDetailRepository.requestByUnique(item.id);
             }
             return Promise.resolve();
         }));

package/dist-cms/packages/core/data-type/repository/copy/data-type-copy.repository.d.ts

@@ -1,10 +1,9 @@
-import { UmbDataTypeRepositoryBase } from '../data-type-repository-base.js';
 import type { UmbControllerHost } from '../../../../../libs/controller-api/index.js';
-import { UmbCopyRepository } from '../../../repository/index.js';
-export declare class UmbCopyDataTypeRepository extends UmbDataTypeRepositoryBase implements UmbCopyRepository {
+import { UmbCopyRepository, UmbRepositoryBase } from '../../../repository/index.js';
+export declare class UmbCopyDataTypeRepository extends UmbRepositoryBase implements UmbCopyRepository {
     #private;
     constructor(host: UmbControllerHost);
-    copy(id: string, targetId: string | null): Promise<{
+    copy(unique: string, targetUnique: string | null): Promise<{
         error: import("../../../../../external/backend-api/index.js").ApiError | import("../../../../../external/backend-api/index.js").CancelError;
         data?: undefined;
     } | {

package/dist-cms/packages/core/data-type/repository/copy/data-type-copy.repository.js

@@ -1,32 +1,41 @@
-import { UmbDataTypeRepositoryBase } from '../data-type-repository-base.js';
+import { UMB_DATA_TYPE_TREE_STORE_CONTEXT } from '../../tree/data-type.tree.store.js';
 import { UmbDataTypeDetailRepository } from '../detail/data-type-detail.repository.js';
 import { UmbDataTypeCopyServerDataSource } from './data-type-copy.server.data-source.js';
-export class UmbCopyDataTypeRepository extends UmbDataTypeRepositoryBase {
+import { UMB_NOTIFICATION_CONTEXT_TOKEN } from '../../../notification/index.js';
+import { UmbRepositoryBase } from '../../../repository/index.js';
+export class UmbCopyDataTypeRepository extends UmbRepositoryBase {
+    #init;
     #copySource;
     #detailRepository;
+    #treeStore;
+    #notificationContext;
     constructor(host) {
         super(host);
         this.#copySource = new UmbDataTypeCopyServerDataSource(this);
         this.#detailRepository = new UmbDataTypeDetailRepository(this);
+        this.#init = Promise.all([
+            this.consumeContext(UMB_DATA_TYPE_TREE_STORE_CONTEXT, (instance) => {
+                this.#treeStore = instance;
+            }).asPromise(),
+            this.consumeContext(UMB_NOTIFICATION_CONTEXT_TOKEN, (instance) => {
+                this.#notificationContext = instance;
+            }).asPromise(),
+        ]);
     }
-    async copy(id, targetId) {
-        await this._init;
-        const { data: dataTypeCopyId, error } = await this.#copySource.copy(id, targetId);
+    async copy(unique, targetUnique) {
+        await this.#init;
+        const { data: dataTypeCopyUnique, error } = await this.#copySource.copy(unique, targetUnique);
         if (error)
             return { error };
-        if (dataTypeCopyId) {
-            const { data: dataTypeCopy } = await this.#detailRepository.requestById(dataTypeCopyId);
+        if (dataTypeCopyUnique) {
+            const { data: dataTypeCopy } = await this.#detailRepository.requestByUnique(dataTypeCopyUnique);
             if (!dataTypeCopy)
                 throw new Error('Could not find copied data type');
             // TODO: Be aware about this responsibility.
-            this._treeStore.appendItems([dataTypeCopy]);
-            // only update the target if its not the root
-            if (targetId) {
-                this._treeStore.updateItem(targetId, { hasChildren: true });
-            }
+            this.#treeStore.append(dataTypeCopy);
             const notification = { data: { message: `Data type copied` } };
-            this._notificationContext.peek('positive', notification);
+            this.#notificationContext.peek('positive', notification);
         }
-        return { data: dataTypeCopyId };
+        return { data: dataTypeCopyUnique };
     }
 }

package/dist-cms/packages/core/data-type/repository/copy/data-type-copy.server.data-source.d.ts

@@ -14,10 +14,10 @@ export declare class UmbDataTypeCopyServerDataSource implements UmbCopyDataSourc
      */
     constructor(host: UmbControllerHost);
     /**
-     * Copy an item for the given id to the target id
-     * @param {Array<string>} id
+     * Copy an item for the given unique to the target unique
+     * @param {Array<string>} unique
      * @return {*}
      * @memberof UmbDataTypeCopyServerDataSource
      */
-    copy(id: string, targetId: string | null): Promise<import("../../../repository/index.js").DataSourceResponse<string>>;
+    copy(unique: string, targetUnique: string | null): Promise<import("../../../repository/index.js").DataSourceResponse<string>>;
 }

package/dist-cms/packages/core/data-type/repository/copy/data-type-copy.server.data-source.js

@@ -16,20 +16,20 @@ export class UmbDataTypeCopyServerDataSource {
         this.#host = host;
     }
     /**
-     * Copy an item for the given id to the target id
-     * @param {Array<string>} id
+     * Copy an item for the given unique to the target unique
+     * @param {Array<string>} unique
      * @return {*}
      * @memberof UmbDataTypeCopyServerDataSource
      */
-    async copy(id, targetId) {
-        if (!id)
-            throw new Error('Id is missing');
-        if (targetId === undefined)
-            throw new Error('Target Id is missing');
+    async copy(unique, targetUnique) {
+        if (!unique)
+            throw new Error('Unique is missing');
+        if (targetUnique === undefined)
+            throw new Error('Target unique is missing');
         return tryExecuteAndNotify(this.#host, DataTypeResource.postDataTypeByIdCopy({
-            id,
+            id: unique,
             requestBody: {
-                targetId,
+                targetId: targetUnique,
             },
         }));
     }

package/dist-cms/packages/core/data-type/repository/detail/data-type-detail.repository.d.ts

@@ -1,25 +1,8 @@
-import { UmbDataTypeRepositoryBase } from '../data-type-repository-base.js';
-import type { UmbDetailRepository } from '../../../repository/index.js';
+import { UmbDataTypeDetailModel } from '../../types.js';
 import { type UmbControllerHost } from '../../../../../libs/controller-api/index.js';
-import { CreateDataTypeRequestModel, DataTypeResponseModel, UpdateDataTypeRequestModel } from '../../../../../external/backend-api/index.js';
-export declare class UmbDataTypeDetailRepository extends UmbDataTypeRepositoryBase implements UmbDetailRepository<CreateDataTypeRequestModel, any, UpdateDataTypeRequestModel, DataTypeResponseModel> {
+import { UmbDetailRepositoryBase } from '../../../repository/index.js';
+export declare class UmbDataTypeDetailRepository extends UmbDetailRepositoryBase<UmbDataTypeDetailModel> {
     #private;
     constructor(host: UmbControllerHost);
-    createScaffold(parentId: string | null): Promise<import("../../../repository/index.js").DataSourceResponse<CreateDataTypeRequestModel>>;
-    requestById(id: string): Promise<{
-        data: DataTypeResponseModel | undefined;
-        error: import("../../../../../external/backend-api/index.js").ApiError | import("../../../../../external/backend-api/index.js").CancelError | undefined;
-        asObservable: () => import("rxjs").Observable<DataTypeResponseModel | undefined>;
-    }>;
-    byId(id: string): Promise<import("rxjs").Observable<DataTypeResponseModel | undefined>>;
-    byPropertyEditorUiAlias(propertyEditorUiAlias: string): Promise<import("rxjs").Observable<DataTypeResponseModel[]>>;
-    create(dataType: CreateDataTypeRequestModel): Promise<{
-        error: import("../../../../../external/backend-api/index.js").ApiError | import("../../../../../external/backend-api/index.js").CancelError | undefined;
-    }>;
-    save(id: string, updatedDataType: UpdateDataTypeRequestModel): Promise<{
-        error: import("../../../../../external/backend-api/index.js").ApiError | import("../../../../../external/backend-api/index.js").CancelError | undefined;
-    }>;
-    delete(id: string): Promise<{
-        error: import("../../../../../external/backend-api/index.js").ApiError | import("../../../../../external/backend-api/index.js").CancelError | undefined;
-    }>;
+    byPropertyEditorUiAlias(propertyEditorUiAlias: string): Promise<import("rxjs").Observable<any[]>>;
 }

package/dist-cms/packages/core/data-type/repository/detail/data-type-detail.repository.js

@@ -1,92 +1,21 @@
-import { UmbDataTypeRepositoryBase } from '../data-type-repository-base.js';
-import { createTreeItem } from '../utils.js';
 import { UmbDataTypeServerDataSource } from './data-type-detail.server.data-source.js';
-export class UmbDataTypeDetailRepository extends UmbDataTypeRepositoryBase {
-    #detailSource;
+import { UMB_DATA_TYPE_DETAIL_STORE_CONTEXT } from './data-type-detail.store.js';
+import { UmbDetailRepositoryBase } from '../../../repository/index.js';
+export class UmbDataTypeDetailRepository extends UmbDetailRepositoryBase {
+    #init;
+    #detailStore;
     constructor(host) {
-        super(host);
-        this.#detailSource = new UmbDataTypeServerDataSource(this);
-    }
-    async createScaffold(parentId) {
-        if (parentId === undefined)
-            throw new Error('Parent id is missing');
-        await this._init;
-        return this.#detailSource.createScaffold(parentId);
-    }
-    async requestById(id) {
-        if (!id)
-            throw new Error('Key is missing');
-        await this._init;
-        const { data, error } = await this.#detailSource.read(id);
-        if (data) {
-            this._detailStore.append(data);
-        }
-        return { data, error, asObservable: () => this._detailStore.byId(id) };
-    }
-    async byId(id) {
-        if (!id)
-            throw new Error('Key is missing');
-        await this._init;
-        return this._detailStore.byId(id);
+        super(host, UmbDataTypeServerDataSource, UMB_DATA_TYPE_DETAIL_STORE_CONTEXT);
+        this.#init = Promise.all([
+            this.consumeContext(UMB_DATA_TYPE_DETAIL_STORE_CONTEXT, (instance) => {
+                this.#detailStore = instance;
+            }).asPromise(),
+        ]);
     }
     async byPropertyEditorUiAlias(propertyEditorUiAlias) {
         if (!propertyEditorUiAlias)
             throw new Error('propertyEditorUiAlias is missing');
-        await this._init;
-        return this._detailStore.withPropertyEditorUiAlias(propertyEditorUiAlias);
-    }
-    async create(dataType) {
-        if (!dataType)
-            throw new Error('Data Type is missing');
-        if (!dataType.id)
-            throw new Error('Data Type id is missing');
-        await this._init;
-        const { error } = await this.#detailSource.create(dataType);
-        if (!error) {
-            // TODO: We need to push a new item to the tree store to update the tree. How do we want to create the tree items?
-            const treeItem = createTreeItem(dataType);
-            this._treeStore.appendItems([treeItem]);
-            //this.#detailStore?.append(dataType);
-            const notification = { data: { message: `Data Type created` } };
-            this._notificationContext.peek('positive', notification);
-        }
-        return { error };
-    }
-    async save(id, updatedDataType) {
-        if (!id)
-            throw new Error('Data Type id is missing');
-        if (!updatedDataType)
-            throw new Error('Data Type is missing');
-        await this._init;
-        const { error } = await this.#detailSource.update(id, updatedDataType);
-        if (!error) {
-            // TODO: we currently don't use the detail store for anything.
-            // Consider to look up the data before fetching from the server
-            // Consider notify a workspace if a template is updated in the store while someone is editing it.
-            this._detailStore.updateItem(id, updatedDataType);
-            // TODO: This is parsing on the full models to the tree and item store. Those should only contain the data they need. I don't know, at this point, if thats a repository or store responsibility.
-            this._treeStore.updateItem(id, updatedDataType);
-            this._itemStore.updateItem(id, updatedDataType);
-            const notification = { data: { message: `Data Type saved` } };
-            this._notificationContext.peek('positive', notification);
-        }
-        return { error };
-    }
-    async delete(id) {
-        if (!id)
-            throw new Error('Data Type id is missing');
-        await this._init;
-        const { error } = await this.#detailSource.delete(id);
-        if (!error) {
-            // TODO: we currently don't use the detail store for anything.
-            // Consider to look up the data before fetching from the server.
-            // Consider notify a workspace if a template is deleted from the store while someone is editing it.
-            this._detailStore.removeItem(id);
-            this._treeStore.removeItem(id);
-            this._itemStore.removeItem(id);
-            const notification = { data: { message: `Data Type deleted` } };
-            this._notificationContext.peek('positive', notification);
-        }
-        return { error };
+        await this.#init;
+        return this.#detailStore.withPropertyEditorUiAlias(propertyEditorUiAlias);
     }
 }