@umbraco-cms/backoffice 17.2.2 → 17.3.0-rc2

package/dist-cms/packages/multi-url-picker/link-picker-modal/link-picker-modal.element.d.ts

@@ -2,13 +2,12 @@ import type { UmbLinkPickerModalData, UmbLinkPickerModalValue } from './link-pic
 import { UmbModalBaseElement } from '../../core/modal/index.js';
 export declare class UmbLinkPickerModalElement extends UmbModalBaseElement<UmbLinkPickerModalData, UmbLinkPickerModalValue> {
     #private;
-    private _allowedMediaTypeUniques?;
     private _config;
     private _missingType;
-    private _documentPickerElement?;
     private _mediaPickerElement?;
+    private _documentItem?;
     constructor();
-    connectedCallback(): void;
+    firstUpdated(): Promise<void>;
     populateLinkUrl(): Promise<void>;
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("lit").CSSResult[];

package/dist-cms/packages/multi-url-picker/link-picker-modal/link-picker-modal.element.js

@@ -4,31 +4,41 @@ 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_DOCUMENT_LINK_PICKER_MODAL } from '../document-link-picker-modal/document-link-picker-modal.token.js';
 import { css, customElement, html, nothing, query, state, when } from '../../../external/lit/index.js';
-import { isUmbracoFolder, UmbMediaTypeStructureRepository } from '../../media/media-types/index.js';
 import { umbBindToValidation, UmbObserveValidationStateController, UmbValidationContext, } from '../../core/validation/index.js';
-import { umbConfirmModal, UmbModalBaseElement } from '../../core/modal/index.js';
+import { umbConfirmModal, UmbModalBaseElement, umbOpenModal } from '../../core/modal/index.js';
 import { UmbDocumentItemDataResolver, UmbDocumentItemRepository, UmbDocumentUrlRepository, UmbDocumentUrlsDataResolver, } from '../../documents/documents/index.js';
 import { UmbMediaItemRepository, UmbMediaUrlRepository } from '../../media/media/index.js';
 import { umbFocus } from '../../core/lit-element/index.js';
+import { UmbVariantContext } from '../../core/variant/index.js';
 let UmbLinkPickerModalElement = class UmbLinkPickerModalElement extends UmbModalBaseElement {
     #propertyLayoutOrientation;
+    #userEditedTitle;
     #validationContext;
+    #variantContext;
+    #documentItemDataResolver;
+    #documentItemRepository;
+    #documentUrlRepository;
+    #documentUrlsDataResolver;
+    #mediaItemRepository;
+    #mediaUrlRepository;
     constructor() {
         super();
         this.#propertyLayoutOrientation = 'vertical';
+        this.#userEditedTitle = false;
         this.#validationContext = new UmbValidationContext(this);
         this._config = {
             hideAnchor: false,
             hideTarget: false,
         };
         this._missingType = false;
+        this.#variantContext = new UmbVariantContext(this).inherit();
         new UmbObserveValidationStateController(this, '$.type', (invalid) => {
             this._missingType = invalid;
         });
     }
-    connectedCallback() {
-        super.connectedCallback();
+    async firstUpdated() {
         if (this.data?.config) {
             this._config = this.data.config;
         }
@@ -39,16 +49,18 @@ let UmbLinkPickerModalElement = class UmbLinkPickerModalElement extends UmbModal
                 }
             });
         }
-        this.#getMediaTypes();
+        const type = this.value.link?.type;
+        const unique = this.value.link?.unique;
+        const culture = this.value.link?.culture;
+        if (type === 'document' && unique) {
+            this.#loadPickedDocumentItem(unique);
+        }
+        if (type === 'document' && culture) {
+            await this.#variantContext.setCulture(culture);
+        }
+        this.#userEditedTitle = !!this.value.link.name;
         this.populateLinkUrl();
     }
-    async #getMediaTypes() {
-        // Get all the media types, excluding the folders, so that files are selectable media items.
-        const mediaTypeStructureRepository = new UmbMediaTypeStructureRepository(this);
-        const { data: mediaTypes } = await mediaTypeStructureRepository.requestAllowedChildrenOf(null, null);
-        this._allowedMediaTypeUniques =
-            mediaTypes?.items.map((x) => x.unique).filter((x) => x && !isUmbracoFolder(x)) ?? [];
-    }
     async populateLinkUrl() {
         // Documents and media have URLs saved in the local link format. Display the actual URL to align with what
         // the user sees when they selected it initially.
@@ -91,7 +103,9 @@ let UmbLinkPickerModalElement = class UmbLinkPickerModalElement extends UmbModal
         }
     }
     #onLinkTitleInput(event) {
-        this.#partialUpdateLink({ name: event.target.value });
+        const name = event.target.value;
+        this.#userEditedTitle = !!name;
+        this.#partialUpdateLink({ name });
     }
     #onLinkTargetInput(event) {
         this.#partialUpdateLink({ target: event.target.checked ? '_blank' : undefined });
@@ -99,7 +113,7 @@ let UmbLinkPickerModalElement = class UmbLinkPickerModalElement extends UmbModal
     #onLinkUrlInput(event) {
         const url = event.target.value;
         let name;
-        if (url && !this.value.link.name) {
+        if (url && !this.#userEditedTitle) {
             if (URL.canParse(url)) {
                 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
                 // @ts-ignore
@@ -111,32 +125,35 @@ let UmbLinkPickerModalElement = class UmbLinkPickerModalElement extends UmbModal
             }
         }
         this.#partialUpdateLink({
-            name: this.value.link.name || name,
+            name: this.#userEditedTitle ? this.value.link.name : (name ?? ''),
             type: 'external',
             url,
         });
     }
     async #onPickerSelection(event, type) {
-        let icon, name, url;
         const unique = event.target.value;
+        const culture = event.target.culture;
+        await this.#pickerSelect(type, unique, culture);
+    }
+    async #pickerSelect(type, unique, culture) {
+        let icon, name, url;
         if (unique) {
             switch (type) {
                 case 'document': {
-                    const documentRepository = new UmbDocumentItemRepository(this);
-                    const { data: documentItems } = await documentRepository.requestItems([unique]);
-                    const documentItem = documentItems?.[0];
-                    if (documentItem) {
-                        const itemDataResolver = new UmbDocumentItemDataResolver(this);
-                        itemDataResolver.setData(documentItem);
-                        icon = await itemDataResolver.getIcon();
-                        name = await itemDataResolver.getName();
+                    await this.#loadPickedDocumentItem(unique);
+                    if (this._documentItem) {
+                        this.#documentItemDataResolver?.destroy();
+                        this.#documentItemDataResolver = new UmbDocumentItemDataResolver(this);
+                        this.#documentItemDataResolver.setData(this._documentItem);
+                        icon = await this.#documentItemDataResolver.getIcon();
+                        name = await this.#documentItemDataResolver.getName();
                         url = await this.#getUrlForDocument(unique);
                     }
                     break;
                 }
                 case 'media': {
-                    const mediaRepository = new UmbMediaItemRepository(this);
-                    const { data: mediaData } = await mediaRepository.requestItems([unique]);
+                    this.#mediaItemRepository ??= new UmbMediaItemRepository(this);
+                    const { data: mediaData } = await this.#mediaItemRepository.requestItems([unique]);
                     const mediaItem = mediaData?.[0];
                     if (mediaItem) {
                         icon = mediaItem.mediaType.icon;
@@ -155,25 +172,32 @@ let UmbLinkPickerModalElement = class UmbLinkPickerModalElement extends UmbModal
         }
         const link = {
             icon,
-            name: name || this.value.link.name,
+            name: this.#userEditedTitle ? this.value.link.name : name || this.value.link.name,
             type: unique ? type : undefined,
             unique,
             url: url ?? this.value.link.url,
+            culture,
         };
         this.#partialUpdateLink(link);
     }
+    async #loadPickedDocumentItem(unique) {
+        this.#documentItemRepository ??= new UmbDocumentItemRepository(this);
+        const { data: documentItems } = await this.#documentItemRepository.requestItems([unique]);
+        this._documentItem = documentItems?.[0];
+    }
     async #getUrlForDocument(unique) {
-        const documentUrlRepository = new UmbDocumentUrlRepository(this);
-        const { data: documentUrlData } = await documentUrlRepository.requestItems([unique]);
+        this.#documentUrlRepository ??= new UmbDocumentUrlRepository(this);
+        const { data: documentUrlData } = await this.#documentUrlRepository.requestItems([unique]);
         const urlsItem = documentUrlData?.[0];
-        const dataResolver = new UmbDocumentUrlsDataResolver(this);
-        dataResolver.setData(urlsItem?.urls);
-        const resolvedUrls = await dataResolver.getUrls();
+        this.#documentUrlsDataResolver?.destroy();
+        this.#documentUrlsDataResolver = new UmbDocumentUrlsDataResolver(this);
+        this.#documentUrlsDataResolver.setData(urlsItem?.urls);
+        const resolvedUrls = await this.#documentUrlsDataResolver.getUrls();
         return resolvedUrls?.[0]?.url ?? '';
     }
     async #getUrlForMedia(unique) {
-        const mediaUrlRepository = new UmbMediaUrlRepository(this);
-        const { data: mediaUrlData } = await mediaUrlRepository.requestItems([unique]);
+        this.#mediaUrlRepository ??= new UmbMediaUrlRepository(this);
+        const { data: mediaUrlData } = await this.#mediaUrlRepository.requestItems([unique]);
         return mediaUrlData?.[0].url ?? '';
     }
     async #onResetUrl() {
@@ -199,8 +223,17 @@ let UmbLinkPickerModalElement = class UmbLinkPickerModalElement extends UmbModal
             console.log('Validation failed');
         }
     }
-    #triggerDocumentPicker() {
-        this._documentPickerElement?.shadowRoot?.querySelector('#btn-add')?.dispatchEvent(new Event('click'));
+    async #triggerDocumentLinkPicker() {
+        const value = await umbOpenModal(this, UMB_DOCUMENT_LINK_PICKER_MODAL, {
+            data: { allowCultureSpecificLinks: this._config.documentLinksConfig?.allowCultureSpecificLinks },
+        });
+        // If a culture is selected for the document, we need to set the variant context to make sure we get the correct name and url for the document.
+        // This will make a local variant context for the link picker when a Document with a culture is selected,
+        // and will inherit the values from the parent context (if any), but will override the culture with the one selected for the document.
+        if (value.culture) {
+            await this.#variantContext.setCulture(value.culture);
+        }
+        await this.#pickerSelect('document', value.unique, value.culture);
     }
     #triggerMediaPicker() {
         this._mediaPickerElement?.shadowRoot?.querySelector('#btn-add')?.dispatchEvent(new Event('click'));
@@ -253,7 +286,7 @@ let UmbLinkPickerModalElement = class UmbLinkPickerModalElement extends UmbModal
 						look="placeholder"
 						label=${this.localize.term('general_content')}
 						.color=${this._missingType ? 'invalid' : 'default'}
-						@click=${this.#triggerDocumentPicker}></uui-button>
+						@click=${this.#triggerDocumentLinkPicker}></uui-button>
 					<uui-button
 						data-mark="action:media"
 						look="placeholder"
@@ -273,18 +306,32 @@ let UmbLinkPickerModalElement = class UmbLinkPickerModalElement extends UmbModal
     #renderDocumentPicker() {
         return html `
 			<umb-property-layout
-				?hidden=${!this.value.link.unique || this.value.link.type !== 'document'}
+				?hidden=${!this.value.link.unique || this.value.link.type !== 'document' || !this._documentItem}
 				orientation=${this.#propertyLayoutOrientation}
 				label=${this.localize.term('general_content')}>
-				<umb-input-document
-					slot="editor"
-					.max=${1}
-					.value=${this.value.link.unique && this.value.link.type === 'document' ? this.value.link.unique : ''}
-					@change=${(e) => this.#onPickerSelection(e, 'document')}>
-				</umb-input-document>
+				<umb-entity-item-ref slot="editor" .item=${this._documentItem} standalone>
+					<uui-action-bar slot="actions">
+						<uui-button
+							label=${this.localize.term('general_remove')}
+							@click=${() => this.#onDocumentRemove()}></uui-button>
+					</uui-action-bar>
+				</umb-entity-item-ref>
 			</umb-property-layout>
 		`;
     }
+    async #onDocumentRemove() {
+        const name = await this.#documentItemDataResolver?.getName();
+        await umbConfirmModal(this, {
+            color: 'danger',
+            headline: `#actions_remove?`,
+            content: `#defaultdialogs_confirmremove ${name}?`,
+            confirmLabel: '#actions_remove',
+        });
+        this.#pickerSelect('document', undefined, undefined);
+        this.#documentItemDataResolver?.destroy();
+        this.#documentItemDataResolver = undefined;
+        this._documentItem = undefined;
+    }
     #renderMediaPicker() {
         return html `
 			<umb-property-layout
@@ -293,7 +340,6 @@ let UmbLinkPickerModalElement = class UmbLinkPickerModalElement extends UmbModal
 				label=${this.localize.term('general_media')}>
 				<umb-input-media
 					slot="editor"
-					.allowedContentTypeIds=${this._allowedMediaTypeUniques}
 					.max=${1}
 					.value=${this.value.link.unique && this.value.link.type === 'media' ? this.value.link.unique : ''}
 					@change=${(e) => this.#onPickerSelection(e, 'media')}></umb-input-media>
@@ -367,7 +413,7 @@ let UmbLinkPickerModalElement = class UmbLinkPickerModalElement extends UmbModal
 					label=${this.localize.term('defaultdialogs_nodeNameLinkPicker')}
 					placeholder=${this.localize.term('defaultdialogs_nodeNameLinkPicker')}
 					.value=${this.value.link.name ?? ''}
-					@change=${this.#onLinkTitleInput}>
+					@input=${this.#onLinkTitleInput}>
 				</uui-input>
 			</umb-property-layout>
 		`;
@@ -411,21 +457,18 @@ let UmbLinkPickerModalElement = class UmbLinkPickerModalElement extends UmbModal
 		`,
     ]; }
 };
-__decorate([
-    state()
-], UmbLinkPickerModalElement.prototype, "_allowedMediaTypeUniques", void 0);
 __decorate([
     state()
 ], UmbLinkPickerModalElement.prototype, "_config", void 0);
 __decorate([
     state()
 ], UmbLinkPickerModalElement.prototype, "_missingType", void 0);
-__decorate([
-    query('umb-input-document')
-], UmbLinkPickerModalElement.prototype, "_documentPickerElement", void 0);
 __decorate([
     query('umb-input-media')
 ], UmbLinkPickerModalElement.prototype, "_mediaPickerElement", void 0);
+__decorate([
+    state()
+], UmbLinkPickerModalElement.prototype, "_documentItem", void 0);
 UmbLinkPickerModalElement = __decorate([
     customElement('umb-link-picker-modal')
 ], UmbLinkPickerModalElement);

package/dist-cms/packages/multi-url-picker/link-picker-modal/link-picker-modal.token.d.ts

@@ -8,8 +8,12 @@ export interface UmbLinkPickerModalData {
 export type UmbLinkPickerModalValue = {
     link: UmbLinkPickerLink;
 };
+export interface UmbLinkPickerDocumentLinksConfig {
+    allowCultureSpecificLinks?: boolean;
+}
 export interface UmbLinkPickerConfig {
     hideAnchor?: boolean;
     hideTarget?: boolean;
+    documentLinksConfig?: UmbLinkPickerDocumentLinksConfig;
 }
 export declare const UMB_LINK_PICKER_MODAL: UmbModalToken<UmbLinkPickerModalData, UmbLinkPickerModalValue>;

package/dist-cms/packages/multi-url-picker/link-picker-modal/types.d.ts

@@ -9,4 +9,5 @@ export interface UmbLinkPickerLink {
     type?: UmbLinkPickerLinkType | null;
     unique?: string | null;
     url?: string | null;
+    culture?: string | null;
 }

package/dist-cms/packages/multi-url-picker/manifests.js

@@ -1,8 +1,10 @@
 import { manifests as modalManifests } from './link-picker-modal/manifests.js';
+import { manifests as documentLinkPickerModal } from './document-link-picker-modal/manifests.js';
 import { manifests as monacoMarkdownEditorManifests } from './monaco-markdown-editor-action/manifests.js';
 import { manifests as propertyEditorManifests } from './property-editor/manifests.js';
 export const manifests = [
     ...modalManifests,
     ...monacoMarkdownEditorManifests,
     ...propertyEditorManifests,
+    ...documentLinkPickerModal,
 ];

package/dist-cms/packages/multi-url-picker/property-editor/manifests.js

@@ -25,6 +25,12 @@ export const manifests = [
                         description: 'Selecting this hides the anchor/query string input field in the link picker overlay.',
                         propertyEditorUiAlias: 'Umb.PropertyEditorUi.Toggle',
                     },
+                    {
+                        alias: 'allowCultureSpecificDocumentLinks',
+                        label: '#linkPicker_configCultureSpecificDocumentLinksLabel',
+                        description: '{#linkPicker_configCultureSpecificDocumentLinksDescription}',
+                        propertyEditorUiAlias: 'Umb.PropertyEditorUi.Toggle',
+                    },
                 ],
             },
         },

package/dist-cms/packages/multi-url-picker/property-editor/property-editor-ui-multi-url-picker.element.d.ts

@@ -20,6 +20,7 @@ export declare class UmbPropertyEditorUIMultiUrlPickerElement extends UmbPropert
     mandatoryMessage: string;
     private _overlaySize?;
     private _hideAnchor?;
+    private _documentLinksConfig?;
     private _min;
     private _max;
     private _label?;

package/dist-cms/packages/multi-url-picker/property-editor/property-editor-ui-multi-url-picker.element.js

@@ -18,6 +18,9 @@ let UmbPropertyEditorUIMultiUrlPickerElement = class UmbPropertyEditorUIMultiUrl
         if (!config)
             return;
         this._hideAnchor = Boolean(config.getValueByAlias('hideAnchor'));
+        this._documentLinksConfig = {
+            allowCultureSpecificLinks: Boolean(config.getValueByAlias('allowCultureSpecificDocumentLinks')),
+        };
         this._min = this.#parseInt(config.getValueByAlias('minNumber'), 0);
         this._max = this.#parseInt(config.getValueByAlias('maxNumber'), Infinity);
         this._overlaySize = config.getValueByAlias('overlaySize') ?? 'small';
@@ -64,6 +67,7 @@ let UmbPropertyEditorUIMultiUrlPickerElement = class UmbPropertyEditorUIMultiUrl
 				.overlaySize=${this._overlaySize}
 				.urls=${this.value ?? []}
 				.variantId=${this._variantId}
+				.documentLinksConfig=${this._documentLinksConfig}
 				?hide-anchor=${this._hideAnchor}
 				?readonly=${this.readonly}
 				?required=${this.mandatory}
@@ -88,6 +92,9 @@ __decorate([
 __decorate([
     state()
 ], UmbPropertyEditorUIMultiUrlPickerElement.prototype, "_hideAnchor", void 0);
+__decorate([
+    state()
+], UmbPropertyEditorUIMultiUrlPickerElement.prototype, "_documentLinksConfig", void 0);
 __decorate([
     state()
 ], UmbPropertyEditorUIMultiUrlPickerElement.prototype, "_min", void 0);

package/dist-cms/packages/property-editors/content-picker/components/input-content/input-content.element.d.ts

@@ -13,8 +13,8 @@ export declare class UmbInputContentElement extends UmbInputContentElement_base
     max: number;
     maxMessage: string;
     startNode?: UmbTreeStartNode;
-    set allowedContentTypeIds(value: string);
-    get allowedContentTypeIds(): string;
+    set allowedContentTypeIds(value: string | undefined);
+    get allowedContentTypeIds(): string | undefined;
     set selection(values: Array<UmbReferenceByUniqueAndType>);
     get selection(): Array<UmbReferenceByUniqueAndType>;
     set value(selectionString: string | undefined);

package/dist-cms/packages/property-editors/content-picker/components/input-content/input-content.element.js

@@ -23,10 +23,10 @@ let UmbInputContentElement = class UmbInputContentElement extends UmbFormControl
     }
     #type;
     set allowedContentTypeIds(value) {
-        this.#allowedContentTypeIds = value ? value.split(',') : [];
+        this.#allowedContentTypeIds = value ? value.split(',') : undefined;
     }
     get allowedContentTypeIds() {
-        return this.#allowedContentTypeIds.join(',');
+        return this.#allowedContentTypeIds?.join(',');
     }
     #allowedContentTypeIds;
     set selection(values) {
@@ -49,7 +49,6 @@ let UmbInputContentElement = class UmbInputContentElement extends UmbFormControl
         this.minMessage = 'This field need more items';
         this.max = 0;
         this.maxMessage = 'This field exceeds the allowed amount of items';
-        this.#allowedContentTypeIds = [];
         /**
          * Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.
          * @type {boolean}

package/dist-cms/packages/property-editors/content-picker/property-editor-ui-content-picker.element.js

@@ -10,12 +10,12 @@ import { UmbChangeEvent } from '../../core/event/index.js';
 import { umbConfirmModal } from '../../core/modal/index.js';
 import { UmbLitElement } from '../../core/lit-element/index.js';
 import { UMB_VALIDATION_EMPTY_LOCALIZATION_KEY, UmbFormControlMixin } from '../../core/validation/index.js';
-import { UMB_ANCESTORS_ENTITY_CONTEXT } from '../../core/entity/index.js';
+import { UMB_PARENT_ENTITY_CONTEXT } from '../../core/entity/index.js';
 import { UMB_DOCUMENT_ENTITY_TYPE } from '../../documents/documents/index.js';
 import { UMB_MEDIA_ENTITY_TYPE } from '../../media/media/index.js';
 import { UMB_MEMBER_ENTITY_TYPE } from '../../members/member/index.js';
 import { UmbPropertyEditorUiInteractionMemoryManager } from '../../core/property-editor/index.js';
-import { UMB_ENTITY_WORKSPACE_CONTEXT } from '../../core/workspace/index.js';
+import { UMB_CONTENT_WORKSPACE_CONTEXT } from '../../content/content/index.js';
 // import of local component
 import './components/input-content/index.js';
 /**
@@ -99,11 +99,21 @@ let UmbPropertyEditorUIContentPickerElement = class UmbPropertyEditorUIContentPi
             return;
         if (!this.#dynamicRoot)
             return;
-        const workspaceContext = await this.getContext(UMB_ENTITY_WORKSPACE_CONTEXT);
-        const unique = workspaceContext?.getUnique() ?? null;
-        const ancestorsContext = await this.getContext(UMB_ANCESTORS_ENTITY_CONTEXT);
-        const ancestors = ancestorsContext?.getAncestors() ?? [];
-        const parentUnique = ancestors.at(-1)?.unique ?? null;
+        // Use passContextAliasMatches to skip past block element workspaces and find the document workspace.
+        const workspaceContext = await this.getContext(UMB_CONTENT_WORKSPACE_CONTEXT, {
+            passContextAliasMatches: true,
+        }).catch(() => undefined);
+        // For new documents, the unique is a client-generated GUID that doesn't exist in the DB.
+        // The backend expects null for CurrentKey when creating new content and falls back to ParentKey.
+        const isNew = workspaceContext &&
+            'getIsNew' in workspaceContext &&
+            workspaceContext.getIsNew() === true;
+        const unique = isNew ? null : (workspaceContext?.getUnique() ?? null);
+        // Use parent entity context to get the parent unique. Its observable starts as undefined,
+        // so asPromise() properly waits for the async structure loading to complete.
+        const parentContext = await this.getContext(UMB_PARENT_ENTITY_CONTEXT);
+        const parent = await this.observe(parentContext?.parent, () => { })?.asPromise();
+        const parentUnique = parent?.unique ?? null;
         const result = await this.#dynamicRootRepository.requestRoot(this.#dynamicRoot, unique, parentUnique);
         if (result && result.length > 0) {
             this._rootUnique = result[0];
@@ -147,7 +157,7 @@ let UmbPropertyEditorUIContentPickerElement = class UmbPropertyEditorUIContentPi
 				.max=${this._max}
 				.maxMessage=${this._maxMessage}
 				.startNode=${startNode}
-				.allowedContentTypeIds=${this._allowedContentTypeUniques ?? ''}
+				.allowedContentTypeIds=${this._allowedContentTypeUniques}
 				?readonly=${this.readonly}
 				?required=${this.mandatory}
 				.requiredMessage=${this.mandatoryMessage}

package/dist-cms/packages/property-editors/entity-data-picker/conditions/constants.d.ts

@@ -0,0 +1 @@
+export declare const UMB_ENTITY_DATA_PICKER_SUPPORTS_TEXT_FILTER_CONDITION_ALIAS = "Umb.Condition.EntityDataPicker.SupportsTextFilter";

package/dist-cms/packages/property-editors/entity-data-picker/conditions/constants.js

@@ -0,0 +1 @@
+export const UMB_ENTITY_DATA_PICKER_SUPPORTS_TEXT_FILTER_CONDITION_ALIAS = 'Umb.Condition.EntityDataPicker.SupportsTextFilter';

package/dist-cms/packages/property-editors/entity-data-picker/conditions/entity-data-picker-supports-text-filter.condition.d.ts

@@ -0,0 +1,6 @@
+import type { UmbConditionConfigBase, UmbConditionControllerArguments, UmbExtensionCondition } from '../../../../libs/extension-api/index.js';
+import { UmbConditionBase } from '../../../core/extension-registry/index.js';
+import type { UmbControllerHost } from '../../../../libs/controller-api/index.js';
+export declare class UmbEntityDataPickerSupportsTextFilterCondition extends UmbConditionBase<UmbConditionConfigBase> implements UmbExtensionCondition {
+    constructor(host: UmbControllerHost, args: UmbConditionControllerArguments<UmbConditionConfigBase>);
+}

package/dist-cms/packages/property-editors/entity-data-picker/conditions/entity-data-picker-supports-text-filter.condition.js

@@ -0,0 +1,21 @@
+import { UMB_ENTITY_DATA_PICKER_DATA_SOURCE_API_CONTEXT } from '../input/entity-data-picker-data-source.context.token.js';
+import { UmbConditionBase } from '../../../core/extension-registry/index.js';
+import { isPickerCollectionDataSource } from '../../../core/picker-data-source/index.js';
+export class UmbEntityDataPickerSupportsTextFilterCondition extends UmbConditionBase {
+    constructor(host, args) {
+        super(host, args);
+        this.consumeContext(UMB_ENTITY_DATA_PICKER_DATA_SOURCE_API_CONTEXT, (context) => {
+            this.observe(context?.dataSourceApi, (dataSourceApi) => {
+                if (dataSourceApi && isPickerCollectionDataSource(dataSourceApi) && dataSourceApi.features) {
+                    this.observe(dataSourceApi.features.supportsTextFilter, (supportsTextFilter) => {
+                        this.permitted = supportsTextFilter.enabled;
+                    }, '_observeSupportsTextFilter');
+                }
+                else {
+                    this.removeUmbControllerByAlias('_observeSupportsTextFilter');
+                    this.permitted = false;
+                }
+            });
+        });
+    }
+}

package/dist-cms/packages/property-editors/entity-data-picker/conditions/manifests.d.ts

@@ -0,0 +1,2 @@
+import type { ManifestCondition } from '../../../../libs/extension-api/index.js';
+export declare const manifests: Array<ManifestCondition>;

package/dist-cms/packages/property-editors/entity-data-picker/conditions/manifests.js

@@ -0,0 +1,10 @@
+import { UMB_ENTITY_DATA_PICKER_SUPPORTS_TEXT_FILTER_CONDITION_ALIAS } from './constants.js';
+import { UmbEntityDataPickerSupportsTextFilterCondition } from './entity-data-picker-supports-text-filter.condition.js';
+export const manifests = [
+    {
+        type: 'condition',
+        name: 'Entity Data Picker Supports Text Filter Condition',
+        alias: UMB_ENTITY_DATA_PICKER_SUPPORTS_TEXT_FILTER_CONDITION_ALIAS,
+        api: UmbEntityDataPickerSupportsTextFilterCondition,
+    },
+];

package/dist-cms/packages/property-editors/entity-data-picker/constants.d.ts

@@ -1,3 +1,4 @@
+export * from './conditions/constants.js';
 export * from './picker-collection/constants.js';
 export * from './picker-item/constants.js';
 export * from './picker-search/constants.js';

package/dist-cms/packages/property-editors/entity-data-picker/constants.js

@@ -1,3 +1,4 @@
+export * from './conditions/constants.js';
 export * from './picker-collection/constants.js';
 export * from './picker-item/constants.js';
 export * from './picker-search/constants.js';

package/dist-cms/packages/property-editors/entity-data-picker/entry-point.d.ts

@@ -1,2 +1,3 @@
 import type { UmbEntryPointOnInit } from '../../../libs/extension-api/index.js';
+import './input/input-entity-data.element.js';
 export declare const onInit: UmbEntryPointOnInit;

package/dist-cms/packages/property-editors/entity-data-picker/entry-point.js

@@ -1,5 +1,6 @@
-import { manifests as entityDataPickerManifests } from './manifests.js';
+import { manifests as propertyEditorManifests } from './property-editor/manifests.js';
 import { UMB_PICKER_DATA_SOURCE_TYPE } from '../../core/picker-data-source/index.js';
+import './input/input-entity-data.element.js';
 export const onInit = (host, extensionRegistry) => {
     let initialized = false;
     /* We register the Entity Data Picker only if any picker data sources have been registered.
@@ -9,7 +10,7 @@ export const onInit = (host, extensionRegistry) => {
         .byTypeAndFilter('propertyEditorDataSource', (manifest) => manifest.dataSourceType === UMB_PICKER_DATA_SOURCE_TYPE)
         .subscribe((pickerPropertyEditorDataSource) => {
         if (pickerPropertyEditorDataSource.length > 0 && !initialized) {
-            extensionRegistry.registerMany(entityDataPickerManifests);
+            extensionRegistry.registerMany(propertyEditorManifests);
             initialized = true;
         }
     });

package/dist-cms/packages/property-editors/entity-data-picker/input/entity-data-picker-data-source.context.d.ts

@@ -5,6 +5,6 @@ export declare class UmbEntityDataPickerDataSourceApiContext<DataSourceApiType e
     #private;
     readonly dataSourceApi: import("rxjs").Observable<DataSourceApiType | undefined>;
     constructor(host: UmbControllerHost);
-    setDataSourceApi(dataSourceApi: DataSourceApiType): void;
+    setDataSourceApi(dataSourceApi: DataSourceApiType | undefined): void;
     getDataSourceApi(): DataSourceApiType | undefined;
 }

package/dist-cms/packages/property-editors/entity-data-picker/input/input-entity-data.context.d.ts

@@ -2,23 +2,24 @@ import { type UmbPickerModalData } from '../../../core/modal/index.js';
 import { type UmbTreeItemModel } from '../../../core/tree/index.js';
 import { UmbPickerInputContext } from '../../../core/picker-input/index.js';
 import type { UmbControllerHost } from '../../../../libs/controller-api/index.js';
+import { type UmbPickerDataSource } from '../../../core/picker-data-source/index.js';
 import type { UmbItemModel } from '../../../core/entity-item/index.js';
 import type { UmbConfigCollectionModel } from '../../../core/utils/index.js';
 export declare class UmbEntityDataPickerInputContext extends UmbPickerInputContext<UmbItemModel, UmbItemModel | UmbTreeItemModel> {
     #private;
     constructor(host: UmbControllerHost);
     /**
-     * Sets the data source alias for the input context.
-     * @param {(string | undefined)} alias
+     * Sets the data source API for the input context and updates the modal token accordingly.
+     * @param {UmbPickerDataSource | undefined} api The data source API to set for the input context.
      * @memberof UmbEntityDataPickerInputContext
      */
-    setDataSourceAlias(alias: string | undefined): void;
+    setDataSourceApi(api: UmbPickerDataSource | undefined): void;
     /**
-     * Gets the data source alias for the input context.
-     * @returns {(string | undefined)} The data source alias.
+     * Gets the data source API for the input context.
+     * @returns {(UmbPickerDataSource | undefined)} The data source API for the input context.
      * @memberof UmbEntityDataPickerInputContext
      */
-    getDataSourceAlias(): string | undefined;
+    getDataSourceApi(): UmbPickerDataSource | undefined;
     /**
      * Sets the data source config for the input context.
      * @param {(UmbPropertyEditorDataSourceConfigModel | undefined)} config The data source config.
@@ -31,5 +32,21 @@ export declare class UmbEntityDataPickerInputContext extends UmbPickerInputConte
      * @memberof UmbEntityDataPickerInputContext
      */
     getDataSourceConfig(): UmbConfigCollectionModel | undefined;
+    /**
+     * Sets the picker views configuration for the input context.
+     * @param {(Array<{ alias: string }> | undefined)} views The picker views configuration.
+     * @memberof UmbEntityDataPickerInputContext
+     */
+    setPickerViews(views: Array<{
+        alias: string;
+    }> | undefined): void;
+    /**
+     * Gets the picker views configuration for the input context.
+     * @returns {(Array<{ alias: string }> | undefined)} The picker views configuration.
+     * @memberof UmbEntityDataPickerInputContext
+     */
+    getPickerViews(): Array<{
+        alias: string;
+    }> | undefined;
     openPicker(pickerData?: Partial<UmbPickerModalData<UmbItemModel>>): Promise<void>;
 }