@umbraco-cms/backoffice 15.3.0 → 15.4.0-rc

package/dist-cms/packages/core/workspace/components/workspace-action-menu/workspace-action-menu.element.js

@@ -22,30 +22,28 @@ let UmbWorkspaceActionMenuElement = class UmbWorkspaceActionMenuElement extends
         this._popoverOpen = event.newState === 'open';
     }
     render() {
-        return this.items?.length
-            ? html `
-					<uui-button
-						id="popover-trigger"
-						popovertarget="workspace-action-popover"
-						look="${this.look}"
-						color="${this.color}"
-						label=${this.localize.term('visuallyHiddenTexts_tabExpand')}
-						compact>
-						<uui-symbol-expand id="expand-symbol" .open=${this._popoverOpen}></uui-symbol-expand>
-					</uui-button>
-					<uui-popover-container
-						id="workspace-action-popover"
-						margin="6"
-						placement="top-end"
-						@toggle=${this.#onPopoverToggle}>
-						<umb-popover-layout>
-							<uui-scroll-container>
-								${repeat(this.items, (ext) => ext.alias, (ext) => ext.component)}
-							</uui-scroll-container>
-						</umb-popover-layout>
-					</uui-popover-container>
-				`
-            : nothing;
+        if (!this.items?.length)
+            return nothing;
+        return html `<uui-button
+				id="popover-trigger"
+				popovertarget="workspace-action-popover"
+				look="${this.look}"
+				color="${this.color}"
+				label=${this.localize.term('visuallyHiddenTexts_tabExpand')}
+				compact>
+				<uui-symbol-expand id="expand-symbol" .open=${this._popoverOpen}></uui-symbol-expand>
+			</uui-button>
+			<uui-popover-container
+				id="workspace-action-popover"
+				margin="6"
+				placement="top-end"
+				@toggle=${this.#onPopoverToggle}>
+				<umb-popover-layout>
+					<uui-scroll-container>
+						${repeat(this.items, (ext) => ext.alias, (ext) => ext.component)}
+					</uui-scroll-container>
+				</umb-popover-layout>
+			</uui-popover-container>`;
     }
     static { this.styles = [
         UmbTextStyles,

package/dist-cms/packages/core/workspace/components/workspace-editor/workspace-editor.element.js

@@ -4,12 +4,12 @@ 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_WORKSPACE_VIEW_PATH_PATTERN } from '../../paths.js';
 import { css, customElement, html, nothing, property, repeat, state, when } from '../../../../../external/lit/index.js';
 import { createExtensionElement, UmbExtensionsManifestInitializer } from '../../../../../libs/extension-api/index.js';
 import { umbExtensionsRegistry } from '../../../extension-registry/index.js';
 import { UmbLitElement } from '../../../lit-element/index.js';
 import { UmbTextStyles } from '../../../style/index.js';
-import { UMB_WORKSPACE_VIEW_PATH_PATTERN } from '../../index.js';
 /**
  * @element umb-workspace-editor
  * @description
@@ -50,7 +50,7 @@ let UmbWorkspaceEditorElement = class UmbWorkspaceEditorElement extends UmbLitEl
                 };
             });
             // Duplicate first workspace and use it for the empty path scenario. [NL]
-            newRoutes.push({ ...newRoutes[0], path: '' });
+            newRoutes.push({ ...newRoutes[0], unique: newRoutes[0].path, path: '' });
             newRoutes.push({
                 path: `**`,
                 component: async () => (await import('../../../router/index.js')).UmbRouteNotFoundElement,

package/dist-cms/packages/core/workspace/components/workspace-split-view/workspace-split-view-variant-selector.element.js

@@ -281,7 +281,7 @@ let UmbWorkspaceSplitViewVariantSelectorElement = class UmbWorkspaceSplitViewVar
 				border: 1px solid var(--uui-color-border);
 				border-radius: var(--uui-border-radius);
 				width: 100%;
-				height: 100%;
+				height: auto;
 				box-sizing: border-box;
 				box-shadow: var(--uui-shadow-depth-3);
 			}

package/dist-cms/packages/core/workspace/components/workspace-split-view/workspace-split-view.context.js

@@ -5,6 +5,8 @@ import { UmbNumberState } from '../../../../../libs/observable-api/index.js';
 import { UmbVariantId } from '../../../variant/index.js';
 import { UMB_MARK_ATTRIBUTE_NAME } from '../../../const/index.js';
 export class UmbWorkspaceSplitViewContext extends UmbContextBase {
+    //
+    #variantVariantValidationContext;
     #workspaceContext;
     getWorkspaceContext() {
         return this.#workspaceContext;
@@ -32,10 +34,18 @@ export class UmbWorkspaceSplitViewContext extends UmbContextBase {
         if (index === undefined)
             return;
         this.observe(this.#workspaceContext.splitView.activeVariantByIndex(index), async (activeVariantInfo) => {
+            if (this.#variantVariantValidationContext) {
+                this.#variantVariantValidationContext.unprovide();
+            }
             if (!activeVariantInfo)
                 return;
             this.#datasetContext?.destroy();
             const variantId = UmbVariantId.Create(activeVariantInfo);
+            const validationContext = this.#workspaceContext?.getVariantValidationContext(variantId);
+            if (validationContext) {
+                validationContext.provideAt(this);
+                this.#variantVariantValidationContext = validationContext;
+            }
             this.#datasetContext = this.#workspaceContext?.createPropertyDatasetContext(this, variantId);
             this.getHostElement().setAttribute(UMB_MARK_ATTRIBUTE_NAME, 'workspace-split-view:' + variantId.toString());
         }, '_observeActiveVariant');

package/dist-cms/packages/core/workspace/contexts/tokens/variant-dataset-workspace-context.interface.d.ts

@@ -4,6 +4,7 @@ import type { UmbSubmittableWorkspaceContext } from './submittable-workspace-con
 import type { Observable } from '../../../../../external/rxjs/index.js';
 import type { UmbVariantId, UmbEntityVariantModel, UmbEntityVariantOptionModel } from '../../../variant/index.js';
 import type { UmbControllerHost } from '../../../../../libs/controller-api/index.js';
+import type { UmbValidationController } from '../../../validation/index.js';
 export interface UmbVariantDatasetWorkspaceContext<VariantType extends UmbEntityVariantModel = UmbEntityVariantModel> extends UmbSubmittableWorkspaceContext {
     getName(variantId?: UmbVariantId): string | undefined;
     setName(name: string, variantId?: UmbVariantId): void;
@@ -16,4 +17,5 @@ export interface UmbVariantDatasetWorkspaceContext<VariantType extends UmbEntity
     getPropertyValue<ReturnValue = unknown>(alias: string, variantId?: UmbVariantId): ReturnValue | undefined;
     setPropertyValue(alias: string, value: unknown, variantId?: UmbVariantId): Promise<void>;
     createPropertyDatasetContext(host: UmbControllerHost, variantId?: UmbVariantId): UmbPropertyDatasetContext;
+    getVariantValidationContext(variantId: UmbVariantId): UmbValidationController | undefined;
 }

package/dist-cms/packages/core/workspace/entity-detail/entity-detail-workspace-base.d.ts

@@ -117,6 +117,7 @@ export declare abstract class UmbEntityDetailWorkspaceContextBase<DetailModelTyp
      * Check if there are unpersisted changes.
      * @returns { boolean } true if there are unpersisted changes.
      */
+    getHasUnpersistedChanges(): boolean;
     protected _getHasUnpersistedChanges(): boolean;
     resetState(): void;
     protected readonly _workspaceEventUnique: string;

package/dist-cms/packages/core/workspace/entity-detail/entity-detail-workspace-base.js

@@ -7,7 +7,7 @@ import { UmbObjectState } from '../../../../libs/observable-api/index.js';
 import { UmbEntityUpdatedEvent, UmbRequestReloadChildrenOfEntityEvent, UmbRequestReloadStructureForEntityEvent, } from '../../entity-action/index.js';
 import { UmbExtensionApiInitializer } from '../../../../libs/extension-api/index.js';
 import { umbExtensionsRegistry } from '../../extension-registry/index.js';
-import { UmbStateManager } from '../../utils/index.js';
+import { UmbDeprecation, UmbStateManager } from '../../utils/index.js';
 import { UmbValidationContext } from '../../validation/index.js';
 import { UmbId } from '../../id/index.js';
 const LOADING_STATE_UNIQUE = 'umbLoadingEntityDetail';
@@ -68,13 +68,7 @@ export class UmbEntityDetailWorkspaceContextBase extends UmbSubmittableWorkspace
             if (this.#allowNavigateAway) {
                 return true;
             }
-            /* TODO: temp removal of discard changes in workspace modals.
-             The modal closes before the discard changes dialog is resolved.*/
-            // TODO: I think this can go away now???
-            if (newUrl.includes('/modal/umb-modal-workspace/')) {
-                return true;
-            }
-            if (this._checkWillNavigateAway(newUrl) && this._getHasUnpersistedChanges()) {
+            if (this._checkWillNavigateAway(newUrl) && this.getHasUnpersistedChanges()) {
                 /* Since ours modals are async while events are synchronous, we need to prevent the default behavior of the event, even if the modal hasn’t been resolved yet.
                 Once the modal is resolved (the user accepted to discard the changes and navigate away from the route), we will push a new history state.
                 This push will make the "willchangestate" event happen again and due to this somewhat "backward" behavior,
@@ -111,10 +105,10 @@ export class UmbEntityDetailWorkspaceContextBase extends UmbSubmittableWorkspace
                 return;
             this.reload();
         };
+        this.addValidationContext(this.validationContext);
         this.#entityContext.setEntityType(args.entityType);
         window.addEventListener('willchangestate', this.#onWillNavigate);
         this.#observeRepository(args.detailRepositoryAlias);
-        this.addValidationContext(this.validationContext);
         this.consumeContext(UMB_ACTION_EVENT_CONTEXT, (context) => {
             this.#eventContext = context;
             this.#eventContext.removeEventListener(UmbEntityUpdatedEvent.TYPE, this.#onEntityUpdatedEvent);
@@ -180,6 +174,7 @@ export class UmbEntityDetailWorkspaceContextBase extends UmbSubmittableWorkspace
             return (await this._getDataPromise);
         }
         this.resetState();
+        this.setIsNew(false);
         this.#entityContext.setUnique(unique);
         this.loading.addState({ unique: LOADING_STATE_UNIQUE, message: `Loading ${this.getEntityType()} Details` });
         await this.#init;
@@ -189,7 +184,6 @@ export class UmbEntityDetailWorkspaceContextBase extends UmbSubmittableWorkspace
         if (data) {
             this._data.setPersisted(data);
             this._data.setCurrent(data);
-            this.setIsNew(false);
             this.observe(response.asObservable(), (entity) => this.#onDetailStoreChange(entity), 'umbEntityDetailTypeStoreObserver');
         }
         this.loading.removeState(LOADING_STATE_UNIQUE);
@@ -240,8 +234,8 @@ export class UmbEntityDetailWorkspaceContextBase extends UmbSubmittableWorkspace
                 // Notice if the preset comes with values, they will overwrite the scaffolded values... [NL]
                 data = { ...data, ...this.modalContext.data.preset };
             }
-            this.#entityContext.setUnique(data.unique);
             this.setIsNew(true);
+            this.#entityContext.setUnique(data.unique);
             this._data.setPersisted(data);
             this._data.setCurrent(data);
         }
@@ -333,9 +327,18 @@ export class UmbEntityDetailWorkspaceContextBase extends UmbSubmittableWorkspace
      * Check if there are unpersisted changes.
      * @returns { boolean } true if there are unpersisted changes.
      */
-    _getHasUnpersistedChanges() {
+    getHasUnpersistedChanges() {
         return this._data.getHasUnpersistedChanges();
     }
+    // @deprecated use getHasUnpersistedChanges instead, will be removed in v17.0
+    _getHasUnpersistedChanges() {
+        new UmbDeprecation({
+            removeInVersion: '17',
+            deprecated: '_getHasUnpersistedChanges',
+            solution: 'use public getHasUnpersistedChanges instead.',
+        }).warn();
+        return this.getHasUnpersistedChanges();
+    }
     resetState() {
         super.resetState();
         this.loading.clear();

package/dist-cms/packages/core/workspace/info-app/global-components/workspace-info-app-layout.element.js

@@ -11,7 +11,9 @@ let UmbWorkspaceInfoAppLayoutElement = class UmbWorkspaceInfoAppLayoutElement ex
         return html `
 			<uui-box headline=${ifDefined(this.headline ? this.localize.string(this.headline) : undefined)}>
 				<slot name="header-actions" slot="header-actions"></slot>
-				<slot></slot>
+				<div id="container">
+					<slot></slot>
+				</div>
 			</uui-box>
 		`;
     }
@@ -20,6 +22,10 @@ let UmbWorkspaceInfoAppLayoutElement = class UmbWorkspaceInfoAppLayoutElement ex
 			uui-box {
 				--uui-box-default-padding: 0;
 			}
+
+			#container {
+				padding-left: var(--uui-size-space-4)
+			}
 		`,
     ]; }
 };

package/dist-cms/packages/core/workspace/info-app/workspace-info-app.extension.d.ts

@@ -2,9 +2,9 @@ import type { ManifestElement, ManifestWithDynamicConditions } from '../../../..
 export interface UmbWorkspaceInfoAppElement extends HTMLElement {
     manifest?: ManifestWorkspaceInfoApp;
 }
-export interface ManifestWorkspaceInfoApp extends ManifestElement<UmbWorkspaceInfoAppElement>, ManifestWithDynamicConditions<UmbExtensionConditionConfig> {
+export interface ManifestWorkspaceInfoApp<MetaType extends MetaWorkspaceInfoApp = MetaWorkspaceInfoApp> extends ManifestElement<UmbWorkspaceInfoAppElement>, ManifestWithDynamicConditions<UmbExtensionConditionConfig> {
     type: 'workspaceInfoApp';
-    meta: MetaWorkspaceInfoApp;
+    meta: MetaType;
 }
 export interface MetaWorkspaceInfoApp {
 }

package/dist-cms/packages/core/workspace/modals/workspace-modal.element.d.ts

@@ -2,7 +2,9 @@ import type { CSSResultGroup } from '../../../../external/lit/index.js';
 import type { UmbWorkspaceModalData } from '../index.js';
 import { UmbLitElement } from '../../lit-element/index.js';
 export declare class UmbWorkspaceModalElement extends UmbLitElement {
-    data?: UmbWorkspaceModalData;
+    get data(): UmbWorkspaceModalData | undefined;
+    set data(value: UmbWorkspaceModalData | undefined);
+    private _data?;
     /**
      * TODO: Consider if this binding and events integration is the right for communicating back the modal handler. Or if we should go with some Context API. like a Modal Context API.
      *

package/dist-cms/packages/core/workspace/modals/workspace-modal.element.js

@@ -8,6 +8,22 @@ import { UmbTextStyles } from '../../style/index.js';
 import { css, html, customElement, property } from '../../../../external/lit/index.js';
 import { UmbLitElement } from '../../lit-element/index.js';
 let UmbWorkspaceModalElement = class UmbWorkspaceModalElement extends UmbLitElement {
+    get data() {
+        return this._data;
+    }
+    set data(value) {
+        this._data = value;
+        if (value?.inheritValidationLook) {
+            // Do nothing.
+        }
+        else {
+            const elementStyle = this.style;
+            elementStyle.setProperty('--uui-color-invalid', 'var(--uui-color-danger)');
+            elementStyle.setProperty('--uui-color-invalid-emphasis', 'var(--uui-color-danger-emphasis)');
+            elementStyle.setProperty('--uui-color-invalid-standalone', 'var(--uui-color-danger-standalone)');
+            elementStyle.setProperty('--uui-color-invalid-contrast', 'var(--uui-color-danger-contrast)');
+        }
+    }
     /**
      * TODO: Consider if this binding and events integration is the right for communicating back the modal handler. Or if we should go with some Context API. like a Modal Context API.
      *
@@ -27,7 +43,7 @@ let UmbWorkspaceModalElement = class UmbWorkspaceModalElement extends UmbLitElem
 };
 __decorate([
     property({ attribute: false })
-], UmbWorkspaceModalElement.prototype, "data", void 0);
+], UmbWorkspaceModalElement.prototype, "data", null);
 UmbWorkspaceModalElement = __decorate([
     customElement('umb-workspace-modal')
 ], UmbWorkspaceModalElement);

package/dist-cms/packages/core/workspace/modals/workspace-modal.token.d.ts

@@ -3,6 +3,7 @@ export interface UmbWorkspaceModalData<DataModelType = unknown> {
     entityType: string;
     preset: Partial<DataModelType>;
     baseDataPath?: string;
+    inheritValidationLook?: boolean;
 }
 export type UmbWorkspaceModalValue = {
     unique: string;

package/dist-cms/packages/core/workspace/submittable/submittable-workspace-context-base.d.ts

@@ -29,13 +29,13 @@ export declare abstract class UmbSubmittableWorkspaceContextBase<WorkspaceDataMo
      */
     validate(): Promise<Array<void>>;
     requestSubmit(): Promise<void>;
-    validateAndSubmit(onValid: () => Promise<void>, onInvalid: () => Promise<void>): Promise<void>;
+    validateAndSubmit(onValid: () => Promise<void>, onInvalid: (reason?: any) => Promise<void>): Promise<void>;
     protected _closeModal(): void;
     abstract getUnique(): string | null | undefined;
     abstract getEntityType(): string;
     abstract getData(): WorkspaceDataModelType | undefined;
     protected abstract submit(): Promise<void>;
-    protected invalidSubmit(): Promise<void>;
+    protected invalidSubmit(reason?: any): Promise<void>;
 }
 export declare abstract class UmbEditableWorkspaceContextBase<WorkspaceDataModelType> extends UmbSubmittableWorkspaceContextBase<WorkspaceDataModelType> {
 }

package/dist-cms/packages/core/workspace/submittable/submittable-workspace-context-base.js

@@ -29,13 +29,10 @@ export class UmbSubmittableWorkspaceContextBase extends UmbContextBase {
         this.#isNew = new UmbBooleanState(undefined);
         this.isNew = this.#isNew.asObservable();
         this.routes = new UmbWorkspaceRouteManager(this);
-        this.#rejectSubmit = ( /*error: any*/) => {
-            /*if (error) {
-                throw new Error(error);
-            }*/
+        this.#rejectSubmit = (error) => {
             if (this.#submitPromise) {
                 // TODO: Capture the validation contexts messages on open, and then reset to them in this case. [NL]
-                this.#submitReject?.();
+                this.#submitReject?.(error);
                 this.#submitPromise = undefined;
                 this.#submitResolve = undefined;
                 this.#submitReject = undefined;
@@ -76,10 +73,10 @@ export class UmbSubmittableWorkspaceContextBase extends UmbContextBase {
      * @returns Promise that resolves to void when the validation is complete.
      */
     async validate() {
-        return Promise.all(this.#validationContexts.map((context) => context.validate()));
+        return await Promise.all(this.#validationContexts.map((context) => context.validate()));
     }
     async requestSubmit() {
-        return this.validateAndSubmit(() => this.submit(), () => this.invalidSubmit());
+        return this.validateAndSubmit(() => this.submit(), (reason) => this.invalidSubmit(reason));
     }
     async validateAndSubmit(onValid, onInvalid) {
         if (this.#submitPromise) {
@@ -91,15 +88,12 @@ export class UmbSubmittableWorkspaceContextBase extends UmbContextBase {
         });
         this.validate().then(async () => {
             onValid().then(this.#completeSubmit, this.#rejectSubmit);
-        }, async ( /*error*/) => {
-            /*if (error) {
-                throw new Error(error);
-            }*/
+        }, async (error) => {
             // TODO: Implement developer-mode logging here. [NL]
             console.warn('Validation failed because of these validation messages still begin present: ', this.#validationContexts.flatMap((x) => x.messages.getMessages()));
-            onInvalid().then(this.#resolveSubmit, this.#rejectSubmit);
+            onInvalid(error).then(this.#resolveSubmit, this.#rejectSubmit);
         });
-        return this.#submitPromise;
+        return await this.#submitPromise;
     }
     #rejectSubmit;
     #resolveSubmit;
@@ -110,8 +104,8 @@ export class UmbSubmittableWorkspaceContextBase extends UmbContextBase {
             this.modalContext?.submit();
         }
     }
-    invalidSubmit() {
-        return Promise.reject();
+    invalidSubmit(reason) {
+        return Promise.reject(reason);
     }
 }
 /*

package/dist-cms/packages/data-type/components/data-type-flow-input/data-type-flow-input.element.d.ts

@@ -1,6 +1,6 @@
 import { type PropertyValueMap } from '../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../core/lit-element/index.js';
-declare const UmbInputDataTypeElement_base: import("../../../../libs/extension-api/index.js").HTMLElementConstructor<import("../../../core/validation/index.js").UmbFormControlMixinElement<FormData | FormDataEntryValue>> & typeof UmbLitElement;
+declare const UmbInputDataTypeElement_base: import("../../../../libs/extension-api/index.js").HTMLElementConstructor<import("../../../core/validation/index.js").UmbFormControlMixinElement<FormDataEntryValue | FormData>> & typeof UmbLitElement;
 /**
  * Form control for picking or creating a data type.
  * @element umb-data-type-flow-input

package/dist-cms/packages/data-type/components/data-type-flow-input/data-type-flow-input.element.js

@@ -98,9 +98,9 @@ let UmbInputDataTypeElement = class UmbInputDataTypeElement extends UmbFormContr
 				--uui-button-padding-bottom-factor: 4;
 			}
 			:host(:invalid:not([pristine])) #empty-state-button {
-				--uui-button-border-color: var(--uui-color-danger);
+				--uui-button-border-color: var(--uui-color-invalid);
 				--uui-button-border-width: 2px;
-				--uui-button-contrast: var(--uui-color-danger);
+				--uui-button-contrast: var(--uui-color-invalid);
 			}
 		`,
     ]; }

package/dist-cms/packages/data-type/components/data-type-input/data-type-input.element.d.ts

@@ -1,5 +1,5 @@
 import { UmbLitElement } from '../../../core/lit-element/index.js';
-declare const UmbDataTypeInputElement_base: (new (...args: any[]) => import("@umbraco-ui/uui-base").UUIFormControlMixinElement<FormData | FormDataEntryValue>) & typeof UmbLitElement;
+declare const UmbDataTypeInputElement_base: (new (...args: any[]) => import("@umbraco-ui/uui-base").UUIFormControlMixinElement<FormDataEntryValue | FormData>) & typeof UmbLitElement;
 export declare class UmbDataTypeInputElement extends UmbDataTypeInputElement_base {
     #private;
     /**

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

@@ -1,17 +1,18 @@
-import { UMB_DATA_TYPE_ENTITY_TYPE, UMB_DATA_TYPE_ITEM_REPOSITORY_ALIAS, UMB_DATA_TYPE_DETAIL_REPOSITORY_ALIAS, } from '../constants.js';
+import { UMB_DATA_TYPE_ENTITY_TYPE, UMB_DATA_TYPE_ITEM_REPOSITORY_ALIAS, UMB_DATA_TYPE_DETAIL_REPOSITORY_ALIAS, UMB_DATA_TYPE_REFERENCE_REPOSITORY_ALIAS, } from '../constants.js';
 import { manifests as createManifests } from './create/manifests.js';
 import { manifests as moveManifests } from './move-to/manifests.js';
 import { manifests as duplicateManifests } from './duplicate/manifests.js';
 export const manifests = [
     {
         type: 'entityAction',
-        kind: 'delete',
+        kind: 'deleteWithRelation',
         alias: 'Umb.EntityAction.DataType.Delete',
         name: 'Delete Data Type Entity Action',
         forEntityTypes: [UMB_DATA_TYPE_ENTITY_TYPE],
         meta: {
             detailRepositoryAlias: UMB_DATA_TYPE_DETAIL_REPOSITORY_ALIAS,
             itemRepositoryAlias: UMB_DATA_TYPE_ITEM_REPOSITORY_ALIAS,
+            referenceRepositoryAlias: UMB_DATA_TYPE_REFERENCE_REPOSITORY_ALIAS,
         },
     },
     ...createManifests,

package/dist-cms/packages/data-type/manifests.js

@@ -3,6 +3,7 @@ import { manifests as dataTypeRootManifest } from './data-type-root/manifests.js
 import { manifests as entityActions } from './entity-actions/manifests.js';
 import { manifests as menuManifests } from './menu/manifests.js';
 import { manifests as modalManifests } from './modals/manifests.js';
+import { manifests as referenceManifests } from './reference/manifests.js';
 import { manifests as repositoryManifests } from './repository/manifests.js';
 import { manifests as searchProviderManifests } from './search/manifests.js';
 import { manifests as treeManifests } from './tree/manifests.js';
@@ -13,6 +14,7 @@ export const manifests = [
     ...entityActions,
     ...menuManifests,
     ...modalManifests,
+    ...referenceManifests,
     ...repositoryManifests,
     ...searchProviderManifests,
     ...treeManifests,

package/dist-cms/packages/data-type/reference/info-app/manifests.d.ts

@@ -0,0 +1 @@
+export declare const manifests: Array<UmbExtensionManifest>;

package/dist-cms/packages/data-type/reference/info-app/manifests.js

@@ -0,0 +1,20 @@
+import { UMB_DATA_TYPE_WORKSPACE_ALIAS } from '../../workspace/constants.js';
+import { UMB_DATA_TYPE_REFERENCE_REPOSITORY_ALIAS } from '../constants.js';
+import { UMB_WORKSPACE_CONDITION_ALIAS } from '../../../core/workspace/index.js';
+export const manifests = [
+    {
+        type: 'workspaceInfoApp',
+        kind: 'entityReferences',
+        name: 'Data Type References Workspace Info App',
+        alias: 'Umb.WorkspaceInfoApp.DataType.References',
+        conditions: [
+            {
+                alias: UMB_WORKSPACE_CONDITION_ALIAS,
+                match: UMB_DATA_TYPE_WORKSPACE_ALIAS,
+            },
+        ],
+        meta: {
+            referenceRepositoryAlias: UMB_DATA_TYPE_REFERENCE_REPOSITORY_ALIAS,
+        },
+    },
+];

package/dist-cms/packages/data-type/reference/manifests.js

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

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

@@ -1,18 +1,10 @@
-import { UmbControllerBase } from '../../../../libs/class-api/index.js';
 import type { UmbControllerHost } from '../../../../libs/controller-api/index.js';
-export type UmbDataTypeReferenceModel = {
-    unique: string;
-    entityType: string | null;
-    name: string | null;
-    icon: string | null;
-    properties: Array<{
-        name: string;
-        alias: string;
-    }>;
-};
-export declare class UmbDataTypeReferenceRepository extends UmbControllerBase {
+import { UmbControllerBase } from '../../../../libs/class-api/index.js';
+import type { UmbEntityReferenceRepository } from '../../../relations/relations/index.js';
+export declare class UmbDataTypeReferenceRepository extends UmbControllerBase implements UmbEntityReferenceRepository {
     #private;
     constructor(host: UmbControllerHost);
-    requestReferencedBy(unique: string): Promise<UmbDataTypeReferenceModel[] | undefined>;
+    requestReferencedBy(unique: string, skip?: number, take?: number): Promise<import("../../../core/repository/index.js").UmbDataSourceResponse<import("../../../core/repository/index.js").UmbPagedModel<import("../../../relations/relations/index.js").UmbReferenceItemModel>>>;
+    requestAreReferenced(uniques: Array<string>, skip?: number, take?: number): Promise<import("../../../core/repository/index.js").UmbDataSourceResponse<import("../../../core/repository/index.js").UmbPagedModel<import("../../../core/entity/index.js").UmbEntityModel>>>;
 }
 export default UmbDataTypeReferenceRepository;

package/dist-cms/packages/data-type/reference/repository/data-type-reference.repository.js

@@ -6,22 +6,15 @@ export class UmbDataTypeReferenceRepository extends UmbControllerBase {
         super(host);
         this.#referenceSource = new UmbDataTypeReferenceServerDataSource(this);
     }
-    async requestReferencedBy(unique) {
+    async requestReferencedBy(unique, skip = 0, take = 20) {
         if (!unique)
             throw new Error(`unique is required`);
-        const { data } = await this.#referenceSource.getReferencedBy(unique);
-        if (!data)
-            return;
-        return data.map(mapper);
+        return this.#referenceSource.getReferencedBy(unique, skip, take);
+    }
+    async requestAreReferenced(uniques, skip = 0, take = 20) {
+        if (!uniques || uniques.length === 0)
+            throw new Error(`uniques is required`);
+        return this.#referenceSource.getAreReferenced(uniques, skip, take);
     }
 }
-const mapper = (item) => {
-    return {
-        unique: item.contentType.id,
-        entityType: item.contentType.type,
-        name: item.contentType.name,
-        icon: item.contentType.icon,
-        properties: item.properties,
-    };
-};
 export default UmbDataTypeReferenceRepository;

package/dist-cms/packages/data-type/reference/repository/data-type-reference.server.data.d.ts

@@ -1,21 +1,29 @@
-import type { UmbControllerHost } from '../../../../libs/controller-api/index.js';
+import { UmbControllerBase } from '../../../../libs/class-api/index.js';
+import type { UmbEntityModel } from '../../../core/entity/index.js';
+import type { UmbEntityReferenceDataSource, UmbReferenceItemModel } from '../../../relations/relations/index.js';
+import type { UmbPagedModel, UmbDataSourceResponse } from '../../../core/repository/index.js';
 /**
  * @class UmbDataTypeReferenceServerDataSource
- * @implements {RepositoryDetailDataSource}
+ * @implements {UmbEntityReferenceDataSource}
  */
-export declare class UmbDataTypeReferenceServerDataSource {
+export declare class UmbDataTypeReferenceServerDataSource extends UmbControllerBase implements UmbEntityReferenceDataSource {
     #private;
     /**
-     * Creates an instance of UmbDataTypeReferenceServerDataSource.
-     * @param {UmbControllerHost} host - The controller host for this controller to be appended to
+     * Fetches the item for the given unique from the server
+     * @param {string} unique - The unique identifier of the item to fetch
+     * @param {number} skip - The number of items to skip
+     * @param {number} take - The number of items to take
+     * @returns {Promise<UmbDataSourceResponse<UmbPagedModel<UmbReferenceItemModel>>>} - Items that are referenced by the given unique
      * @memberof UmbDataTypeReferenceServerDataSource
      */
-    constructor(host: UmbControllerHost);
+    getReferencedBy(unique: string, skip?: number, take?: number): Promise<UmbDataSourceResponse<UmbPagedModel<UmbReferenceItemModel>>>;
     /**
-     * Fetches the item for the given unique from the server
-     * @param {string} id
-     * @returns {*}
+     * Checks if the items are referenced by other items
+     * @param {Array<string>} uniques - The unique identifiers of the items to fetch
+     * @param {number} skip - The number of items to skip
+     * @param {number} take - The number of items to take
+     * @returns {Promise<UmbDataSourceResponse<UmbPagedModel<UmbEntityModel>>>} - Items that are referenced by other items
      * @memberof UmbDataTypeReferenceServerDataSource
      */
-    getReferencedBy(id: string): Promise<import("../../../core/repository/index.js").UmbDataSourceResponse<import("src/external/backend-api/src").GetDataTypeByIdReferencesResponse>>;
+    getAreReferenced(uniques: Array<string>, skip?: number, take?: number): Promise<UmbDataSourceResponse<UmbPagedModel<UmbEntityModel>>>;
 }