@umbraco-cms/backoffice 14.0.0--preview004-e91a3686 → 14.0.0--preview004-bf106bcf

package/dist-cms/packages/{settings → relations}/relation-types/workspace/views/relation/workspace-view-relation-type-relation.element.d.ts

@@ -2,12 +2,14 @@ import { UmbLitElement } from '../../../../../../shared/lit-element/index.js';
 import { RelationResponseModel } from '../../../../../../external/backend-api/index.js';
 import { UmbWorkspaceViewElement } from '../../../../../core/extension-registry/index.js';
 export declare class UmbWorkspaceViewRelationTypeRelationElement extends UmbLitElement implements UmbWorkspaceViewElement {
+    #private;
     _relations: Array<RelationResponseModel>;
+    constructor();
     private _tableConfig;
     private _tableColumns;
     private get _tableItems();
     render(): import("lit-html").TemplateResult<1>;
-    static styles: import("@lit/reactive-element/css-tag").CSSResult[];
+    static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
 }
 export default UmbWorkspaceViewRelationTypeRelationElement;
 declare global {

package/dist-cms/packages/{settings → relations}/relation-types/workspace/views/relation/workspace-view-relation-type-relation.element.js

@@ -4,14 +4,16 @@ 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_RELATION_TYPE_WORKSPACE_CONTEXT } from '../../relation-type-workspace.context.js';
 import { UmbTextStyles } from '../../../../../../shared/style/index.js';
 import { css, html, customElement, state } from '../../../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../../../shared/lit-element/index.js';
 let UmbWorkspaceViewRelationTypeRelationElement = class UmbWorkspaceViewRelationTypeRelationElement extends UmbLitElement {
+    #workspaceContext;
     constructor() {
-        super(...arguments);
+        super();
         //TODO Use real data
-        this._relations = MockData;
+        this._relations = [];
         this._tableConfig = {
             allowSelection: false,
             hideIcon: true,
@@ -34,11 +36,22 @@ let UmbWorkspaceViewRelationTypeRelationElement = class UmbWorkspaceViewRelation
                 alias: 'comment',
             },
         ];
+        this.consumeContext(UMB_RELATION_TYPE_WORKSPACE_CONTEXT, (instance) => {
+            this.#workspaceContext = instance;
+            this.#getRelations();
+        });
+    }
+    async #getRelations() {
+        if (!this.#workspaceContext) {
+            return;
+        }
+        const response = await this.#workspaceContext.getRelations();
+        this._relations = response.data?.items ?? [];
     }
     get _tableItems() {
         return this._relations.map((relation) => {
             return {
-                key: relation.parentId + '-' + relation.childId,
+                id: relation.parentId + '-' + relation.childId, // Add the missing id property
                 data: [
                     {
                         columnAlias: 'parent',
@@ -82,70 +95,4 @@ UmbWorkspaceViewRelationTypeRelationElement = __decorate([
     customElement('umb-workspace-view-relation-type-relation')
 ], UmbWorkspaceViewRelationTypeRelationElement);
 export { UmbWorkspaceViewRelationTypeRelationElement };
-const MockData = [
-    {
-        parentId: '1',
-        parentName: 'Parent 1',
-        childId: '2',
-        childName: 'Child 1',
-        createDate: '2021-01-01',
-        comment: 'Comment 1',
-    },
-    {
-        parentId: '1',
-        parentName: 'Parent 1',
-        childId: '3',
-        childName: 'Child 2',
-        createDate: '2021-01-01',
-        comment: 'Comment 2',
-    },
-    {
-        parentId: '1',
-        parentName: 'Parent 1',
-        childId: '4',
-        childName: 'Child 3',
-        createDate: '2021-01-01',
-        comment: 'Comment 3',
-    },
-    {
-        parentId: '1',
-        parentName: 'Parent 1',
-        childId: '5',
-        childName: 'Child 4',
-        createDate: '2021-01-01',
-        comment: 'Comment 4',
-    },
-    {
-        parentId: '1',
-        parentName: 'Parent 1',
-        childId: '6',
-        childName: 'Child 5',
-        createDate: '2021-01-01',
-        comment: 'Comment 5',
-    },
-    {
-        parentId: '1',
-        parentName: 'Parent 1',
-        childId: '7',
-        childName: 'Child 6',
-        createDate: '2021-01-01',
-        comment: 'Comment 6',
-    },
-    {
-        parentId: '1',
-        parentName: 'Parent 1',
-        childId: '8',
-        childName: 'Child 7',
-        createDate: '2021-01-01',
-        comment: 'Comment 7',
-    },
-    {
-        parentId: '1',
-        parentName: 'Parent 1',
-        childId: '9',
-        childName: 'Child 8',
-        createDate: '2021-01-01',
-        comment: 'Comment 8',
-    },
-];
 export default UmbWorkspaceViewRelationTypeRelationElement;

package/dist-cms/packages/{settings → relations}/relation-types/workspace/views/relation-type/relation-type-workspace-view-relation-type.element.js

@@ -59,15 +59,27 @@ let UmbRelationTypeWorkspaceViewRelationTypeElement = class UmbRelationTypeWorks
 			</uui-box>
 		`;
     }
+    #onParentObjectTypeChange(event) {
+        const value = event.target.value;
+        this.#workspaceContext?.update('parentObjectType', value);
+    }
+    #onChildObjectTypeChange(event) {
+        const value = event.target.value;
+        this.#workspaceContext?.update('childObjectType', value);
+    }
     #renderParentProperty() {
-        if (this._relationType?.id)
+        if (!this.#workspaceContext?.getIsNew() && this._relationType)
             return html `<div slot="editor">${this._relationType.parentObjectTypeName}</div>`;
-        return html `<uui-select slot="editor"></uui-select>`;
+        return html `
+			<umb-input-object-type @change=${this.#onParentObjectTypeChange} slot="editor"></umb-input-object-type>
+		`;
     }
     #renderChildProperty() {
-        if (this._relationType?.id)
-            return html `<div slot="editor">${this._relationType.parentObjectTypeName}</div>`;
-        return html `<uui-select slot="editor"></uui-select>`;
+        if (!this.#workspaceContext?.getIsNew() && this._relationType)
+            return html `<div slot="editor">${this._relationType.childObjectTypeName}</div>`;
+        return html `
+			<umb-input-object-type @change=${this.#onChildObjectTypeChange} slot="editor"></umb-input-object-type>
+		`;
     }
     static { this.styles = [
         css `

package/dist-cms/packages/relations/relations/entities.d.ts

@@ -0,0 +1 @@
+export declare const UMB_RELATION_ENTITY_TYPE = "relation";

package/dist-cms/packages/relations/relations/entities.js

@@ -0,0 +1 @@
+export const UMB_RELATION_ENTITY_TYPE = 'relation';

package/dist-cms/packages/relations/relations/index.d.ts

@@ -0,0 +1,2 @@
+export * from './repository/index.js';
+export * from './entities.js';

package/dist-cms/packages/relations/relations/index.js

@@ -0,0 +1,2 @@
+export * from './repository/index.js';
+export * from './entities.js';

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

@@ -0,0 +1 @@
+export declare const manifests: import("../../core/index.js").ManifestRepository<import("../../../libs/extension-api/index.js").UmbApi>[];

package/dist-cms/packages/relations/relations/manifests.js

@@ -0,0 +1,2 @@
+import { manifests as repositoryManifests } from './repository/manifests.js';
+export const manifests = [...repositoryManifests];

package/dist-cms/packages/relations/relations/repository/index.d.ts

@@ -0,0 +1 @@
+export * from './relation.repository.js';

package/dist-cms/packages/relations/relations/repository/index.js

@@ -0,0 +1 @@
+export * from './relation.repository.js';

package/dist-cms/packages/relations/relations/repository/manifests.d.ts

@@ -0,0 +1,3 @@
+import { ManifestRepository } from '../../../core/extension-registry/index.js';
+export declare const UMB_RELATION_REPOSITORY_ALIAS = "Umb.Repository.Relation";
+export declare const manifests: ManifestRepository<import("../../../../libs/extension-api/index.js").UmbApi>[];

package/dist-cms/packages/relations/relations/repository/manifests.js

@@ -0,0 +1,9 @@
+import { UmbRelationRepository } from './relation.repository.js';
+export const UMB_RELATION_REPOSITORY_ALIAS = 'Umb.Repository.Relation';
+const repository = {
+    type: 'repository',
+    alias: UMB_RELATION_REPOSITORY_ALIAS,
+    name: 'Relation Repository',
+    api: UmbRelationRepository,
+};
+export const manifests = [repository];

package/dist-cms/packages/relations/relations/repository/relation.repository.d.ts

@@ -0,0 +1,15 @@
+import { type UmbControllerHost } from '../../../../libs/controller-api/index.js';
+import { UmbBaseController } from '../../../../libs/class-api/index.js';
+import { UmbApi } from '../../../../libs/extension-api/index.js';
+export declare class UmbRelationRepository extends UmbBaseController implements UmbApi {
+    #private;
+    constructor(host: UmbControllerHost);
+    requestById(id: string): Promise<{
+        data: import("../../../../external/backend-api/index.js").PagedRelationResponseModel | undefined;
+        error: import("../../../../external/backend-api/index.js").ApiError | import("../../../../external/backend-api/index.js").CancelError | undefined;
+    }>;
+    requestChildRelationById(childId: string, relationTypeAlias?: string): Promise<{
+        data: import("../../../../external/backend-api/index.js").PagedRelationResponseModel | undefined;
+        error: import("../../../../external/backend-api/index.js").ApiError | import("../../../../external/backend-api/index.js").CancelError | undefined;
+    }>;
+}

package/dist-cms/packages/relations/relations/repository/relation.repository.js

@@ -0,0 +1,38 @@
+import { UmbRelationServerDataSource } from './sources/relation.server.data.js';
+import { UmbBaseController } from '../../../../libs/class-api/index.js';
+import { UMB_NOTIFICATION_CONTEXT_TOKEN } from '../../../core/notification/index.js';
+export class UmbRelationRepository extends UmbBaseController {
+    #init;
+    #detailDataSource;
+    #notificationContext;
+    constructor(host) {
+        super(host);
+        // TODO: figure out how spin up get the correct data source
+        this.#detailDataSource = new UmbRelationServerDataSource(this._host);
+        this.#init = Promise.all([
+            this.consumeContext(UMB_NOTIFICATION_CONTEXT_TOKEN, (instance) => {
+                this.#notificationContext = instance;
+            }).asPromise(),
+        ]);
+    }
+    async requestById(id) {
+        await this.#init;
+        // TODO: should we show a notification if the id is missing?
+        // Investigate what is best for Acceptance testing, cause in that perspective a thrown error might be the best choice?
+        if (!id) {
+            throw new Error('Id is missing');
+        }
+        const { data, error } = await this.#detailDataSource.read(id);
+        return { data, error };
+    }
+    async requestChildRelationById(childId, relationTypeAlias) {
+        await this.#init;
+        // TODO: should we show a notification if the id is missing?
+        // Investigate what is best for Acceptance testing, cause in that perspective a thrown error might be the best choice?
+        if (!childId) {
+            throw new Error('Id is missing');
+        }
+        const { data, error } = await this.#detailDataSource.readChildRelations(childId, relationTypeAlias);
+        return { data, error };
+    }
+}

package/dist-cms/packages/relations/relations/repository/sources/relation.server.data.d.ts

@@ -0,0 +1,30 @@
+import type { UmbControllerHost } from '../../../../../libs/controller-api/index.js';
+/**
+ * A data source for the Relation that fetches data from the server
+ * @export
+ * @class UmbRelationServerDataSource
+ * @implements {RepositoryDetailDataSource}
+ */
+export declare class UmbRelationServerDataSource {
+    #private;
+    /**
+     * Creates an instance of UmbRelationServerDataSource.
+     * @param {UmbControllerHost} host
+     * @memberof UmbRelationServerDataSource
+     */
+    constructor(host: UmbControllerHost);
+    /**
+     * Fetches relations by the given id from the server
+     * @param {string} id
+     * @return {*}
+     * @memberof UmbRelationServerDataSource
+     */
+    read(id: string): Promise<import("../../../../core/repository/index.js").DataSourceResponse<import("../../../../../external/backend-api/index.js").PagedRelationResponseModel>>;
+    /**
+     * Fetches relations by the given id from the server
+     * @param {string} childId
+     * @return {*}
+     * @memberof UmbRelationServerDataSource
+     */
+    readChildRelations(childId: string, relationTypeAlias?: string): Promise<import("../../../../core/repository/index.js").DataSourceResponse<import("../../../../../external/backend-api/index.js").PagedRelationResponseModel>>;
+}

package/dist-cms/packages/relations/relations/repository/sources/relation.server.data.js

@@ -0,0 +1,48 @@
+import { RelationResource } from '../../../../../external/backend-api/index.js';
+import { tryExecuteAndNotify } from '../../../../../shared/resources/index.js';
+/**
+ * A data source for the Relation that fetches data from the server
+ * @export
+ * @class UmbRelationServerDataSource
+ * @implements {RepositoryDetailDataSource}
+ */
+export class UmbRelationServerDataSource {
+    #host;
+    /**
+     * Creates an instance of UmbRelationServerDataSource.
+     * @param {UmbControllerHost} host
+     * @memberof UmbRelationServerDataSource
+     */
+    constructor(host) {
+        this.#host = host;
+    }
+    /**
+     * Fetches relations by the given id from the server
+     * @param {string} id
+     * @return {*}
+     * @memberof UmbRelationServerDataSource
+     */
+    async read(id) {
+        if (!id) {
+            throw new Error('Id is missing');
+        }
+        return tryExecuteAndNotify(this.#host, RelationResource.getRelationTypeById({
+            id,
+        }));
+    }
+    /**
+     * Fetches relations by the given id from the server
+     * @param {string} childId
+     * @return {*}
+     * @memberof UmbRelationServerDataSource
+     */
+    async readChildRelations(childId, relationTypeAlias) {
+        if (!childId) {
+            throw new Error('Id is missing');
+        }
+        return tryExecuteAndNotify(this.#host, RelationResource.getRelationChildRelationByChildId({
+            childId,
+            relationTypeAlias,
+        }));
+    }
+}

package/dist-cms/packages/relations/umbraco-package.d.ts

@@ -0,0 +1,7 @@
+export declare const name = "Umbraco.Core.Relations";
+export declare const extensions: {
+    name: string;
+    alias: string;
+    type: string;
+    js: () => Promise<typeof import("./manifests.js")>;
+}[];

package/dist-cms/packages/relations/umbraco-package.js

@@ -0,0 +1,9 @@
+export const name = 'Umbraco.Core.Relations';
+export const extensions = [
+    {
+        name: 'Relations Bundle',
+        alias: 'Umb.Bundle.Relations',
+        type: 'bundle',
+        js: () => import('./manifests.js'),
+    },
+];

package/dist-cms/packages/settings/manifests.js

@@ -1,14 +1,12 @@
 import { manifests as dashboardManifests } from './dashboards/manifests.js';
 import { manifests as extensionManifests } from './extensions/manifests.js';
 import { manifests as languageManifests } from './languages/manifests.js';
-import { manifests as relationTypeManifests } from './relation-types/manifests.js';
 import { manifests as settingsMenuManifests } from './menu.manifests.js';
 import { manifests as settingsSectionManifests } from './section.manifests.js';
 export const manifests = [
     ...dashboardManifests,
     ...extensionManifests,
     ...languageManifests,
-    ...relationTypeManifests,
     ...settingsMenuManifests,
     ...settingsSectionManifests,
 ];